.room{z-index:70;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.room-bar{border-bottom:1px solid var(--line);background:#0b0f16f5;align-items:center;gap:20px;min-height:68px;padding:10px 24px;display:flex}.room-back{color:var(--text-2);font:600 14px var(--font-sans);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:8px 12px;text-decoration:none}.room-back:hover{border-color:var(--text);color:#fff}.room-id{flex:1;min-width:0}.room-id h1{font:700 18px/1.2 var(--font-sans);letter-spacing:-.01em}.room-id p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;overflow:hidden}.room-state{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;display:flex}.room-state:before{content:"";background:var(--amber);border-radius:50%;width:7px;height:7px}.room-state.ready:before{background:#86d3ae}.room-state.slow:before{background:var(--coral)}.room-book{font:700 14px var(--font-sans);color:#1a1206;background:var(--amber);white-space:nowrap;border-radius:999px;padding:10px 16px;text-decoration:none}.room-book:hover{background:var(--amber-2)}.room-body{flex:1;position:relative}.room-body iframe{opacity:0;border:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.room-body iframe.on{opacity:1}.room-loader{text-align:center;color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;inset:0}.room-spin{border:2px solid var(--line);border-top-color:var(--amber);border-radius:50%;width:44px;height:44px;animation:1s linear infinite room-spin}@keyframes room-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.room-spin{animation:none}.room-body iframe{transition:none}}@media (max-width:900px){.room-bar{flex-wrap:wrap;gap:10px 12px;padding:10px 12px}.room-back span{display:none}.room-id{flex-basis:100%;order:3}.room-state{margin-left:auto}}