:root{--bg:#0e1014;--surface:#171a21;--surface-2:#20242d;--surface-3:#2b303b;--line:#2e333e;--text:#eef0f4;--muted:#9aa1ae;--accent:#5b8cff;--accent-ink:#ffffff;--danger:#e5484d;--ok:#3dd68c;--radius:14px;--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}h1,h2,p{margin:0}a{color:inherit}.muted{color:var(--muted)}.code{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.hidden{visibility:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1px solid transparent;font:500 14px/1 var(--font);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:default}.btn-lg{height:48px;padding:0 22px;font-size:15px}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:not(:disabled):hover{background:#7aa2ff}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn-ghost:not(:disabled):hover{background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#f2555a}.input{height:48px;padding:0 16px;border-radius:12px;width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line);font:15px var(--font);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(91 140 255/.2)}.round{position:relative;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;background:var(--surface-3);color:var(--text);transition:background .15s}.round:hover{background:#3a404d}.round.off{background:var(--danger)}.round.off:hover{background:#f2555a}.round.active{background:#c9d8ff;color:#10204a}.badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font:600 11px/18px var(--font)}.icon-btn{width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.icon-btn.send:not(:disabled){color:var(--accent)}.toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);background:#e8eaee;color:#111;padding:10px 16px;border-radius:10px;font-size:14px;box-shadow:0 8px 30px rgb(0 0 0/.4);z-index:50;animation:rise .2s ease-out}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.home{min-height:100%;display:flex;flex-direction:column;padding:20px clamp(16px,5vw,56px)}.home-top{display:flex}.brand,.home-top{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:600;font-size:18px}.brand-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--accent);color:#fff}.home-hero{margin:auto 0;max-width:640px;padding:48px 0}.home-hero h1{font-size:clamp(34px,6vw,56px);line-height:1.05;letter-spacing:-.025em;font-weight:650}.lede{margin-top:18px;font-size:18px;line-height:1.5;color:var(--muted);max-width:520px}.home-actions{margin-top:36px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.join-form{display:flex;gap:8px;flex:1 1 280px}.form-error{margin-top:10px;color:#ff8a8d;font-size:14px}.steps{list-style:none;padding:0;margin:48px 0 0;display:flex;flex-wrap:wrap;gap:10px 28px;color:var(--muted);font-size:14px}.steps li{display:flex;align-items:center;gap:10px}.steps b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--text);font-size:12px}.steps em{color:var(--text);font-style:normal}.lobby{min-height:100%;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,380px);grid-gap:clamp(24px,4vw,56px);gap:clamp(24px,4vw,56px);align-items:center;padding:32px clamp(16px,5vw,64px);max-width:1200px;margin:0 auto}.lobby-preview{position:relative}.lobby-preview .tile{aspect-ratio:16/9}.preview-controls{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:12px;z-index:2}.lobby-side{display:flex;flex-direction:column;gap:14px}.lobby-side h1{font-size:28px;letter-spacing:-.015em;font-weight:600}.lobby-side .code{margin-top:-6px}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.note{font-size:14px;line-height:1.45;padding:10px 12px;border-radius:10px;background:rgb(255 180 60/.1);color:#ffcf7a}@media (max-width:760px){.lobby{grid-template-columns:1fr;align-content:start}}.call{height:100dvh;display:grid;grid-template-columns:1fr;grid-template-rows:1fr auto;overflow:hidden}.call.with-chat{grid-template-columns:1fr 340px}.call .controls{grid-column:1/-1}.stage{--cols:1;min-height:0;padding:16px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-content:center}.stage[data-count="2"],.stage[data-count="3"],.stage[data-count="4"]{--cols:2}.stage[data-count="5"],.stage[data-count="6"],.stage[data-count="7"],.stage[data-count="8"],.stage[data-count="9"]{--cols:3}.stage[data-count="1"] .tile{max-width:1100px;width:100%;justify-self:center;max-height:100%}@media (max-width:700px){.stage{--cols:1!important;grid-auto-rows:minmax(140px,1fr);overflow-y:auto;padding:10px;gap:8px}.stage[data-count="3"],.stage[data-count="4"]{--cols:2!important}.call.with-chat{grid-template-columns:1fr}.call.with-chat .chat{position:fixed;inset:0 0 80px 0;z-index:20}}.stage.spotlight{grid-template-columns:minmax(0,1fr) 220px;grid-auto-rows:140px;grid-auto-flow:dense;align-content:start;overflow-y:auto}.stage.spotlight .tile{grid-column:2}.stage.spotlight .tile.featured{grid-column:1;grid-row:1/span 100;height:calc(100dvh - 112px)}.stage.spotlight .invite-card{display:none}@media (max-width:700px){.stage.spotlight{grid-template-columns:1fr 1fr;grid-auto-rows:120px}.stage.spotlight .tile{grid-column:auto}.stage.spotlight .tile.featured{grid-column:1/-1;grid-row:auto;height:56vh}}.tile{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--surface);min-height:0;display:grid;place-items:center;outline:2px solid transparent;outline-offset:-2px;transition:outline-color .15s}.stage:not(.spotlight) .tile{aspect-ratio:16/9;width:100%;height:auto;max-height:100%;align-self:center;justify-self:center}.tile.speaking{outline-color:var(--ok)}.tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.tile.is-screen video{object-fit:contain}.tile video.mirror{transform:scaleX(-1)}.avatar{position:relative;width:clamp(56px,22%,112px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:clamp(22px,4vw,44px);font-weight:600;background:hsl(var(--hue) 55% 42%);color:#fff}.tile-name{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;background:rgb(0 0 0/.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px}.tile-name span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted-icon{color:#ff8a8d;display:inline-flex}.pill{font-size:11px;padding:2px 6px;border-radius:6px;background:var(--accent)}.tile-status{position:absolute;top:10px;right:10px;font-size:12px;padding:4px 8px;border-radius:6px;background:rgb(0 0 0/.55);color:var(--muted)}.invite-card{align-self:center;justify-self:center;width:min(100%,440px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:10px;color:var(--text)}.invite-card h2{font-size:18px;font-weight:600}.invite-card p{font-size:14px}.invite-link{margin-top:8px;display:flex;gap:8px;align-items:center;padding:6px 6px 6px 14px;border-radius:999px;background:var(--surface-2)}.invite-link span{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--muted)}.stage[data-count="2"]:has(.invite-card){--cols:2}.controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:12px;gap:12px;padding:12px 20px 16px}.controls-left{font-size:14px;display:flex;gap:8px;white-space:nowrap;overflow:hidden}.controls-main{display:flex;gap:10px}.leave{width:64px;height:48px;padding:0}@media (max-width:700px){.controls{grid-template-columns:1fr;padding:10px 10px 14px}.controls-left,.controls-right{display:none}.controls-main{justify-content:center;gap:8px}.round{width:44px;height:44px}.leave{width:56px;height:44px}}.chat{grid-row:1;grid-column:2;display:flex;flex-direction:column;min-height:0;margin:16px 16px 0 0;background:var(--surface);border-radius:var(--radius);overflow:hidden}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:14px 10px 10px 18px}.chat-head h2{font-size:16px;font-weight:600}.chat-list{flex:1 1;overflow-y:auto;padding:6px 18px 12px;display:flex;flex-direction:column;gap:14px}.chat-empty{font-size:13px;line-height:1.5;background:var(--surface-2);padding:12px;border-radius:10px}.msg-meta{font-size:12px;color:var(--muted);margin-bottom:3px}.msg-meta b{color:var(--text);font-weight:600}.msg-text{font-size:14px;line-height:1.45;word-wrap:break-word;white-space:pre-wrap}.chat-form{display:flex;gap:6px;padding:10px;border-top:1px solid var(--line)}.chat-form .input{height:40px;border-radius:999px}.center-screen{min-height:100%;display:grid;place-items:center;padding:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.end-card{padding:32px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;max-width:420px}.end-card h1{font-size:24px;font-weight:600}.row{display:flex;gap:10px;margin-top:6px}.btn-sm{height:32px;padding:0 12px;font-size:13px}.pill-host{background:var(--surface-3);color:var(--text)}.rec-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);flex:none;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.note-rec{display:flex;align-items:center;gap:8px;background:rgb(229 72 77/.12);color:#ffb3b5}.call.with-banner{grid-template-rows:auto 1fr auto}.call.with-banner .chat{grid-row:2}.notes-banner{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 16px 0;padding:8px 10px 8px 14px;border-radius:10px;background:rgb(229 72 77/.12);border:1px solid rgb(229 72 77/.3);font-size:14px}.notes-banner .caption{flex:1 1 240px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.notes-banner .caption b{font-weight:600}.notes-banner .btn{margin-left:auto}@media (max-width:700px){.notes-banner{margin:8px 10px 0}.notes-banner .caption{display:none}}.knock-panel{position:fixed;top:16px;right:16px;z-index:30;width:min(340px,calc(100vw - 32px));background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 40px rgb(0 0 0/.45);padding:12px;display:flex;flex-direction:column;gap:8px;animation:drop .2s ease-out}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}}.knock-head{justify-content:space-between;font-size:14px;padding:2px 2px 4px}.knock-head,.knock-row{display:flex;align-items:center;gap:8px}.knock-row{padding:6px;border-radius:10px;background:var(--surface)}.knock-name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;padding-left:4px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--surface-3);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.msg-system{background:var(--surface-2);border-radius:10px;padding:10px 12px}.msg-system .msg-text{font-size:13px;color:var(--muted)}.msg-link{display:block;margin-top:4px;font-size:13px;color:#8fb0ff;word-break:break-all}.notes-page{min-height:100%;padding:20px clamp(16px,5vw,56px) 64px}.notes-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;max-width:760px;margin:0 auto}.notes-top .brand{text-decoration:none}.notes-top .row{margin:0;flex-wrap:wrap}.notes-doc{max-width:760px;margin:40px auto 0}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:600}.notes-doc h1{margin-top:8px;font-size:clamp(28px,5vw,40px);line-height:1.15;letter-spacing:-.02em;font-weight:650}.notes-doc .meta{margin-top:10px;font-size:14px}.notes-doc section{margin-top:36px}.notes-doc h2{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;margin-bottom:12px}.lead-text{font-size:17px;line-height:1.65}.bullets{padding-left:20px;line-height:1.55}.actions,.bullets{margin:0;display:flex;flex-direction:column;gap:8px}.actions{list-style:none;padding:0}.actions li{display:flex;gap:12px;align-items:baseline;padding:12px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--line);line-height:1.5}.owner{flex:none;font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px;background:rgb(91 140 255/.16);color:#a9c2ff}.notes-pending{margin-top:32px;display:flex;align-items:center;gap:14px;padding:18px;border-radius:var(--radius);background:var(--surface);color:var(--muted)}.notes-doc .note{margin-top:24px}.transcript{margin-top:40px;border-top:1px solid var(--line);padding-top:20px}.transcript summary{cursor:pointer;font-weight:600}.transcript ol{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.55}.transcript li{display:flex;gap:12px}.t-time{flex:none;width:44px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.transcript b{font-weight:600;margin-right:4px}.fine{margin-top:40px;font-size:12px}