:root{--radius: 12px;--radius-sm: 8px;--radius-lg: 18px;--duration: .16s;--ease: cubic-bezier(.2, .8, .2, 1);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html[data-theme=dark],:root{color-scheme:dark;--bg: #0b0d12;--bg-elev: #13161d;--bg-elev-2: #1a1e27;--surface: #171a22;--border: #262b36;--border-strong: #363c4a;--fg: #e9ecf1;--fg-muted: #9aa2b1;--fg-dim: #6b7282;--accent: #6aa6ff;--accent-strong: #3d86ff;--accent-fg: #0b0d12;--success: #56d196;--danger: #ff6b6b;--danger-strong: #e84848;--shadow-card: 0 1px 3px rgba(0, 0, 0, .25), 0 8px 30px rgba(0, 0, 0, .25);--glass-bg: rgba(23, 26, 34, .62);--glass-bg-strong: rgba(23, 26, 34, .78);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 14px;--glow-accent: 0 0 0 1px rgba(106, 166, 255, .25), 0 0 24px rgba(106, 166, 255, .25);--glow-accent-strong: 0 0 0 1px rgba(106, 166, 255, .45), 0 0 32px rgba(106, 166, 255, .45);--glow-success: 0 0 22px rgba(86, 209, 150, .35);--glow-danger: 0 0 22px rgba(255, 107, 107, .35)}html[data-theme=light]{color-scheme:light;--bg: #f6f7fb;--bg-elev: #ffffff;--bg-elev-2: #eef1f7;--surface: #ffffff;--border: #e1e6ef;--border-strong: #c7cedc;--fg: #12151c;--fg-muted: #5c6472;--fg-dim: #8b93a3;--accent: #2a6dd8;--accent-strong: #1f58b6;--accent-fg: #ffffff;--success: #1f9c63;--danger: #d83a3a;--danger-strong: #b02a2a;--shadow-card: 0 1px 2px rgba(17, 24, 39, .05), 0 8px 24px rgba(17, 24, 39, .08);--glass-bg: rgba(255, 255, 255, .65);--glass-bg-strong: rgba(255, 255, 255, .82);--glass-border: rgba(17, 24, 39, .08);--glass-blur: 14px;--glow-accent: 0 0 0 1px rgba(42, 109, 216, .2), 0 0 22px rgba(42, 109, 216, .18);--glow-accent-strong: 0 0 0 1px rgba(42, 109, 216, .35), 0 0 28px rgba(42, 109, 216, .32);--glow-success: 0 0 18px rgba(31, 156, 99, .25);--glow-danger: 0 0 18px rgba(216, 58, 58, .25)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;isolation:isolate;overflow-x:hidden}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;z-index:-1;background:radial-gradient(40% 50% at 18% 12%,rgba(106,166,255,.18),transparent 60%),radial-gradient(36% 44% at 82% 22%,rgba(86,209,150,.1),transparent 60%),radial-gradient(50% 60% at 60% 92%,rgba(173,121,255,.12),transparent 65%);filter:blur(40px) saturate(1.1);animation:ambient-drift 28s ease-in-out infinite alternate}html.has-bg body:before{display:none}html[data-theme=light] body:before{opacity:.55}@keyframes ambient-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(2%,-1.5%,0) scale(1.06)}}@media (prefers-reduced-motion: reduce){body:before{animation:none}}a{color:var(--accent)}code{background:var(--bg-elev-2);padding:0 .3em;border-radius:4px;font-size:.9em}.muted{color:var(--fg-muted)}.w-full{width:100%}.app{display:flex;flex-direction:column;min-height:100%}.app-header{display:flex;align-items:center;gap:1.25rem;padding:.7rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-elev);-webkit-backdrop-filter:saturate(160%) blur(8px);backdrop-filter:saturate(160%) blur(8px);position:sticky;top:0;z-index:20}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;letter-spacing:-.015em;text-decoration:none;color:inherit;font-size:1.02rem}.brand-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 0 0 3px #6aa6ff26}.app-nav{display:flex;gap:.25rem;margin-left:.5rem}.app-nav a{color:var(--fg-muted);text-decoration:none;padding:.4rem .7rem;border-radius:var(--radius-sm);transition:color .14s var(--ease),background .14s var(--ease);font-size:.92rem}.app-nav a:hover,.app-nav a.active,.app-nav a[aria-current=page]{color:var(--fg);background:var(--bg-elev-2)}@media (max-width: 600px){.app-header{padding:.6rem .85rem;gap:.6rem;flex-wrap:wrap}.app-nav{margin-left:0;gap:.1rem}.app-nav a{padding:.35rem .55rem;font-size:.85rem}.app-main{padding:1rem}.user-name{display:none}.page-head h1{font-size:1.3rem}}.app-right{margin-left:auto;display:flex;align-items:center;gap:.5rem}.user-pill{display:flex;align-items:center;gap:.5rem;padding-left:.5rem}.user-name{color:var(--fg-muted);font-size:.9rem}.app-main{flex:1;padding:1.5rem}.page{max-width:1100px;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.page-head h1{margin:0 0 .25rem;font-size:1.6rem;letter-spacing:-.01em}.section{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.section h2{margin:0 0 .75rem;font-size:1.1rem}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin-top:.5rem}@media (max-width: 600px){.grid-2{grid-template-columns:1fr}}.stack{display:flex;flex-direction:column;gap:.85rem}.stack>*{min-width:0}.empty{text-align:center;padding:3rem 1rem;color:var(--fg-muted)}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.85rem;color:var(--fg-muted)}.field .hint{color:var(--fg-dim);font-size:.8rem}.field .err{color:var(--danger);font-size:.8rem}.field-error .input{border-color:var(--danger)}.input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-elev);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.6rem .8rem;font:inherit;width:100%;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6aa6ff33}.input:disabled{opacity:.6;cursor:not-allowed}.btn{--btn-bg: var(--accent);--btn-fg: var(--accent-fg);--btn-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);padding:.55rem .95rem;border-radius:var(--radius-sm);font:inherit;font-weight:600;letter-spacing:-.005em;cursor:pointer;transition:transform .12s var(--ease),background .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease),filter .16s var(--ease);white-space:nowrap}.btn:hover:not(:disabled){background:var(--accent-strong);box-shadow:0 4px 12px #6aa6ff40}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #6aa6ff59}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:.35rem .65rem;font-size:.85rem}.btn-lg{padding:.75rem 1.25rem;font-size:1.05rem}.btn-icon{padding:.5rem;min-width:42px}.btn-secondary{--btn-bg: var(--bg-elev-2);--btn-fg: var(--fg);--btn-border: var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface);border-color:var(--border-strong)}.btn-ghost{--btn-bg: transparent;--btn-fg: var(--fg);--btn-border: transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-elev-2)}.btn-danger{--btn-bg: var(--danger);--btn-fg: #fff;--btn-border: transparent}.btn-danger:hover:not(:disabled){background:var(--danger-strong)}.btn-spin{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toggle{display:inline-flex;align-items:center;gap:.75rem;-webkit-user-select:none;user-select:none;cursor:pointer}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-track{width:42px;height:24px;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:999px;position:relative;transition:background var(--duration) var(--ease);flex-shrink:0}.toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--fg);transition:transform var(--duration) var(--ease),background var(--duration) var(--ease)}.toggle input:checked+.toggle-track{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(18px);background:#fff}.toggle-text{display:flex;flex-direction:column}.toggle-text small{color:var(--fg-muted)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:1rem;z-index:100;animation:fade .12s var(--ease)}.dialog{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);backdrop-filter:blur(var(--glass-blur)) saturate(1.4);color:var(--fg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card),var(--glow-accent);width:min(520px,100%);max-height:calc(100vh - 2rem);overflow:auto;animation:pop .18s var(--ease)}.dialog-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border);font-weight:600}.dialog-body{padding:1.25rem}.dialog-footer{padding:.75rem 1.25rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.5rem}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{transform:translateY(6px) scale(.98);opacity:0}to{transform:none;opacity:1}}.tag{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;background:var(--bg-elev-2);color:var(--fg-muted);font-size:.72rem;font-weight:500;letter-spacing:.01em;border:1px solid var(--border)}.tag-accent{color:var(--accent);border-color:#6aa6ff59;background:#6aa6ff1a}.tag-danger{color:var(--danger);border-color:#ff6b6b59;background:#ff6b6b1a}.tag-live{color:var(--success);border-color:#56d19659;background:#56d1961a}.tag-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 #56d19699;animation:live-pulse 1.6s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 #56d1968c}70%{box-shadow:0 0 0 6px #56d19600}to{box-shadow:0 0 #56d19600}}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table th,.table td{padding:.7rem .9rem;text-align:left;border-bottom:1px solid var(--border);font-size:.92rem}.table th{background:var(--bg-elev);font-size:.8rem;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}.table tr:last-child td{border-bottom:none}.row-actions{display:flex;gap:.35rem;justify-content:flex-end}.kv{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1rem;margin:0}.kv dt{color:var(--fg-muted)}.bullets{padding-left:1.2rem}.bullets li{margin:.25rem 0}.auth-shell,.wizard-shell{min-height:100%;display:grid;place-items:center;padding:2rem;background:radial-gradient(ellipse at top,rgba(106,166,255,.12),transparent 55%),var(--bg)}html.has-bg .auth-shell,html.has-bg .wizard-shell{background-image:var(--app-bg-image);background-size:cover;background-position:center;background-attachment:fixed}html.has-bg .auth-card{-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);background:rgba(var(--surface-rgb, 20, 22, 33),.82)}.auth-card{width:min(420px,100%);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);backdrop-filter:blur(var(--glass-blur)) saturate(1.4);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card),var(--glow-accent);padding:2rem;display:flex;flex-direction:column;gap:1rem}.auth-title{margin:0;font-size:1.5rem}.auth-sub{color:var(--fg-muted);margin:0 0 .5rem}.divider{display:flex;align-items:center;gap:.5rem;color:var(--fg-dim);font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.wizard{width:min(720px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.wizard-header h1{margin:0;font-size:1.4rem}.stepper{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.stepper li{display:flex;flex-direction:column;align-items:center;gap:.3rem;font-size:.72rem;color:var(--fg-dim);text-align:center}.stepper .num{width:26px;height:26px;border-radius:50%;background:var(--bg-elev-2);border:1px solid var(--border);display:grid;place-items:center;font-weight:600}.stepper li.active{color:var(--fg)}.stepper li.active .num{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.stepper li.done .num{background:var(--success);color:#fff;border-color:var(--success)}.wizard-nav{display:flex;justify-content:space-between;gap:.5rem}.summary{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.9rem 1rem;font-size:.95rem;display:flex;flex-direction:column;gap:.25rem}@media (max-width: 640px){.stepper{grid-template-columns:repeat(3,1fr);row-gap:.75rem}}.room-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.room-card{position:relative;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.15rem;display:flex;flex-direction:column;justify-content:space-between;gap:.85rem;box-shadow:0 1px 2px #0000000f;transition:transform .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease);overflow:hidden}.room-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent),var(--accent-strong));opacity:0;transition:opacity .2s var(--ease)}.room-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-card),var(--glow-accent)}.room-card:hover:before{opacity:1}.room-card h3{margin:0 0 .4rem;font-size:1.05rem;letter-spacing:-.01em}.room-meta{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.45rem}.room-url{color:var(--fg-dim);font-size:.82rem;word-break:break-all;font-family:ui-monospace,SF Mono,Menlo,monospace}.room-card-actions{display:flex;gap:.4rem;flex-wrap:wrap}.admin-shell{display:grid;grid-template-columns:220px 1fr;gap:1.5rem;max-width:1100px;margin:0 auto}.admin-aside h2{font-size:.85rem;text-transform:uppercase;color:var(--fg-muted);letter-spacing:.08em}.admin-nav{display:flex;flex-direction:column;gap:.25rem}.admin-nav a{color:var(--fg-muted);text-decoration:none;padding:.5rem .75rem;border-radius:var(--radius-sm)}.admin-nav a.active,.admin-nav a[aria-current=page]{background:var(--bg-elev-2);color:var(--fg)}.admin-main{min-width:0}@media (max-width: 720px){.admin-shell{grid-template-columns:1fr}}.room{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.room-head{display:flex;align-items:center;padding:.75rem 1.25rem;border-bottom:1px solid var(--glass-border);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));gap:.5rem}.room-head h2{margin:0;font-size:1.05rem}.conn{display:inline-block;margin-left:.5rem;font-size:.8rem;padding:.1rem .5rem;border-radius:999px;background:var(--bg-elev-2);color:var(--fg-muted)}.conn.on{color:var(--success);background:#56d1961f}.conn.off{color:var(--danger);background:#ff6b6b1f}.room-body{flex:1;display:flex;min-height:0}.stage{flex:1;min-width:0;padding:.75rem;display:flex}.stage.with-chat{padding-right:.75rem}.grid{flex:1;display:grid;gap:.5rem;grid-auto-rows:1fr;min-height:0}.speaker{flex:1;display:grid;grid-template-rows:1fr auto;gap:.5rem;min-height:0}.speaker .strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,180px);gap:.5rem;overflow-x:auto;padding:.25rem 0}.pip{flex:1;position:relative;min-height:0}.pip-overlay{position:absolute;right:1rem;bottom:1rem;width:220px;height:140px;box-shadow:var(--shadow-card);border-radius:var(--radius);overflow:hidden}.video-tile{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;min-height:120px;aspect-ratio:16 / 9;border:1px solid var(--border);cursor:pointer;transition:transform .16s var(--ease),border-color .16s var(--ease),box-shadow .16s var(--ease)}.video-tile:hover{border-color:var(--border-strong);box-shadow:0 4px 16px #0000002e,var(--glow-accent)}.video-tile.is-focused{width:100%;height:100%;aspect-ratio:auto}.video-tile.is-pinned{border-color:var(--accent);box-shadow:var(--glow-accent-strong)}.video-el{width:100%;height:100%;object-fit:cover;display:block;background:#000}.video-el.mirrored{transform:scaleX(-1)}.video-el.hidden{visibility:hidden}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(135deg,#15192a,#0c0e17)}.avatar{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;display:grid;place-items:center;font-size:1.8rem;font-weight:700;letter-spacing:.02em;box-shadow:0 8px 30px #0006}.video-overlay{position:absolute;left:0;right:0;bottom:0;padding:.5rem .75rem;background:linear-gradient(transparent,#0000008c);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;pointer-events:none}.video-overlay .badges{display:flex;gap:.25rem}.video-overlay .badge{background:#0000008c;padding:.1rem .4rem;border-radius:999px;font-size:.75rem}.video-overlay .badge-mute{color:var(--danger)}.controls{display:flex;gap:.5rem;padding:.75rem 1rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));border-top:1px solid var(--glass-border);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));align-items:center;flex-wrap:wrap}.controls-spacer{flex:1}.btn-ic{display:none;font-size:1.05rem;line-height:1}.btn-lb{display:inline}.chat-panel{width:340px;border-left:1px solid var(--glass-border);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));display:flex;flex-direction:column;min-height:0}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--glass-border)}.chat-head-actions{display:flex;gap:.35rem;align-items:center}.chat-clear-confirm{font-size:.8rem;color:var(--fg-muted)}.chat-body{flex:1;overflow-y:auto;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.75rem}.chat-msg{display:flex;flex-direction:column;gap:.15rem}.chat-msg-head{display:flex;gap:.5rem;align-items:baseline;font-size:.8rem;color:var(--fg-muted)}.chat-msg-head strong{color:var(--fg)}.chat-msg-text{background:var(--bg-elev-2);padding:.5rem .75rem;border-radius:var(--radius-sm);word-wrap:break-word}.chat-msg.self .chat-msg-text{background:#6aa6ff26}.chat-form{display:flex;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--border)}.chat-form .input{flex:1}@media (max-width: 720px){.room-body{flex-direction:column}.chat-panel{width:100%;height:50%;border-left:none;border-top:1px solid var(--border);flex-shrink:0}.stage.with-chat{padding:.5rem;min-height:0}}.tile-conn-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#000000a6;color:var(--danger);font-size:.85rem;font-weight:600;z-index:2;pointer-events:none}.media-error{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:.5rem .85rem;border-radius:999px;box-shadow:var(--shadow-card)}@media (max-width: 600px){.room-head{padding:.5rem .75rem}.room-head h2{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.stage{padding:.35rem}.video-tile{aspect-ratio:4 / 3;min-height:80px}.controls{padding:.45rem .4rem;padding-bottom:max(.45rem,env(safe-area-inset-bottom));gap:.25rem;flex-wrap:nowrap;justify-content:space-between}.controls .btn{padding:.55rem;min-width:0;flex:1 1 0;max-width:56px;font-size:.95rem}.controls .btn-lb{display:none}.controls .btn-ic{display:inline}.controls-spacer{display:none}.controls .btn-danger{max-width:64px}.speaker .strip{grid-auto-columns:minmax(110px,140px)}}@media (orientation: landscape) and (max-height: 500px){.room-head{padding:.35rem .75rem}.room-head h2{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.conn{font-size:.7rem;padding:.05rem .4rem}.stage{padding:.3rem}.video-tile{min-height:0}.controls{padding:.35rem .5rem;padding-bottom:max(.35rem,env(safe-area-inset-bottom));gap:.3rem;flex-wrap:nowrap;overflow-x:auto}.controls .btn{padding:.45rem .55rem;flex-shrink:0}.controls .btn-lb{display:none}.controls .btn-ic{display:inline}.controls-spacer{flex:1;min-width:0}.pip-overlay{width:140px;height:90px;right:.5rem;bottom:.5rem}.speaker .strip{grid-auto-columns:minmax(90px,120px)}}.spinner-wrap{min-height:100vh;display:grid;place-items:center}.spinner{display:inline-flex;gap:.3rem}.spinner-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:bounce 1s ease-in-out infinite}.spinner-dot:nth-child(2){animation-delay:.15s}.spinner-dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-6px);opacity:1}}.toast-stack{position:fixed;right:1rem;bottom:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{background:var(--surface);border:1px solid var(--border);color:var(--fg);padding:.6rem .9rem;border-radius:var(--radius-sm);min-width:220px;box-shadow:var(--shadow-card);pointer-events:auto;animation:slidein .18s var(--ease)}.toast-error{border-color:var(--danger)}.toast-success{border-color:var(--success)}@keyframes slidein{0%{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}.error-boundary{max-width:680px;margin:10vh auto;padding:2rem;background:var(--surface);border:1px solid var(--danger);border-radius:var(--radius)}.error-boundary pre{background:var(--bg-elev-2);padding:1rem;border-radius:var(--radius-sm);overflow-x:auto}.room:fullscreen,.room:-webkit-full-screen{background:#000}.room:fullscreen .grid .video-tile,.room:-webkit-full-screen .grid .video-tile,.room.pseudo-fullscreen .grid .video-tile{aspect-ratio:auto;height:100%;min-height:0}.room.pseudo-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000;width:100dvw;height:100dvh}.members-panel{width:340px;border-left:1px solid var(--glass-border);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));display:flex;flex-direction:column;min-height:0}.members-head{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--glass-border)}.members-body{flex:1;overflow-y:auto;padding:.75rem 1rem}.members-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.member-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--bg-elev-2)}.member-info{min-width:0;flex:1}.member-name{display:flex;align-items:center;gap:.4rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-email{color:var(--fg-muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-confirm{display:flex;align-items:center;gap:.35rem;flex-shrink:0}@media (max-width: 720px){.members-panel{width:100%;height:50%;border-left:none;border-top:1px solid var(--glass-border);flex-shrink:0}}.btn-primary:hover:not(:disabled){box-shadow:var(--glow-accent)}.btn-danger:hover:not(:disabled){box-shadow:var(--glow-danger)}.tag-live{box-shadow:var(--glow-success)}.video-tile.is-focused{box-shadow:var(--glow-accent-strong)}