:root{--panel:#ffffffdb;--panel-border:#1e28321f;--text:#1f2a33;--muted:#64717c;--accent:#0b7bd1;--after:#1aa37a}html,body,#root{height:100%;color:var(--text);background:#e8edf1;margin:0;font:13px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:6px 12px}button:hover:not(:disabled){background:#0b7bd114}button.on{background:var(--accent);color:#fff}button:disabled{opacity:.4;cursor:default}.hud{pointer-events:none;z-index:20;flex-direction:column;gap:12px;display:flex;position:absolute;inset:12px}.hud-mid{flex:1;align-items:flex-start;min-height:0;display:flex}.topbar,.rooms,.bottombar{pointer-events:auto;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--panel-border);border-radius:14px;box-shadow:0 6px 24px #141e2814}.topbar{flex-wrap:wrap;align-items:center;gap:6px;padding:6px;display:flex}.brand{letter-spacing:.02em;padding:0 10px 0 8px;font-weight:700}.spacer{flex:1}.seg{background:#1e28320d;border-radius:10px;gap:2px;padding:2px;display:flex}.small{font-size:12px}.ba-switch{background:#1e283214;border-radius:999px;grid-template-columns:1fr 1fr;padding:3px;font-weight:600;display:grid;position:relative}.ba-switch span{z-index:1;padding:4px 14px;transition:color .35s;position:relative}.ba-switch i{background:#fff;border-radius:999px;width:calc(50% - 3px);transition:transform .45s cubic-bezier(.5,1.6,.4,1),background .45s;position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 1px 4px #00000026}.ba-switch.after i{background:var(--after);transform:translate(100%)}.ba-switch.after span:last-of-type{color:#fff}.ba-switch:hover:not(:disabled){background:#1e28321f}.rooms{box-sizing:border-box;width:220px;max-height:100%;padding:10px 8px;overflow-y:auto}.rooms h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:2px 8px 6px;font-size:11px}.rooms ul{margin:0;padding:0;list-style:none}.rooms li{border-radius:8px;align-items:stretch;display:flex}.rooms li.on{background:#0b7bd11f}.rooms .name{text-align:left;flex-direction:column;flex:1;padding:5px 8px;display:flex}.rooms .name span{color:var(--muted);font-size:11px}.rooms .walk{opacity:.55;padding:0 8px}.rooms .walk:hover{opacity:1}.bottombar{box-sizing:border-box;align-self:center;align-items:center;gap:12px;max-width:100%;padding:8px 16px;display:flex}.bottombar .hint{color:var(--muted)}.bottombar.compare{width:min(560px,100%);font-weight:600}.bottombar.compare input{accent-color:var(--accent);flex:1}.bottombar.compare span:last-child{color:var(--after)}.room-tag{border:1px solid var(--panel-border);background:#ffffffe6;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #00000014}.room-tag.active{background:var(--accent);color:#fff}@media (width<=700px){.hud-mid{align-items:flex-end}.rooms{width:100%;max-height:40%}.bottombar .hint{display:none}}