:root{--ink:#f6f1ea;--ink-dim:#f6f1eab8;--glass:#1b171475;--glass-strong:#1b1714b8;--accent:#d9a46b;--radius:999px;--gap:12px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#1b1714;height:100%;margin:0;overflow:hidden}#view{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#view:active{cursor:grabbing}.top{padding:calc(16px + var(--safe-t)) 16px 28px;pointer-events:none;background:linear-gradient(#0000006b,#0000);justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:0;left:0;right:0}.top>*{pointer-events:auto}.room-label{letter-spacing:.01em;text-shadow:0 1px 8px #00000073;font-size:clamp(20px,4.5vw,30px);font-weight:600}.room-count{color:var(--ink-dim);margin-top:2px;font-size:13px}.bottom{padding:28px 16px calc(14px + var(--safe-b));justify-items:center;gap:var(--gap);pointer-events:none;background:linear-gradient(#0000,#00000073);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom>*{pointer-events:auto}.tour{align-items:center;gap:var(--gap);display:flex}.dots{flex-wrap:wrap;justify-content:center;gap:6px;max-width:min(70vw,420px);display:flex}.dots button{background:var(--ink-dim);opacity:.55;cursor:pointer;border:0;border-radius:50%;width:8px;height:8px;padding:0}.dots button[aria-selected=true]{background:var(--accent);opacity:1;transform:scale(1.35)}.hint{color:var(--ink-dim);font-size:12px;transition:opacity .6s}.hint.gone{opacity:0}button{font:inherit;color:inherit}.round{background:var(--glass);-webkit-backdrop-filter:blur(10px);cursor:pointer;border:1px solid #ffffff2e;border-radius:50%;width:44px;height:44px;font-size:26px;line-height:1}.ghost,.feature{border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(10px);cursor:pointer;border:1px solid #fff3;min-height:44px;padding:10px 18px}.features{gap:var(--gap);min-height:44px;display:flex}.feature{background:var(--glass-strong);border-color:#d9a46b99}.feature[aria-pressed=true]{background:var(--accent);color:#1b1714;border-color:var(--accent)}.feature:disabled{opacity:.6;cursor:progress}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.loading{text-align:center;z-index:10;background:#1b1714;place-content:center;gap:14px;transition:opacity .7s;display:grid;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.loading-title{letter-spacing:.08em;font-size:28px;font-weight:600}.bar{background:#ffffff26;border-radius:3px;width:min(60vw,280px);height:3px;overflow:hidden}#bar-fill{background:var(--accent);width:0;height:100%;transition:width .2s}.loading-text{color:var(--ink-dim);font-size:13px}.loading.error .loading-text{color:#ffb4a8}@media (prefers-reduced-motion:reduce){*{transition:none!important}}