:root{color-scheme:dark;--bg: #0c0f14;--panel: #161b22;--border: #2a3340;--text: #f2f4f7;--muted: #9aa4b2;--accent: #3d9a6a;--danger: #d64545;--speaking: #5ecf8e;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 20% -10%,#1a2433 0%,var(--bg) 55%);color:var(--text)}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex;flex-direction:column;padding:1.25rem;gap:1rem}.brand{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.card{background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--border);border-radius:16px;padding:1.25rem;max-width:28rem;width:100%;margin:0 auto}.card h1{margin:0 0 .5rem;font-size:1.35rem}.muted{color:var(--muted);font-size:.9rem;line-height:1.45}.field{display:flex;flex-direction:column;gap:.35rem;margin-top:1rem}.field input{border:1px solid var(--border);background:#0e131a;color:var(--text);border-radius:10px;padding:.7rem .85rem}.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}.btn{border:0;border-radius:999px;padding:.65rem 1.1rem;background:var(--accent);color:#04150c;font-weight:600}.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.error{color:#ffb4b4;font-size:.9rem;margin-top:.75rem}.stage{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;align-content:start}.audio-sink{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.tile{position:relative;background:#000;border:2px solid var(--border);border-radius:14px;overflow:hidden;aspect-ratio:16 / 10;min-height:160px}.tile.speaking{border-color:var(--speaking);box-shadow:0 0 0 1px color-mix(in srgb,var(--speaking) 50%,transparent)}.tile video{width:100%;height:100%;object-fit:cover;background:#000}.tile video.mirror{transform:scaleX(-1)}.tile .label{position:absolute;left:.6rem;bottom:.6rem;background:#0000008c;padding:.25rem .55rem;border-radius:999px;font-size:.75rem}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.75rem;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--panel) 88%,transparent)}.countdown{text-align:center;color:#ffd38a;font-size:.9rem}.consent{display:flex;gap:.6rem;align-items:flex-start;margin-top:1rem;font-size:.85rem;color:var(--muted)}.consent input{margin-top:.2rem}