:root{--bg:#f6f2ea;--card:#fbf4e6;--ink:#22303f;--muted:#6a7683;--body:#3f4b57;--accent:#ef5b2b;--accent-h:#d84e22;--accent2:#2c6bd6;--accent2-h:#2357ad;--stripe-a:#ece4d5;--stripe-b:#ddd3c0;--tint-blue:#e7eefb;--tint-coral:#fbe4d8;--ok-bg:#e7f6ee;--ok-fg:#1f7a4d;--radius:18px;--radius-sm:12px;--line:#e4dccd;--bw:1px;--bw2:1px;--ease-fluid:cubic-bezier(.16, 1, .3, 1);--dur:.55s;--dur-fast:.32s}*{box-sizing:border-box}html,body{margin:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}body{background:var(--bg);color:var(--ink);flex-direction:column;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex}h1,h2,h3,.display{margin:0;font-family:Outfit,sans-serif}a{color:var(--accent);transition:color var(--dur-fast) var(--ease-fluid);text-decoration:none}a:not(.btn):not(.navlink):not(.navicon):not(.tab):not(.role-card):hover{color:var(--accent-h)}::selection{background:var(--accent);color:#fff}.material-symbols-outlined{line-height:1}button{font-family:inherit}.nav{z-index:1000;background:var(--bg);border-bottom:var(--bw) solid var(--line);justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}@media (max-width:768px){.nav{padding:14px 20px}}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--accent);width:34px;height:34px;transition:transform var(--dur) var(--ease-fluid);border-radius:10px;justify-content:center;align-items:center;display:flex;transform:rotate(-6deg)}.brand.animate .brand-mark{transform:rotate(8deg)scale(1.08)}.brand.animate .brand-mark span{transform:scale(1.2)}.brand.animate .brand-name span{animation:letter-bounce .6s var(--ease-fluid);animation-delay:calc(var(--i) * 45ms)}@media (hover:hover){.brand:hover .brand-mark{transform:rotate(8deg)scale(1.08)}.brand:hover .brand-mark span{transform:scale(1.2)}}.brand-mark span{background:var(--card);width:14px;height:14px;transition:transform var(--dur) var(--ease-fluid);border-radius:50%}.brand-name{font-family:Outfit,sans-serif;font-size:22px;font-weight:600;display:flex}.brand-name span{display:inline-block}@keyframes letter-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-7px)}}.navlinks{align-items:center;gap:8px;display:flex}.navlink{cursor:pointer;color:var(--ink);transition:background-color var(--dur) var(--ease-fluid), transform var(--dur) var(--ease-fluid);background:0 0;border:none;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600}.navlink:hover{background:var(--stripe-a);transform:translateY(-2px)}.navlink:active{transform:translateY(0)}.navicon{cursor:pointer;width:40px;height:40px;color:var(--ink);transition:background-color var(--dur) var(--ease-fluid), transform var(--dur) var(--ease-fluid);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:flex}.navicon:hover{background:var(--stripe-a);transform:scale(1.08)}.navicon:active{transform:scale(.97)}.langswitch{border:var(--bw2) solid var(--line);border-radius:999px;margin-left:6px;display:flex;overflow:hidden}.langswitch button{cursor:pointer;transition:background-color var(--dur-fast) var(--ease-fluid), color var(--dur-fast) var(--ease-fluid);border:none;padding:8px 14px;font-size:13px;font-weight:700}.lang-on{background:var(--ink);color:var(--card)}.lang-off{background:var(--card);color:var(--ink)}.mobile-menu-btn{cursor:pointer;width:44px;height:44px;color:var(--ink);transition:background-color var(--dur) var(--ease-fluid);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:none}.mobile-menu-btn:hover,.mobile-menu-btn:active{background:var(--stripe-a)}.mobile-menu-overlay{z-index:998;background:#0000004d;display:none;position:fixed;inset:0}@media (max-width:768px){.mobile-menu-btn{display:flex}.mobile-menu-overlay{display:block}.navlinks{background:var(--bg);width:280px;height:100vh;transition:right var(--dur) var(--ease-fluid);z-index:999;flex-direction:column;align-items:stretch;gap:12px;padding:80px 20px 20px;position:fixed;top:0;right:-100%;overflow-y:auto;box-shadow:-4px 0 20px #0000001a}.navlinks.open{right:0}.navlink{padding:14px 18px;font-size:16px}.navicon{width:48px;height:48px}.langswitch{align-self:flex-start;gap:1px;margin-top:16px;margin-left:0;padding:3px}.langswitch button{border-radius:999px;padding:5px 10px;font-size:11px}}.btn{cursor:pointer;transition:background-color var(--dur) var(--ease-fluid), transform var(--dur) var(--ease-fluid), opacity var(--dur) var(--ease-fluid);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 26px;font-family:inherit;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.btn:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--dur) var(--ease-fluid);pointer-events:none;position:absolute;inset:0;box-shadow:0 14px 28px #22303f33}@media (hover:hover){.btn:hover{transform:translateY(-3px)}.btn:hover:after{opacity:1}}.btn:active{transform:translateY(-1px)}.btn:active:after{opacity:.55}.btn-primary{background:var(--accent);color:#fff}@media (hover:hover){.btn-primary:hover{background:var(--accent-h)}}.btn-blue{background:var(--accent2);color:#fff}@media (hover:hover){.btn-blue:hover{background:var(--accent2-h)}}.btn-dark{background:var(--ink);color:var(--card)}@media (hover:hover){.btn-dark:hover{opacity:.9}}.btn-outline{background:var(--card);border:var(--bw2) solid var(--line);color:var(--ink)}@media (hover:hover){.btn-outline:hover{background:var(--stripe-a)}}.btn-hero{font-size:17px;box-shadow:0 8px 20px #22303f29}.btn-hero:after{box-shadow:0 20px 40px #22303f42}.btn-sm{border-radius:12px;padding:10px 18px;font-size:14px}.btn-sm:after{box-shadow:0 8px 16px #22303f2e}@media (max-width:768px){.btn{border-radius:12px;padding:12px 20px;font-size:15px}.btn-hero{padding:12px 22px;font-size:16px}.btn-sm{border-radius:10px;padding:8px 14px;font-size:13px}}.page{flex:1;width:100%}.wrap{width:100%;max-width:1280px;margin:0 auto;padding:0 60px}.wrap-narrow{width:100%;max-width:620px;margin:0 auto;padding:0 60px}.wrap-mid{width:100%;max-width:960px;margin:0 auto;padding:0 60px}@media (max-width:768px){.wrap,.wrap-narrow,.wrap-mid{padding:0 28px}}@media (max-width:480px){.wrap,.wrap-narrow,.wrap-mid{padding:0 20px}}.section-title{font-size:30px;font-weight:700}.grid-3{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-3{grid-template-columns:1fr}}.pad-lg{padding-top:44px;padding-bottom:80px}.pill{transition:background-color var(--dur) var(--ease-fluid), color var(--dur) var(--ease-fluid);border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}@media (max-width:768px){.pill{padding:6px 14px;font-size:13px}}.pill-line{background:var(--card);border:var(--bw2) solid var(--line);padding:6px 16px;font-size:13px}.pill-ok{background:var(--ok-bg);color:var(--ok-fg)}.pill-blue{background:var(--tint-blue);color:var(--accent2)}.pill-coral{background:var(--tint-coral);color:var(--accent-h)}.listing-card{border:var(--bw) solid var(--line);border-radius:var(--radius);background:var(--card);cursor:pointer;transition:transform var(--dur) var(--ease-fluid);flex-direction:column;display:flex;position:relative}.listing-card:after{content:"";border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--dur) var(--ease-fluid);pointer-events:none;position:absolute;inset:-1px;box-shadow:0 24px 44px #22303f33}@media (hover:hover){.listing-card:hover{transform:translateY(-6px)}.listing-card:hover:after{opacity:1}.listing-card:hover .listing-photo-img{filter:saturate(.9)contrast(1.05)brightness();transform:scale(1.09)}}.listing-card:active{transform:translateY(-2px)}.listing-photo{border-bottom:var(--bw) solid var(--line);border-radius:var(--radius) var(--radius) 0 0;height:150px;position:relative;overflow:hidden}.listing-photo-img{filter:saturate(.78)contrast(1.05)brightness(.95);transition:transform .8s var(--ease-fluid), filter .6s var(--ease-fluid);background-position:50%;background-size:cover;position:absolute;inset:0}.listing-card:hover .listing-photo-img{filter:saturate(.9)contrast(1.05)brightness();transform:scale(1.09)}.bookmark{background:var(--card);cursor:pointer;width:34px;height:34px;color:var(--ink);filter:none;transition:transform var(--dur) var(--ease-fluid), color var(--dur) var(--ease-fluid), background-color var(--dur) var(--ease-fluid);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.bookmark:hover{background:#fff;transform:scale(1.15)}.bookmark:active{transform:scale(.92)}.bookmark.saved{color:var(--accent)}.listing-badge{color:var(--ink);background:#fffffff2;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:8px;left:8px;box-shadow:0 2px 6px #22303f2e}.listing-body{flex-direction:column;flex:1;gap:6px;padding:16px;display:flex}.listing-title{word-break:break-word;overflow-wrap:break-word;font-family:Outfit,sans-serif;font-size:17px;font-weight:600;line-height:1.3}.listing-meta{color:var(--muted);align-items:center;gap:4px;font-size:13px;display:flex}.listing-meta.sm{font-size:12px}.listing-foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.listing-price{color:var(--accent);font-family:Outfit,sans-serif;font-size:19px;font-weight:700}.listing-price span{color:var(--muted);font-size:12px;font-weight:500}.loc-icon{color:var(--accent);font-size:15px}.card{background:var(--card);border:var(--bw2) solid var(--line);border-radius:var(--radius);padding:24px}.card-hd{background:var(--card);border:var(--bw) solid var(--line);border-radius:var(--radius)}.info-card{background:var(--card);border:var(--bw2) solid var(--line);border-radius:14px;padding:16px}.info-label{color:var(--muted);align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.info-value{font-size:16px;font-weight:700}.step-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}@media (max-width:768px){.card{padding:18px}.info-card{padding:14px}}.field{display:block}.field>label{font-size:14px;font-weight:700}.input,.select,.textarea{box-sizing:border-box;border:var(--bw2) solid var(--line);width:100%;transition:border-color var(--dur-fast) var(--ease-fluid), box-shadow var(--dur-fast) var(--ease-fluid);background:#fff;border-radius:10px;margin-top:6px;padding:12px 14px;font-family:inherit;font-size:15px}.input:hover,.select:hover,.textarea:hover{border-color:var(--stripe-b)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--tint-coral);outline:none}.textarea{resize:vertical}.hint{color:var(--muted);margin-top:6px;font-size:12px}.form-col{flex-direction:column;gap:16px;display:flex}.row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.daterange{align-items:center;gap:12px;margin-top:6px;display:flex}.daterange input{flex:1;min-width:0;margin-top:0}.daterange .to{color:var(--muted);font-size:14px;font-weight:700}.bills-grid{grid-template-columns:1fr 1fr;gap:14px 32px;margin-top:10px;display:grid}@media (max-width:768px){.bills-grid{gap:12px 16px}.daterange{flex-direction:column;align-items:stretch;gap:8px}.daterange .to{text-align:center}.daterange input{width:100%}.row-2{grid-template-columns:1fr;gap:12px}.input,.select,.textarea{padding:14px 16px;font-size:16px}}.address-autocomplete{position:relative}.address-suggestions{z-index:30;border:var(--bw2) solid var(--line);background:#fff;border-radius:12px;max-height:260px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 12px 28px #22303f29}.address-suggestion{text-align:left;cursor:pointer;width:100%;color:var(--body);transition:background-color var(--dur-fast) var(--ease-fluid);background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.address-suggestion:hover{background:var(--stripe-a)}.address-suggestion .material-symbols-outlined{color:var(--accent);flex:none}.address-suggestion-loading{color:var(--muted);padding:10px 14px;font-size:13px}input[type=range].price-range{appearance:none;background:0 0;outline:none;width:100%;height:22px;margin:0;display:block}input[type=range].price-range::-webkit-slider-runnable-track{background:var(--stripe-b);border-radius:999px;height:6px}input[type=range].price-range::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:22px;height:22px;margin-top:-8px;box-shadow:0 1px 4px #0000004d}input[type=range].price-range::-moz-range-track{background:var(--stripe-b);border-radius:999px;height:6px}input[type=range].price-range::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 4px #0000004d}.switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.switch-track{background:var(--stripe-b);border:var(--bw2) solid var(--line);width:44px;height:26px;transition:background-color var(--dur-fast) var(--ease-fluid);border-radius:999px;position:relative}.switch:hover .switch-track{background:var(--stripe-a)}.switch:hover .switch-track.on{background:var(--accent-h)}.switch-track.on{background:var(--accent)}.switch-knob{border:1px solid var(--line);width:20px;height:20px;transition:transform var(--dur-fast) var(--ease-fluid);background:#fff;border-radius:50%;position:absolute;top:50%;left:1px;transform:translateY(-50%)}.switch-track.on .switch-knob{transform:translate(18px,-50%)}.photo-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:6px;display:grid}@media (max-width:768px){.photo-grid{grid-template-columns:repeat(3,1fr);gap:8px}}@media (max-width:480px){.photo-grid{grid-template-columns:repeat(2,1fr)}}.photo-tile{aspect-ratio:1;color:#8a8377;text-align:center;cursor:pointer;transition:border-color var(--dur) var(--ease-fluid), background-color var(--dur) var(--ease-fluid), transform var(--dur) var(--ease-fluid);background:0 0;border:2px dashed #b7a98c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px;font-family:monospace;font-size:11px;display:flex}.photo-tile:hover{border-color:var(--accent);background:var(--tint-coral);transform:translateY(-2px)}.photo-tile-preview{border-style:solid;border-color:var(--line);background-position:50%;background-size:cover;position:relative}.photo-remove{color:#fff;cursor:pointer;width:22px;height:22px;transition:background-color var(--dur-fast) var(--ease-fluid);background:#14181ca6;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:4px;right:4px}.photo-remove .material-symbols-outlined{font-size:14px}.photo-remove:hover{background:#14181ce6}.filterbar{background:var(--card);border:var(--bw2) solid var(--line);border-radius:16px;flex-wrap:wrap;align-items:center;gap:26px;margin:18px 0 28px;padding:18px 22px;display:flex}@media (max-width:768px){.filterbar{gap:16px;padding:14px 16px}}details summary{list-style:none}details summary::-webkit-details-marker{display:none}details summary .material-symbols-outlined{transition:transform var(--dur) var(--ease-fluid)}details[open] summary .material-symbols-outlined{transform:rotate(180deg)}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding-top:70px;padding-bottom:50px;display:grid}.hero h1{margin-bottom:10px;font-size:56px;font-weight:700;line-height:1.05}.hero-sub{color:var(--body);max-width:520px;margin-bottom:30px;font-size:19px;line-height:1.6}.hero-art{height:420px;position:relative}.hero-photo{border:var(--bw) solid var(--line);border-radius:var(--radius);filter:saturate(.78)contrast(1.05)brightness(.95);background-position:50%;background-size:cover;position:absolute}.stats{gap:28px;margin-top:34px;display:flex}.stat-num{font-family:Outfit,sans-serif;font-size:28px;font-weight:700}.stat-lbl{color:var(--muted);font-size:13px}@media (max-width:768px){.hero{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:30px}.hero h1{font-size:36px}.hero-sub{font-size:16px}.hero-art{height:280px}.stats{gap:20px}.stat-num{font-size:22px}}.listing-detail-grid{grid-template-columns:1.3fr 1fr;gap:30px;display:grid}@media (max-width:768px){.listing-detail-grid{grid-template-columns:1fr;gap:20px}}.msg-wrap{border:var(--bw) solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(0,300px) minmax(0,1fr);height:520px;min-height:520px;display:grid}.msg-list{border-right:var(--bw2) solid var(--line);background:var(--card);height:520px;overflow:hidden auto}.msg-row{cursor:pointer;border-bottom:1px solid var(--line);text-align:left;width:100%;transition:background-color var(--dur) var(--ease-fluid);background:0 0;border-top:none;border-left:none;border-right:none;gap:12px;padding:16px;display:flex}.msg-row:hover,.msg-row.active{background:var(--stripe-a)}.avatar{background:var(--accent2);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-weight:700;display:flex}.msg-pane{background:var(--bg);flex-direction:column;min-width:0;height:520px;display:flex;overflow:hidden}.bubble{border-radius:14px;max-width:70%;padding:10px 14px;font-size:14px;line-height:1.45}.bubble.me{background:var(--accent2);color:#fff;align-self:flex-end}.bubble.them{color:var(--ink);background:#c9bfa8;align-self:flex-start}@media (max-width:768px){.msg-wrap{grid-template-columns:1fr;height:auto;min-height:600px}.msg-list{border-right:none;border-bottom:var(--bw2) solid var(--line);height:200px}.msg-pane{height:400px}}.gate{text-align:center;max-width:520px;margin:0 auto;padding:70px 0}.gate-icon{background:var(--card);border:var(--bw) solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;display:flex}.role-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.role-card{border:var(--bw2) solid var(--line);cursor:pointer;background:var(--card);text-align:left;width:100%;transition:background-color var(--dur) var(--ease-fluid), transform var(--dur) var(--ease-fluid);border-radius:16px;padding:20px;position:relative}.role-card:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--dur) var(--ease-fluid);pointer-events:none;position:absolute;inset:0;box-shadow:0 14px 28px #22303f24}.role-card:hover{background:var(--stripe-a);transform:translateY(-3px)}.role-card:hover:after{opacity:1}.role-card:active{transform:translateY(-1px)}.role-card.sel-in{background:var(--tint-coral)}.role-card.sel-out{background:var(--tint-blue)}.tabs{background:var(--card);border:var(--bw2) solid var(--line);border-radius:999px;gap:6px;margin-bottom:22px;padding:5px;display:flex}.tab{text-align:center;cursor:pointer;color:var(--ink);transition:background-color var(--dur-fast) var(--ease-fluid), color var(--dur-fast) var(--ease-fluid);background:0 0;border:none;border-radius:999px;flex:1;padding:10px;font-weight:700}.tab.on{background:var(--accent);color:#fff}.footer{border-top:var(--bw) solid var(--line);background:var(--card);margin-top:auto;padding:32px 60px}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:0 auto;display:flex}.footer-main{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.footer-text{color:var(--muted);font-size:13px}.footer-links{align-items:center;gap:20px;display:flex}.footer-link{color:var(--ink);cursor:pointer;transition:color var(--dur-fast) var(--ease-fluid);font-size:13px;font-weight:600}.footer-link:hover{color:var(--accent)}@media (max-width:768px){.footer{padding:24px 20px}.footer-content{flex-direction:column;align-items:flex-start;gap:16px}.footer-main{flex-direction:column;align-items:flex-start;gap:8px}.footer-links{flex-direction:column;align-items:flex-start;gap:12px;width:100%}.footer-link{font-size:14px}}.mapbox{border:var(--bw) solid var(--line);border-radius:var(--radius);isolation:isolate;z-index:0;margin-bottom:24px;position:relative;overflow:hidden}.mapbox iframe,.mapbox #map{border:0;width:100%;height:360px;display:block}.dev-toggle{z-index:50;background:var(--ink);color:var(--card);border-radius:14px;flex-direction:column;gap:8px;max-width:220px;padding:12px 16px;font-size:12px;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 8px 24px #0000004d}.dev-toggle b{font-size:12px}.dev-toggle button{cursor:pointer;background:var(--card);color:var(--ink);border:none;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700}.dev-toggle button.active{background:var(--accent);color:#fff}.dev-toggle button.role-outgoing.active{background:var(--accent2);color:#fff}.dev-toggle button{transition:background-color var(--dur-fast) var(--ease-fluid), color var(--dur-fast) var(--ease-fluid), transform var(--dur-fast) var(--ease-fluid)}.gallery-tile{cursor:pointer;border-radius:var(--radius);background-color:var(--stripe-a);filter:saturate(.78)contrast(1.05)brightness(.95);transition:filter var(--dur-fast) var(--ease-fluid);background-position:50%;background-size:cover;border:none;padding:0;position:relative;overflow:hidden}.gallery-tile:hover{filter:saturate(.9)contrast(1.05)brightness()}.gallery-more{color:#fff;background:#14181c8c;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex;position:absolute;inset:0}.modal-overlay{z-index:3000;animation:fadeIn .2s var(--ease-fluid);background:#10141899;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--card);border:var(--bw) solid var(--line);border-radius:var(--radius);width:100%;max-width:480px;animation:modalSlide .2s var(--ease-fluid);padding:28px;box-shadow:0 20px 50px #22303f4d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.modal-content{padding:22px}}.lightbox{z-index:2000;background:#101418f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-strip{scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;height:100%;display:flex;overflow-x:auto}.lightbox-strip::-webkit-scrollbar{display:none}.lightbox-slide{scroll-snap-align:center;background-position:50%;background-repeat:no-repeat;background-size:contain;flex:0 0 100%}.lightbox-close,.lightbox-nav{color:#fff;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-fluid);background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.lightbox-close:hover,.lightbox-nav:hover{background:#ffffff3d}.lightbox-close{width:44px;height:44px;font-size:22px;top:20px;right:20px}.lightbox-nav{width:52px;height:52px;font-size:28px;top:50%;transform:translateY(-50%)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-counter{color:#fff;background:#ffffff1f;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700;position:absolute;top:24px;left:24px}.lightbox-thumbs{gap:8px;max-width:90vw;padding:4px;display:flex;position:absolute;bottom:22px;left:50%;overflow-x:auto;transform:translate(-50%)}.lightbox-thumb{opacity:.5;cursor:pointer;width:56px;height:42px;transition:opacity var(--dur-fast) var(--ease-fluid), border-color var(--dur-fast) var(--ease-fluid);background-position:50%;background-size:cover;border:2px solid #0000;border-radius:8px;flex:none}.lightbox-thumb.active{opacity:1;border-color:#fff}.lightbox-thumb:hover{opacity:.85}.dev-toggle button:hover{transform:translateY(-1px)}