*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #050505;--surface: #0c0c0c;--surface-2: #141414;--line: rgba(255,255,255,.09);--line-soft: rgba(255,255,255,.05);--text: #eceae4;--text-soft: #8a8780;--text-faint:#504e4a;--live: #e85d4c;--accent: #d4c4a0;--serif: "Instrument Serif", Georgia, serif;--sans: "Inter", system-ui, -apple-system, sans-serif;--radius: 10px;--radius-sm: 6px;--header-h: 52px;--dock-h: 72px;--chat-open-h: min(36vh, 280px);--chat-open-w: 260px}html,body,#root{height:100%;width:100%}body{background:var(--black);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}body:has(.room-shell){overflow:hidden}.gate{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(212,196,160,.07),transparent),var(--black)}.gate-inner{width:100%;max-width:420px}.gate-inner--form{max-width:380px}.gate-inner--landing{max-width:560px;display:flex;flex-direction:column;min-height:min(540px,calc(100dvh - 4rem))}.directory{margin-bottom:1.75rem}.directory-heading-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.directory-heading{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft)}.directory-count{font-size:.68rem;font-weight:600;color:var(--live);letter-spacing:.06em}.directory-empty{font-size:.88rem;color:var(--text-faint);line-height:1.5}.directory-list{list-style:none;display:flex;flex-direction:column;gap:.45rem}.directory-card{display:flex;align-items:stretch;gap:.75rem;padding:.55rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-decoration:none;color:inherit;transition:border-color .15s,background .15s;overflow:hidden}.directory-preview-wrap{flex-shrink:0;display:flex;flex-direction:column;gap:.2rem;width:128px}.directory-preview{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:calc(var(--radius-sm) + 1px);overflow:hidden;background:#0a0a0a}.directory-thumb-debug{font-size:.62rem;line-height:1.3;color:var(--live);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word}.live-window-status{position:fixed;left:.5rem;bottom:calc(var(--dock-h) + .35rem);z-index:20;margin:0;padding:.25rem .45rem;font-size:.62rem;line-height:1.35;color:var(--text-faint);background:#000000b8;border:1px solid var(--line);border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:none;max-width:min(92vw,320px)}.room-lifecycle-debug{position:fixed;left:.5rem;top:.35rem;z-index:20;margin:0;padding:.25rem .45rem;font-size:.62rem;line-height:1.35;color:var(--live);background:#000000b8;border:1px solid var(--line);border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:none;max-width:min(92vw,360px)}.directory-preview-img{display:block;width:100%;height:100%;object-fit:cover}.directory-preview-fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#141414,#0a0a0a)}.directory-preview-fallback:after{content:"";position:absolute;top:.4rem;left:.4rem;width:6px;height:6px;border-radius:50%;background:var(--live);box-shadow:0 0 8px #e85d4c8c}.directory-preview:after{content:"";position:absolute;top:.35rem;left:.35rem;width:6px;height:6px;border-radius:50%;background:var(--live);box-shadow:0 0 8px #e85d4c8c;pointer-events:none;z-index:1}.directory-card:hover{border-color:#ffffff24;background:var(--surface-2)}.directory-card-copy{display:flex;flex-direction:column;justify-content:center;gap:.15rem;min-width:0;padding:.25rem .35rem .25rem 0}.directory-card-title{font-weight:500;color:var(--text);line-height:1.35}.directory-card-meta{font-size:.78rem;color:var(--text-faint);line-height:1.4}.gate-hero{flex:1}.gate-title-line{display:block}.gate-title-accent{font-style:italic;color:var(--accent)}.gate-divider{height:1px;margin:0 0 1.75rem;background:linear-gradient(90deg,transparent,var(--line) 15%,var(--line) 85%,transparent)}.gate-actions{display:flex;flex-direction:column;gap:1rem}.gate-notes{list-style:none;display:flex;flex-direction:column;gap:.4rem;font-size:.78rem;color:var(--text-faint);line-height:1.5}.gate-notes li{display:flex;align-items:flex-start;gap:.55rem}.gate-notes li:before{content:"";flex-shrink:0;width:4px;height:4px;margin-top:.45em;border-radius:50%;background:var(--text-faint);opacity:.7}.gate-foot{margin-top:auto;padding-top:2.5rem;text-align:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .5rem}.gate-foot-sep{font-size:.72rem;color:var(--text-faint);opacity:.6}.gate-foot-link{font-size:.72rem;letter-spacing:.04em;color:var(--text-faint);text-decoration:none;transition:color .15s}.gate-foot-link:hover{color:var(--text-soft)}.gate-inner--guidelines{max-width:34rem}.guidelines-header{margin-bottom:2rem}.guidelines-title{font-family:var(--serif);font-size:clamp(1.75rem,5vw,2.25rem);font-weight:400;line-height:1.15;margin-bottom:1rem}.guidelines-lead{font-size:.95rem;color:var(--text-soft);line-height:1.65}.guidelines-body{display:flex;flex-direction:column;gap:1.75rem}.guidelines-section-title{font-family:var(--serif);font-size:1.15rem;font-weight:400;font-style:italic;color:var(--accent);margin-bottom:.5rem}.guidelines-copy{font-size:.9rem;color:var(--text-soft);line-height:1.65}.guidelines-copy+.guidelines-copy{margin-top:.5rem}.guidelines-foot{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line-soft)}.gate-identity{display:flex;align-items:center;gap:.75rem;padding:.75rem .85rem .75rem .75rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.gate-identity-avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--surface-2);border:1px solid var(--line-soft);font-family:var(--serif);font-size:1.05rem;font-style:italic;color:var(--accent)}.gate-identity-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.gate-identity-label{font-size:.62rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.gate-identity-name{font-size:.95rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gate-identity-change{flex-shrink:0;background:none;border:none;padding:.25rem 0;font:inherit;font-size:.78rem;font-weight:500;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.gate-identity-change:hover{color:var(--text)}.gate-name-edit{width:100%}.gate-eyebrow{font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);margin-bottom:1rem}.gate-title{font-family:var(--serif);font-size:clamp(2.2rem,6vw,3rem);font-weight:400;line-height:1.12;letter-spacing:-.02em;margin-bottom:1rem}.gate-lead{font-size:1rem;color:var(--text-soft);line-height:1.65;margin-bottom:2rem;max-width:34ch}.gate-fine{font-size:.8rem;color:var(--text-faint);line-height:1.6;margin-top:1.25rem}.gate-fine strong{color:var(--text);font-weight:600}.gate-link{background:none;border:none;padding:0;font:inherit;font-size:inherit;color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.gate-link:hover{color:var(--text)}.gate-back{display:inline-block;margin-top:1.25rem;text-decoration:none}.gate-back:hover{text-decoration:underline}.gate-room-id{font-family:var(--serif);font-size:1.5rem;font-style:italic;color:var(--accent);margin-bottom:0;line-height:1.2}.gate-form-header .gate-room-id{margin-top:.35rem}.gate-form-header .gate-eyebrow{margin-bottom:0}.gate-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.85rem 1.5rem;background:var(--text);color:var(--black);border:none;border-radius:var(--radius);font-family:var(--sans);font-size:.9rem;font-weight:600;letter-spacing:.01em;cursor:pointer;text-decoration:none;transition:opacity .15s,transform .15s}.gate-cta:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.gate-cta:disabled{opacity:.4;cursor:not-allowed}.gate-cta-row{display:flex;flex-direction:column;gap:.55rem;width:100%}.gate-cta--compact{margin-top:.35rem;padding-top:.7rem;padding-bottom:.7rem}.gate-invite-join{display:flex;flex-direction:column;gap:.45rem;width:100%;margin-top:.25rem}.gate-form-header{margin-bottom:1.5rem}.gate-form-lead{font-size:.92rem;color:var(--text-soft);line-height:1.55;margin-top:.35rem}.gate-form{display:flex;flex-direction:column;gap:1.25rem}.field{display:flex;flex-direction:column;gap:.4rem}.field-label{font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft)}.field input{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);padding:.75rem .9rem;font-family:var(--sans);font-size:1rem;outline:none;transition:border-color .15s}.field input:focus{border-color:#ffffff38}.field-error{color:var(--live);font-size:.85rem}.role-picker{border:none;display:flex;flex-direction:column;gap:.5rem}.role-card{display:flex;flex-direction:column;gap:.15rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .12s,background .12s}.role-card input{position:absolute;opacity:0;pointer-events:none}.role-card strong{font-size:.92rem;font-weight:600}.role-card span{font-size:.8rem;color:var(--text-soft)}.role-card--on{border-color:#ffffff38;background:var(--surface-2)}.access-picker{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem}.invite-box{display:flex;flex-direction:column;gap:.65rem;margin:1rem 0 1.25rem;padding:.85rem 1rem;border-radius:12px;background:var(--surface-2);border:1px solid rgba(255,255,255,.08)}.invite-url{margin:0;font-size:.78rem;line-height:1.45;color:var(--text-soft);word-break:break-all}.gate-cta--secondary{background:transparent;color:var(--text);border:1px solid rgba(255,255,255,.16)}.gate-cta--secondary:hover:not(:disabled){background:#ffffff0a}.room-exists-box{display:flex;flex-direction:column;gap:1rem}.room-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.room-modal{width:min(100%,380px);padding:1.35rem 1.25rem 1.25rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}.room-modal--wide{width:min(100%,420px);max-height:min(90dvh,560px);overflow-y:auto}.room-audio-lead{font-size:.88rem;color:var(--text-soft);line-height:1.55;margin-bottom:1.1rem}.room-audio-section{display:flex;flex-direction:column;gap:.55rem;padding:.85rem 0;border-top:1px solid var(--line-soft)}.room-audio-section:first-of-type{border-top:none;padding-top:0}.room-audio-copy{font-size:.82rem;color:var(--text-faint);line-height:1.5;margin:0}.room-audio-select{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--text);padding:.65rem .75rem;font-family:var(--sans);font-size:.9rem;width:100%}.room-audio-file{display:inline-flex;cursor:pointer;text-align:center}.room-audio-cancel{display:block;margin:1rem auto 0}.end-room-title{font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.end-room-copy{font-size:.88rem;color:var(--text-soft);line-height:1.55;margin-bottom:1.15rem}.end-room-actions{display:flex;flex-direction:column;gap:.65rem}.end-room-danger{background:var(--live);color:#fff}.end-room-danger:hover:not(:disabled){opacity:.92}.room-shell{position:relative;height:100dvh;display:grid;grid-template-rows:minmax(0,1fr) auto;background:var(--black);overflow:hidden}.room-connecting{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-soft);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.connecting-pulse{width:8px;height:8px;border-radius:50%;background:var(--live);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.room-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.room-stage-wrap{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;padding:.5rem .5rem 0;background:var(--black)}.stage-frame{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.stage-toolbar{flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:.35rem;padding:.35rem .5rem .5rem;font-size:.72rem;font-weight:500;color:var(--text-soft)}.toolbar-live{display:inline-flex;align-items:center;gap:.35rem;color:var(--live);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.toolbar-live .live-dot{width:5px;height:5px;border-radius:50%;background:var(--live);box-shadow:0 0 6px #e85d4c80;animation:pulse 2s ease-in-out infinite}.toolbar-title{font-family:var(--serif);font-style:italic;color:var(--text);max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-meta{color:var(--text-faint)}.toolbar-audio{color:var(--accent)}.toolbar-recording{color:var(--live);font-weight:600}.toolbar-recording .recording-dot{display:inline-block;width:5px;height:5px;margin-right:.3rem;border-radius:50%;background:var(--live);animation:pulse 1.2s ease-in-out infinite;vertical-align:middle}.toolbar-private{color:var(--text-soft);font-style:italic}.toolbar-sep{color:var(--text-faint);opacity:.5}.chat-ticker{position:absolute;bottom:.5rem;left:.35rem;right:.35rem;z-index:5;pointer-events:none}.chat-ticker-lane{position:relative;height:1.85rem;overflow:hidden;container-type:inline-size}.chat-ticker-msg{position:absolute;top:0;left:100%;display:inline-flex;align-items:baseline;gap:.4rem;white-space:nowrap;font-size:.82rem;line-height:1.85rem;padding:0 .85rem;border-radius:100px;background:#0000009e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);color:var(--text);animation-name:ticker-once;animation-timing-function:linear;animation-fill-mode:forwards;will-change:transform}.chat-ticker-name{font-weight:600;color:var(--accent)}.chat-ticker-msg--mine .chat-ticker-name{color:var(--live)}.chat-ticker-text{color:var(--text)}.chat-ticker-msg--mine{border-color:#e85d4c59}.visitor-ticker{position:absolute;bottom:2.55rem;left:.35rem;right:.35rem;z-index:6;pointer-events:none}.visitor-ticker-lane{position:relative;height:1.85rem;overflow:hidden;container-type:inline-size}.visitor-ticker-msg{position:absolute;top:0;left:100%;display:inline-flex;align-items:baseline;gap:.4rem;white-space:nowrap;font-size:.82rem;line-height:1.85rem;padding:0 .85rem;border-radius:100px;background:#08121cb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(120,190,220,.22);color:#b8dde8;animation-name:ticker-once;animation-timing-function:linear;animation-fill-mode:forwards;will-change:transform}.visitor-ticker-name{font-weight:600;color:#7ec8e3}.visitor-ticker-text{color:#b8dde8e0;font-style:italic}.visitor-ticker-msg--mine{border-color:#78bedc73}.visitor-ticker-msg--mine .visitor-ticker-name{color:#a8dff0}@keyframes ticker-once{0%{transform:translate(0)}to{transform:translate(calc(-100cqw - 100%))}}.chat-compose{flex:0 1 220px;display:flex;align-items:center;gap:.35rem;min-width:0}.chat-compose-input{flex:1;min-width:0;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:100px;color:var(--text);padding:.45rem .85rem;font-family:var(--sans);font-size:.82rem;outline:none}.chat-compose-input:focus{border-color:var(--line)}.chat-compose-input::placeholder{color:var(--text-faint)}.chat-compose-send{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--text);color:var(--black);border:none;border-radius:50%;font-size:.9rem;font-weight:600;cursor:pointer}.chat-compose-send:disabled{opacity:.25;cursor:not-allowed}.dock-controls{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.stage{flex:1;width:100%;min-height:0;display:grid;gap:.35rem}.stage-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-soft);font-size:.9rem}.stage-1{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.stage-2{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);height:100%}.stage-3,.stage-4{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));height:100%}.stage-tiles-1{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);height:100%}.stage-tiles-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);height:100%}.stage-tiles-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);height:100%}.stage-tiles-4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:100%}.stage-tiles-5{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));height:100%}@media (max-width: 720px) and (orientation: portrait){.stage-tiles-2,.stage-tiles-3{grid-template-columns:1fr;grid-template-rows:repeat(var(--stage-tile-rows, 2),minmax(0,1fr))}.stage-tiles-2{--stage-tile-rows: 2}.stage-tiles-3{--stage-tile-rows: 3}.stage-tiles-2:has(.tile-screen){grid-template-rows:minmax(0,2fr) minmax(0,3fr)}}.stage-empty-msg{text-align:center;color:var(--text-soft)}.stage-empty-msg .muted-text{font-size:.85rem;margin-top:.5rem;color:var(--text-faint)}.tile-screen video{object-fit:contain;background:#0a0a0a}.tile-screen-waiting span{font-size:2rem}.tile-fullscreen-btn{position:absolute;top:.65rem;right:.65rem;z-index:3;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:.4rem;background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text);cursor:pointer;opacity:.85;transition:opacity .15s ease,background .15s ease}.tile-fullscreen-btn:hover{opacity:1;background:#000000b8}.tile-stage-action{position:absolute;bottom:.65rem;right:.65rem;z-index:3;font-size:.68rem;font-weight:500;padding:.28rem .55rem;border:1px solid rgba(255,255,255,.12);border-radius:100px;background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text);cursor:pointer;opacity:.85;transition:opacity .15s ease,background .15s ease}.tile-stage-action:hover{opacity:1;background:#000000b8}.video-tile:fullscreen,.video-tile:-webkit-full-screen{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;border:none;background:#000}.video-tile:fullscreen video,.video-tile:-webkit-full-screen video{width:100%;height:100%;object-fit:contain}.tile-screen:fullscreen video,.video-tile:-webkit-full-screen.tile-screen video{object-fit:contain}.video-tile:fullscreen .tile-fullscreen-btn,.video-tile:-webkit-full-screen .tile-fullscreen-btn{top:max(.65rem,env(safe-area-inset-top));right:max(.65rem,env(safe-area-inset-right))}.video-tile{position:relative;overflow:hidden;min-width:0;min-height:0;width:100%;height:100%;background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--line-soft)}.video-tile video{width:100%;height:100%;object-fit:cover;display:block}.tile-local video{transform:scaleX(-1)}.tile-no-video video{visibility:hidden}.tile-audio{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.tile-avatar{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#161616,#0a0a0a)}.tile-avatar span{font-family:var(--serif);font-size:4rem;font-style:italic;color:var(--text-faint)}.tile-static{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated;filter:brightness(.5) contrast(1.15)}.tile-meta{position:absolute;top:.65rem;left:.65rem;right:.65rem;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;z-index:2}.tile-name{font-size:.78rem;font-weight:500;color:var(--text);background:#0000008c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.2rem .55rem;border-radius:100px}.tile-role{font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--black);background:var(--accent);padding:.18rem .45rem;border-radius:100px}.tile-muted{font-size:.62rem;color:var(--text-soft);background:#00000073;padding:.18rem .45rem;border-radius:100px}.room-dock{flex-shrink:0;display:flex;align-items:center;gap:.75rem;min-height:var(--dock-h);padding:.65rem 1rem;padding-bottom:max(.65rem,env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);background:var(--surface)}.dock{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center;width:100%}.dock-group{display:flex;align-items:center;gap:.5rem}.dock-group--exit{margin-left:auto;gap:.65rem}.dock-divider{width:1px;height:1.75rem;background:var(--line);margin:0 .25rem}.dock-btn{width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--line);border-radius:50%;color:var(--text-soft);cursor:pointer;transition:color .12s,border-color .12s,background .12s}.dock-btn:hover:not(:disabled){color:var(--text);border-color:#ffffff2e}.dock-btn--active{color:var(--text);border-color:#ffffff40;background:#ffffff14}.dock-btn--accent{color:var(--accent);border-color:#d4c4a059}.dock-btn--leave{color:var(--text-soft);border-color:var(--line);background:var(--surface-2)}.dock-btn--leave:hover:not(:disabled){color:var(--text);border-color:#ffffff29;background:#ffffff0d}.dock-btn--danger{color:var(--live);border-color:#e85d4c66;background:#e85d4c1a}.dock-btn:disabled{opacity:.35;cursor:not-allowed}.dock-action{padding:.65rem 1.25rem;background:var(--text);color:var(--black);border:none;border-radius:100px;font-family:var(--sans);font-size:.85rem;font-weight:600;cursor:pointer}.dock-action:hover{opacity:.9}.dock--message{padding:0}.dock-status{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.dock-error{font-size:.75rem;color:var(--live);max-width:200px}.dock-hint{font-size:.68rem;color:var(--text-faint);max-width:140px;line-height:1.35}.dock-hint--wrap{max-width:10rem}.room-toast{position:fixed;bottom:calc(var(--dock-h) + .75rem);left:50%;transform:translate(-50%);z-index:50;max-width:min(90vw,22rem);padding:.55rem .85rem;font-size:.78rem;line-height:1.4;color:var(--live);background:#000000e0;border:1px solid rgba(232,93,76,.35);border-radius:var(--radius-sm);pointer-events:auto;display:flex;align-items:center;gap:.65rem}.room-toast-dismiss{flex-shrink:0;width:1.35rem;height:1.35rem;padding:0;font-size:1rem;line-height:1;color:var(--text-soft);background:transparent;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer}.room-toast--neutral{color:var(--accent);border-color:#d4c4a059}.stage-join-prompt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000b8;pointer-events:auto}.stage-join-prompt-inner{max-width:18rem;padding:1.1rem 1.25rem;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.stage-join-title{margin:0 0 .35rem;font-size:1rem;font-weight:600}.stage-join-lead{margin:0 0 .85rem;font-size:.82rem;color:var(--text-soft)}.stage-join-error{margin:.65rem 0 0;font-size:.78rem}.room-shell--mobile .chat-ticker-msg,.room-shell--mobile .visitor-ticker-msg{backdrop-filter:none;-webkit-backdrop-filter:none}.room-shell--mobile .stage-frame{box-shadow:none}.recording-canvas,.preview-poster-canvas{position:fixed;left:-9999px;top:0;pointer-events:none;visibility:hidden}.recording-canvas{width:1280px;height:720px}.preview-poster-canvas{width:320px;height:180px}.recording-ready{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.recording-ready-label{font-size:.78rem;font-weight:600;color:var(--accent);white-space:nowrap}.recording-discard{padding:.5rem .85rem;background:transparent;color:var(--text-soft);border:1px solid var(--line);border-radius:100px;font-family:var(--sans);font-size:.78rem;cursor:pointer}.recording-discard:hover{color:var(--text);border-color:#ffffff2e}.admit-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.admit-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem 2rem;text-align:center;min-width:260px;animation:admit-in .2s ease}@keyframes admit-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admit-label{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft);margin-bottom:.5rem}.admit-name{font-family:var(--serif);font-size:1.75rem;font-style:italic;margin-bottom:1.25rem}.admit-actions{display:flex;gap:.5rem;justify-content:center}.admit-yes{padding:.55rem 1.1rem;background:var(--text);color:var(--black);border:none;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;cursor:pointer}.admit-no{padding:.55rem 1.1rem;background:transparent;color:var(--text-soft);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer}.admit-no:hover{color:var(--text)}@media (max-width: 768px){.room-dock{flex-wrap:wrap;gap:.5rem}.chat-compose{flex:1 1 100%;order:2}.dock-controls{flex:1 1 100%;order:1}.room-stage-wrap{padding:.35rem .35rem 0}.stage-toolbar{font-size:.68rem;padding:.25rem .35rem .4rem}.toolbar-title{max-width:8rem}.tile-avatar span{font-size:2rem}.dock-btn{width:2.5rem;height:2.5rem}}@media (orientation: landscape) and (max-height: 500px) and (hover: none) and (pointer: coarse){.gate{align-items:flex-start;padding:1rem 1.25rem;padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right));overflow-y:auto}.access-picker{flex-direction:row}.access-picker .role-card{flex:1;min-width:0}.role-picker{flex-direction:row}.role-picker .role-card{flex:1;min-width:0}.room-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(9.5rem,13.5rem)}.room-main{min-height:0;min-width:0}.room-stage-wrap{position:relative;padding:0;height:100%}.stage-toolbar{position:absolute;top:.4rem;left:.4rem;z-index:4;max-width:calc(100% - .8rem);padding:.2rem .55rem;border-radius:100px;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex-wrap:nowrap;overflow:hidden}.toolbar-title{max-width:6rem}.toolbar-meta{display:none}.stage-frame{height:100%}.chat-ticker{bottom:.35rem;left:.25rem;right:.25rem}.visitor-ticker{bottom:2.15rem;left:.25rem;right:.25rem}.visitor-ticker-lane{height:1.55rem}.visitor-ticker-msg{font-size:.75rem;line-height:1.55rem;padding:0 .65rem}.chat-ticker-lane{height:1.55rem}.chat-ticker-msg{font-size:.75rem;line-height:1.55rem;padding:0 .65rem}.room-dock{flex-direction:column;align-items:stretch;justify-content:flex-end;gap:.5rem;min-height:0;height:100%;min-height:unset;padding:.5rem;padding-right:max(.5rem,env(safe-area-inset-right));padding-bottom:max(.5rem,env(safe-area-inset-bottom));border-top:none;border-left:1px solid var(--line-soft);overflow-y:auto}.dock-controls{flex:0 0 auto;order:1;width:100%}.chat-compose{flex:0 0 auto;order:2;width:100%}.dock{flex-direction:column;flex-wrap:nowrap;gap:.35rem;width:100%}.dock-group{justify-content:center;width:100%}.dock-group--exit{margin-left:0}.dock-divider{width:100%;height:1px;margin:.15rem 0}.dock-btn{width:2.35rem;height:2.35rem}.dock-action{width:100%;padding:.5rem .75rem;font-size:.78rem}.tile-meta{top:.4rem;left:.4rem;right:.4rem}.tile-name,.tile-role,.tile-muted{font-size:.58rem;padding:.12rem .35rem}.tile-avatar span{font-size:1.75rem}.stage-3,.stage-4{gap:.25rem}}@media (orientation: landscape) and (min-height: 501px) and (max-height: 820px) and (hover: none) and (pointer: coarse){.room-dock{flex-wrap:nowrap;gap:.65rem;min-height:auto;padding-top:.45rem;padding-bottom:max(.45rem,env(safe-area-inset-bottom))}.chat-compose{flex:0 1 240px;order:0}.dock-controls{flex:1 1 auto;order:0;justify-content:flex-end}.stage-toolbar{padding-bottom:.35rem}}