:root{--ui-fill:rgba(224,226,220,.86);--ui-ink:#202824;--room-brown:#4b3430;--transition-brown:#61473e}
.topbar{position:absolute;inset:3.4% 2.7% auto;display:flex;justify-content:space-between;gap:16px;z-index:5}
.topbar .pill,.room-button,.save{border:0;border-radius:30px;background:var(--ui-fill);color:var(--ui-ink);padding:9px 18px;font:13px 'Kaisei Opti',Georgia,serif;display:inline-flex;align-items:center;justify-content:center;gap:8px;backdrop-filter:blur(10px);text-decoration:none;min-width:0;min-height:0}
.topbar .pill svg,.room-button svg,.save svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.4}.topbar .pill:hover:not(:disabled),.room-button:hover,.save:hover{background:#eee;text-decoration:none}.pill:disabled{opacity:.47;cursor:default}
#room-dialog{background:var(--room-brown);color:#f1e2d9;border:1px solid #cbb7a866;border-radius:16px;padding:32px;width:min(480px,90vw);max-width:480px}#room-dialog::backdrop{background:#281c19aa;backdrop-filter:blur(7px)}#room-dialog h2{font:400 28px 'Kaisei Opti',Georgia,serif;margin:0 0 24px}#room-dialog .close{position:absolute;right:18px;top:14px;color:inherit;background:none;border:0;font-size:25px}#room-dialog .room-card,#room-dialog .room-link{width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px 0;border:0;border-bottom:1px solid #e3cfc32b;background:none;color:inherit;text-align:left;text-decoration:none;opacity:1;font:16px 'Kaisei Opti',Georgia,serif}#room-dialog b{font-weight:400}#room-dialog em,#room-dialog small{font:10px Arial,sans-serif;opacity:.6;font-style:normal}
.fade,#room-transition{background:var(--transition-brown)!important}.toast{background:#4b3430ef!important}.status.saved{background:#6a4940!important}
.bottom{position:absolute;bottom:5.8%;left:20%;width:60%;text-align:center;pointer-events:none;z-index:4}.status{display:inline-flex;gap:10px;align-items:center;padding:12px 21px;background:#53332b99;border:1px solid #f1eace2e;border-radius:30px;backdrop-filter:blur(10px);font:16px 'Kaisei Opti',Georgia,serif;min-width:172px;justify-content:center;color:#fff4e9}.status svg{height:18px;width:18px;stroke:currentColor;fill:none;stroke-width:1.2}
@media(max-width:600px){.topbar{inset:3% 2.7% auto}.topbar .pill,.room-button,.save{font-size:11px;padding:7px 12px}.bottom{left:8%;width:84%;bottom:5%}.status{font-size:14px}}

/* Match navigation delay to the short warm fade. */
.fade,#room-transition{transition:opacity 180ms ease!important}
@media(prefers-reduced-motion:reduce){.fade,#room-transition{transition:none!important}}