:root{--vt-brand-300:#f8afc9;--vt-brand-400:#ec80aa;--vt-brand-500:#da5690;--vt-brand-700:#ae1967;--vt-brand-950:#480026;--vt-accent-500:#e77f3e;--vt-neutral-300:#dedede;--vt-neutral-500:#8a8a8a;--vt-neutral-700:#484848;--vt-neutral-800:#2c2c2c;--vt-neutral-900:#1a1b1e;--vt-neutral-950:#121316;--vt-neutral-1000:#0b0b0b;--vt-danger-dark:#f2808c;--vt-success-dark:#6ec98a;--bg:var(--vt-neutral-1000);--surface:var(--vt-neutral-900);--surface-raised:var(--vt-neutral-800);--border:#33353b;--text:#e9e9ec;--muted:#a1a3ab;--accent:var(--vt-brand-400);--accent-hover:var(--vt-brand-300);--accent-text:var(--vt-brand-950);--rule:var(--vt-accent-500);--danger:var(--vt-danger-dark);--success:var(--vt-success-dark);--radius:8px;--radius-lg:12px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:15px/1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent)}button,input{font:inherit}.button{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);min-height:44px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.button:hover{background:#383a41}.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button:disabled{opacity:.5;cursor:default}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button.danger{color:var(--danger);background:#4a1a20;border-color:#6b2530}.button.danger:hover{background:#5c202a}.button.round{border-radius:999px;width:52px;height:52px;min-height:0;padding:0}.button.round.off{color:var(--danger);background:#4a1a20;border-color:#6b2530}.button .icon{width:22px;height:22px}.field{gap:6px;display:grid}.field span{color:var(--muted);font-size:13px}.field input{border:1px solid var(--border);border-radius:var(--radius);min-height:44px;color:var(--text);background:#0e0f12;padding:0 12px}.field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.toggle{cursor:pointer;align-items:center;gap:10px;display:flex}.toggle input{width:18px;height:18px;accent-color:var(--accent)}.page{place-items:center;min-height:100%;padding:24px 16px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);gap:20px;width:min(100%,480px);padding:28px;display:grid;box-shadow:0 1px 2px #0006,0 8px 24px #00000059}.card>*{min-width:0}.card h1{margin:0;font-size:22px;line-height:1.3}.card p{color:var(--muted);margin:0}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand img{width:40px;height:40px}.brand strong{font-size:16px;display:block}.brand small{color:var(--muted)}.brand-rule{background:var(--rule);border-radius:999px;height:3px}.error{border-radius:var(--radius);color:var(--danger);background:#3a1418;padding:10px 12px}.link-row{align-items:center;gap:8px;display:flex}.link-row code{overflow-wrap:anywhere;border-radius:var(--radius);border:1px solid var(--border);background:#0e0f12;flex:1;min-width:0;padding:10px 12px;font-size:14px}.room{grid-template-rows:auto 1fr auto;height:100%;display:grid}.room-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.room-header .brand img{width:28px;height:28px}.room-header .count{color:var(--muted);font-size:14px}.stage{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));grid-auto-rows:minmax(180px,1fr);align-content:center;gap:12px;min-height:0;padding:12px;display:grid}.stage.has-screen{grid-template-columns:minmax(0,3fr) minmax(200px,1fr);grid-auto-rows:auto}.stage.has-screen .tiles{align-content:start;gap:12px;display:grid;overflow:auto}.stage.has-screen .tiles .tile{aspect-ratio:16/9}.tile{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);min-height:0;position:relative;overflow:hidden}.tile.speaking{border-color:var(--success)}.tile video{object-fit:cover;background:#000;width:100%;height:100%}.tile.screen video{object-fit:contain}.tile video.mirror{transform:scaleX(-1)}.tile .avatar{place-items:center;display:grid;position:absolute;inset:0}.tile .avatar span{background:var(--vt-brand-700);color:#fff;border-radius:999px;place-items:center;width:72px;height:72px;font-size:28px;font-weight:600;display:grid}.tile .label{background:#0009;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:flex;position:absolute;bottom:10px;left:10px}.tile .label .icon{width:16px;height:16px;color:var(--danger)}.tile .host{color:var(--accent);font-size:12px}.controls{padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);justify-content:center;gap:12px;display:flex}.toast{background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;padding:10px 16px;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}@media (width<=720px){.stage.has-screen{grid-template-rows:minmax(0,2fr) minmax(0,1fr);grid-template-columns:1fr}.stage.has-screen .tiles{grid-auto-columns:45%;grid-auto-flow:column}}