:root{--bg:#101317;--surface:#12151acc;--surface-strong:#12151af0;--surface-2:#ffffff0f;--line:#ffffff1f;--text:#f4f1ea;--muted:#a9a59d;--accent:#e8c189;--accent-ink:#1d1710;--good:#34c27a;--radius:14px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-top:max(12px, env(safe-area-inset-top));--safe-bottom:max(12px, env(safe-area-inset-bottom));--tabbar-h:60px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:14px/1.4 var(--font);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;overflow:hidden}#stage{touch-action:none;transition:opacity .22s;position:fixed;inset:0}#stage.fade{opacity:0}#stage canvas{cursor:grab;width:100%;height:100%;display:block}#stage canvas:active{cursor:grabbing}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}h3{margin:0 0 10px;font-size:18px;line-height:1.25}h4{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px;font-size:11px;font-weight:600}[hidden]{display:none!important}.glass{background:var(--surface);-webkit-backdrop-filter:blur(14px)}.topbar{top:var(--safe-top);pointer-events:none;z-index:20;justify-content:space-between;align-items:flex-start;gap:8px;display:flex;position:fixed;left:12px;right:12px}.topbar>*{pointer-events:auto}.topbar__right{align-items:center;gap:8px;display:flex}.brand{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:left;border-radius:999px;align-items:center;gap:10px;padding:7px 14px 7px 8px;display:flex}.brand__mark{background:conic-gradient(from 210deg, var(--accent), #a66d4b, var(--accent));border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 6px #101317a6}.brand__text{line-height:1.15;display:grid}.brand__text b{font-size:14px}.brand__text small{color:var(--muted);font-size:11px}.icon-btn{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-btn--small{background:var(--surface-2);width:32px;height:32px}.seg{background:var(--surface-2);border-radius:10px;gap:2px;padding:3px;display:flex}.seg button{color:var(--muted);white-space:nowrap;border-radius:8px;flex:1;padding:7px 8px}.seg button[aria-pressed=true]{color:var(--text);background:#ffffff26;font-weight:600}.seg--compact{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;padding:4px}.seg--compact button{border-radius:999px;padding:7px 12px}.seg--small button{padding:5px 6px;font-size:12px}.legend{top:calc(var(--safe-top) + 54px);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;scrollbar-width:none;border-radius:12px;gap:4px;max-width:calc(100vw - 24px);padding:4px;display:flex;position:fixed;left:12px;overflow-x:auto}.legend button{color:var(--muted);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:flex}.legend button b{color:var(--text);font-weight:600}.legend button[aria-pressed=true]{color:var(--text);background:#34c27a2e}.dot{background:var(--c);border-radius:50%;flex:none;width:9px;height:9px;display:inline-block;box-shadow:0 0 0 2px #00000040}.labels{pointer-events:none;z-index:5;position:fixed;inset:0}.pin{background:var(--surface-strong);pointer-events:auto;white-space:nowrap;border-radius:10px;justify-items:center;gap:1px;padding:6px 11px;transition:background .15s;display:grid;position:absolute;top:0;left:0;box-shadow:0 6px 18px #00000040}.pin:after{content:"";border:6px solid #0000;border-bottom:0;border-top-color:var(--surface-strong);margin-left:-6px;position:absolute;bottom:-6px;left:50%}.pin b{font-size:13px}.pin span{color:var(--good);font-size:11px}.pin:hover{background:#20252c}.tooltip{background:var(--surface-strong);pointer-events:none;z-index:30;color:var(--muted);border-radius:10px;gap:2px;padding:8px 10px;font-size:12px;display:grid;position:fixed;top:0;left:0;box-shadow:0 8px 22px #0000004d}.tooltip b{color:var(--text);font-size:13px}.tooltip span{align-items:center;gap:6px;display:flex}.tooltip .dot{width:8px;height:8px}.fabs{right:12px;bottom:calc(var(--safe-bottom) + var(--tabbar-h) + 10px);z-index:10;justify-items:end;gap:8px;display:grid;position:fixed}.fab{background:var(--accent);color:var(--accent-ink);border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font-weight:600;display:flex;box-shadow:0 8px 24px #0000004d}.fab--ghost{background:var(--surface-strong);color:var(--text)}.tabbar{padding:6px 8px var(--safe-bottom);background:var(--surface-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:15;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--muted);border-radius:10px;flex:1;justify-items:center;gap:2px;padding:6px 4px;font-size:11px;display:grid;position:relative}.tabbar button svg{width:22px;height:22px}.tabbar button[aria-pressed=true]{color:var(--accent)}.badge{background:var(--accent);min-width:17px;color:var(--accent-ink);border-radius:999px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;top:2px;left:calc(50% + 6px)}body[data-site-mode=view] #site-ui,body[data-site-mode=walk] #site-ui,body.walking .legend{display:none}.sheet{background:var(--surface-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:25;border-radius:18px 18px 0 0;flex-direction:column;max-height:74vh;transition:max-height .25s;animation:.24s sheet-in;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #00000059}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}.sheet--collapsed{max-height:132px}.sheet__grip{cursor:grab;touch-action:none;flex:none;height:22px}.sheet__grip:before{content:"";background:#ffffff40;border-radius:4px;width:40px;height:4px;margin:9px auto 0;display:block}.sheet__close{z-index:1;position:absolute;top:10px;right:12px}.sheet__body{padding:4px 18px calc(var(--safe-bottom) + 16px);overscroll-behavior:contain;overflow-y:auto}.eyebrow{color:var(--muted);letter-spacing:.02em;margin:0 0 4px;font-size:12px}.note{color:var(--muted);margin:12px 0 0;font-size:12px}.empty{color:var(--muted)}.card__head{padding-right:36px}.card__title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card__title h3{margin:0}.pill{color:var(--c);background:color-mix(in srgb, var(--c) 16%, transparent);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.pill:before{content:"";background:var(--c);border-radius:50%;width:7px;height:7px}.card__price{align-items:baseline;gap:10px;margin:12px 0;display:flex}.card__price b{letter-spacing:-.01em;font-size:26px}.card__price small{color:var(--muted)}.card__price--sold b{color:#d6455d;font-size:20px}.facts{background:var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:1px;margin:0 0 14px;display:grid;overflow:hidden}.facts div{background:#171b20;padding:9px 11px}.facts dt{color:var(--muted);font-size:11px}.facts dd{margin:2px 0 0;font-weight:600}.card__actions{gap:8px;display:grid}.btn{background:var(--surface-2);border:1px solid var(--line);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 14px;font-weight:600;display:flex}.btn:hover{background:#ffffff1a}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn--primary:hover{background:#f0cd9a}.btn--accent{color:var(--accent);background:#e8c18924;border-color:#e8c18973}.link-btn{color:var(--muted);text-underline-offset:3px;margin-top:12px;text-decoration:underline}.card__minor{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.chip-btn{background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.chip-btn svg{width:16px;height:16px}.chip-btn.is-on{color:#ff8a9b}.chip-btn.is-on svg{fill:currentColor}.plan-wrap{background:#f4f1ea;border-radius:12px;margin:14px 0 0;padding:10px}.plan-wrap figcaption{color:#6a665f;text-align:center;margin-top:4px;font-size:11px}.plan{stroke:none;stroke-width:0;width:100%;height:auto;max-height:340px;display:block}.plan .pl-room{fill:#fffdf8;stroke:#9a948a;stroke-width:1.4px}.plan .pl-wet{fill:#e3eef3;stroke:#9a948a;stroke-width:1.4px}.plan .pl-entry{fill:#f1ece2;stroke:#9a948a;stroke-width:1.4px}.plan .pl-outline{fill:none;stroke:#2b2a27;stroke-width:5px}.plan .pl-balcony{fill:#e9e4d8;stroke:#9a948a;stroke-width:1.4px;stroke-dasharray:4 3}.plan .pl-garden{fill:#d8e6c6;stroke:#8aa36a;stroke-width:1.4px;stroke-dasharray:4 3}.plan .pl-door{stroke:#fffdf8;stroke-width:6px}.plan .pl-swing{fill:none;stroke:#8a857c;stroke-width:1px}.plan text{font:600 11px var(--font);fill:#2b2a27;text-anchor:middle;stroke:none}.plan .pl-small{font-size:9px}.plan .pl-area,.plan .pl-dim{fill:#6a665f;font-size:10px;font-weight:400}.plan .pl-north path{fill:#2b2a27}.plan .pl-north text{font-size:9px}.choice{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.choice--row{grid-template-columns:repeat(4,1fr)}.choice button{background:var(--surface-2);border:1px solid var(--line);text-align:center;border-radius:10px;gap:1px;padding:9px 6px;display:grid}.choice button small{color:var(--muted);font-size:11px}.choice button[aria-pressed=true]{border-color:var(--accent);background:#e8c1891f}.choice button:disabled{opacity:.35;cursor:default}.pkg-summary{color:var(--muted);margin:6px 0 0;font-size:12px}.sum{gap:6px;margin:16px 0;display:grid}.sum div{justify-content:space-between;gap:12px;display:flex}.sum dt{color:var(--muted)}.sum dd{text-align:right;margin:0;font-weight:600}.sum__total{border-top:1px solid var(--line);padding-top:6px}.sum__total dd{color:var(--accent);font-size:17px}.sum__good dd{color:var(--good)}.form{gap:12px;display:grid}.form label{color:var(--muted);gap:5px;font-size:12px;display:grid}.form input:not([type=checkbox]),.form select,.filters select{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0d;border-radius:10px;padding:11px 12px;font-size:15px}.form select option,.filters select option{background:#1b1f24}.form .check{align-items:flex-start;gap:10px;font-size:12px;display:flex}.form .check input{accent-color:var(--accent);margin-top:2px}.done{text-align:center;padding:18px 0}.done p{color:var(--muted)}.filters{gap:10px;margin-bottom:12px;display:grid}.filters h3{margin:0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:7px 13px}.chips button[aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#e8c1891f}.range{color:var(--muted);gap:4px;font-size:12px;display:grid}.range output{float:right;color:var(--text);font-weight:600}.range input{width:100%;accent-color:var(--accent)}.filters__row{justify-content:space-between;align-items:center;gap:10px;display:flex}.filters__row select{width:auto;padding:8px 10px;font-size:13px}.toggle{align-items:center;gap:8px;display:flex}.toggle input{width:18px;height:18px;accent-color:var(--good)}.list-count{color:var(--muted);margin:4px 0 8px;font-size:12px}.list-count b{color:var(--text)}.unit-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.unit-row{background:var(--surface-2);text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.unit-row:hover{background:#ffffff1a}.unit-row__main{flex:1;display:grid}.unit-row__main small{color:var(--muted);font-size:12px}.unit-row__price{white-space:nowrap;font-weight:600}.locmap{background:#e9e6dd;border-radius:12px;width:100%;height:auto;display:block}.locmap .lm-sea{fill:#9cc6dc}.locmap .lm-road{fill:none;stroke:#fff;stroke-width:6px}.locmap .lm-road--main{stroke-width:9px;stroke:#f7e7c4}.locmap .lm-ring{fill:none;stroke:#b9b4a8;stroke-dasharray:3 4}.locmap .lm-link{stroke:#8f8a80;stroke-width:1px;stroke-dasharray:2 3}.locmap .lm-poi circle{fill:#2a2d33}.locmap .lm-poi path{stroke:#f4f1ea;stroke-width:1.5px;fill:none}.locmap .lm-label{font:600 10px var(--font);fill:#2b2a27;text-anchor:middle;stroke:none}.locmap .lm-site circle{fill:var(--accent);stroke:#fff;stroke-width:3px}.locmap .lm-site path{fill:var(--accent-ink);stroke:none}.locmap .lm-site-label{font:700 12px var(--font);fill:#2b2a27;text-anchor:middle;stroke:none}.poi-list{gap:4px;margin:12px 0 0;padding:0;list-style:none;display:grid}.poi-list li{background:var(--surface-2);border-radius:8px;justify-content:space-between;gap:10px;padding:8px 10px;display:flex}.poi-list span{color:var(--muted);text-align:right;font-size:12px}.views{left:50%;bottom:var(--safe-bottom);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;border-radius:999px;gap:4px;padding:4px;display:flex;position:fixed;transform:translate(-50%)}.views button{white-space:nowrap;border-radius:999px;padding:10px 16px}.views button[aria-pressed=true]{background:var(--text);color:var(--bg);font-weight:600}.panel{top:calc(var(--safe-top) + 56px);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;width:280px;padding:14px;position:fixed;right:12px}.panel__head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.panel__head .eyebrow{margin:0}.panel__unit{margin:0;font-weight:600}.panel__body{gap:12px;margin-top:12px;display:grid}.panel h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:11px;font-weight:600}.panel #panel-toggle{display:none}.price-line{background:#e8c1891a;border-radius:10px;justify-content:space-between;align-items:baseline;padding:10px 12px;display:flex}.price-line span{color:var(--muted)}.price-line b{color:var(--accent);font-size:19px}.panel__actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.panel__actions .btn{padding:10px 8px}.panel__actions .btn--wide{grid-column:1/-1}.pano-hint{left:50%;top:calc(var(--safe-top) + 56px);background:var(--surface);color:var(--muted);white-space:nowrap;z-index:11;pointer-events:none;border-radius:999px;margin:0;padding:7px 14px;font-size:12px;position:fixed;transform:translate(-50%)}.pano-hint b{color:var(--accent)}.status{color:var(--muted);margin:6px 0 0;font-size:11px}.status.ready{color:var(--accent)}.back-btn{top:calc(var(--safe-top) + 56px);background:var(--surface-strong);z-index:12;border-radius:999px;align-items:center;gap:6px;padding:9px 14px 9px 10px;font-weight:600;display:flex;position:fixed;left:12px}#walk-ui{pointer-events:none;z-index:14;position:fixed;inset:0}#walk-ui>*{pointer-events:auto}.back-btn--walk{top:auto;left:auto;right:12px;bottom:var(--safe-bottom)}.walk-help{left:50%;top:calc(var(--safe-top) + 56px);background:var(--surface);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:calc(100vw - 24px);margin:0;padding:7px 14px;font-size:12px;position:fixed;overflow:hidden;transform:translate(-50%);pointer-events:none!important}.walk-action{left:50%;bottom:calc(var(--safe-bottom) + 70px);background:var(--accent);color:var(--accent-ink);border-radius:14px;justify-items:center;padding:12px 22px;animation:1.6s ease-in-out infinite pulse;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000059}.walk-action b{font-size:16px}.walk-action span{font-size:12px}@keyframes pulse{50%{transform:translate(-50%)scale(1.04)}}.joystick{left:20px;bottom:calc(var(--safe-bottom) + 12px);touch-action:none;background:#12151a73;border:1px solid #fff3;border-radius:50%;width:120px;height:120px;display:none;position:fixed}.joystick span{background:#f4f1ead9;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%}body.coarse .joystick{display:block}body.walking .topbar .brand,body.walking #interior-ui .panel,body.walking #interior-ui .views,body.walking #btn-back-site{display:none}#view-ui{pointer-events:none;z-index:14;position:fixed;inset:0}#view-ui>*{pointer-events:auto}.view-caption{left:50%;bottom:calc(var(--safe-bottom) + 8px);background:var(--surface-strong);text-align:center;border-radius:14px;gap:2px;width:max-content;max-width:calc(100vw - 24px);margin:0;padding:10px 16px;display:grid;position:fixed;transform:translate(-50%)}.view-caption span{color:var(--muted);font-size:12px}.toast{top:calc(var(--safe-top) + 56px);border-radius:var(--radius);background:var(--surface-strong);z-index:40;flex-wrap:wrap;align-items:center;gap:8px;max-width:440px;margin:0 auto;padding:12px 14px;display:flex;position:fixed;left:12px;right:12px}.toast span{flex:100%}.toast button{background:var(--text);color:var(--bg);border-radius:8px;padding:8px 12px;font-weight:600}.toast button.ghost{color:var(--text);border:1px solid var(--line);background:0 0}.snack{left:50%;top:calc(var(--safe-top) + 58px);background:var(--text);color:var(--bg);z-index:50;white-space:nowrap;border-radius:999px;padding:9px 16px;font-weight:600;position:fixed;transform:translate(-50%)}.loader{background:var(--bg);z-index:60;place-items:end center;padding-bottom:18vh;transition:opacity .5s;display:grid;position:fixed;inset:0}.loader__poster{object-fit:cover;filter:saturate(.9);width:100%;height:100%;position:absolute;inset:0}.loader:before{content:"";z-index:1;background:linear-gradient(#10131726 40%,#101317e6);position:absolute;inset:0}.loader.done{opacity:0;pointer-events:none}.loader--overlay{background:#10131799;place-items:center;padding-bottom:0}.loader--overlay .loader__poster{display:none}.loader__box{z-index:2;text-align:center;width:min(300px,80vw);position:relative}.loader__title{margin:0;font-size:20px;font-weight:700}.loader__sub{color:var(--muted);margin:4px 0 14px}.loader__bar{background:#ffffff26;border-radius:4px;height:4px;overflow:hidden}.loader__bar span{background:var(--accent);width:0;height:100%;transition:width .2s;display:block}.loader__pct{color:var(--muted);margin:10px 0 0;font-size:12px}@media (min-width:900px){:root{--tabbar-h:0px}.tabbar{left:50%;right:auto;bottom:var(--safe-bottom);border:0;border-radius:999px;gap:4px;padding:4px;transform:translate(-50%)}.tabbar button{border-radius:999px;gap:6px;padding:9px 16px;font-size:14px;display:flex}.tabbar button svg{width:18px;height:18px}.tabbar button[aria-pressed=true]{background:#e8c18924}.badge{position:static}.fabs{bottom:var(--safe-bottom)}.sheet{left:auto;top:calc(var(--safe-top) + 56px);border-radius:18px;width:400px;max-height:none;animation-name:sheet-in-side;bottom:12px;right:12px}@keyframes sheet-in-side{0%{opacity:0;transform:translate(24px)}}.sheet__grip{height:10px}.sheet__grip:before{display:none}.sheet__body{padding-bottom:18px}body:has(.sheet:not([hidden])) .fabs{right:424px}body:has(.sheet:not([hidden])) .panel{display:none}}@media (max-width:899px){.brand__text small{display:none}.legend{top:calc(var(--safe-top) + 52px)}.panel{width:auto;top:auto;left:12px;right:12px;bottom:calc(var(--safe-bottom) + 58px);padding:12px}.panel #panel-toggle{display:grid}.panel--collapsed .panel__body{display:none}.panel--collapsed #panel-toggle svg{transform:rotate(180deg)}.panel__body{gap:10px}.panel__quality{display:none}.views{max-width:calc(100vw - 24px);overflow-x:auto}.views button{padding:9px 13px}.fab{padding:10px 14px;font-size:13px}.walk-help{font-size:11px}}body.kiosk{font-size:15px}body.kiosk .fab{padding:14px 20px;font-size:15px}body.kiosk #btn-fullscreen{display:grid!important}
