:root{--ink:#0a0d14;--ink-2:#151a24;--line:#232a38;--fg:#f4f6fb;--fg-dim:#98a2b8;--video:#6d5cff;--video-2:#a78bfa;--audio:#10c8a0;--audio-2:#5eead4;--warn:#f5a524;--danger:#f4436c;--radius:18px;--shadow:0 20px 60px #00000073}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100%;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(900px 500px at 15% -10%,#6d5cff38,#0000 60%),radial-gradient(800px 500px at 95% 10%,#10c8a029,#0000 60%);position:fixed;inset:0}main{z-index:1;max-width:1040px;margin:0 auto;padding:28px 22px 64px;position:relative}header.top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:6vh;display:flex}.wordmark{letter-spacing:-.02em;font-size:17px;font-weight:800}.wordmark span{color:var(--fg-dim);font-weight:600}.top a{color:var(--fg-dim);font-size:14px;font-weight:600;text-decoration:none}.top a:hover{color:var(--fg)}h1{letter-spacing:-.035em;max-width:16ch;margin:0 0 14px;font-size:clamp(2.4rem,6.4vw,4.2rem);font-weight:800;line-height:1.02}.lede{color:var(--fg-dim);max-width:52ch;margin:0 0 32px;font-size:clamp(1rem,2.2vw,1.18rem);line-height:1.55}.choices{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px;display:grid}.choice{appearance:none;border:1px solid var(--line);background:linear-gradient(180deg, var(--ink-2), #10141d);color:var(--fg);border-radius:var(--radius);text-align:left;cursor:pointer;font:inherit;padding:26px 22px;transition:transform .14s,border-color .14s,box-shadow .18s}.choice:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-3px)}.choice:disabled{opacity:.55;cursor:not-allowed}.choice.video:hover:not(:disabled){border-color:var(--video)}.choice.audio:hover:not(:disabled){border-color:var(--audio)}.choice .icon{margin-bottom:14px;font-size:26px;line-height:1;display:block}.choice .title{letter-spacing:-.015em;margin-bottom:6px;font-size:1.22rem;font-weight:750}.choice .sub{color:var(--fg-dim);font-size:.92rem;line-height:1.45}@media (max-width:720px){.choices{grid-template-columns:1fr}header.top{margin-bottom:4vh}}label.field{margin-bottom:18px;display:block}label.field .lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim);margin-bottom:8px;font-size:.8rem;font-weight:700;display:block}input[type=text],input[type=email]{border:1px solid var(--line);width:100%;color:var(--fg);font:inherit;background:#0d1118;border-radius:12px;padding:13px 14px;font-size:1rem}input:focus{border-color:var(--video);outline:none}.meta{color:var(--fg-dim);font-size:.86rem;line-height:1.6}.banner{border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:11px 14px;font-size:.88rem;display:flex}.banner.warn{background:#f5a52414;border-color:#f5a52466}.banner.bad{background:#f4436c17;border-color:#f4436c6b}.banner.ok{background:#10c8a012;border-color:#10c8a059}.stage{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:18px;display:grid}.tile{background:var(--ink-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;justify-content:space-between;min-height:108px;padding:16px;transition:border-color .12s;display:flex}.tile.speaking{border-color:var(--audio)}.tile .who{font-weight:700}.tile .state{color:var(--fg-dim);font-size:.82rem}.controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}button.ctl{appearance:none;border:1px solid var(--line);background:var(--ink-2);color:var(--fg);font:inherit;cursor:pointer;border-radius:12px;padding:11px 16px;font-weight:650}button.ctl:hover:not(:disabled){border-color:var(--fg-dim)}button.ctl.on{border-color:var(--audio);color:var(--audio-2)}button.ctl.danger{color:#ff8aa6;border-color:#f4436c80}button.ctl.locked{opacity:.62;cursor:not-allowed;border-style:dashed}.timer{font-variant-numeric:tabular-nums;color:var(--fg-dim);margin-left:auto;font-weight:700}.timer.warn{color:var(--warn)}.share{border:1px solid var(--line);background:#0d1118;border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:10px 10px 10px 14px;display:flex}.share code{text-overflow:ellipsis;white-space:nowrap;color:var(--fg-dim);flex:1;font-size:.9rem;overflow:hidden}.cta{background:var(--video);color:#fff;font-weight:750;font:inherit;cursor:pointer;border:none;border-radius:12px;padding:13px 22px;font-size:1rem;text-decoration:none;display:inline-block}.cta:hover{background:var(--video-2)}.spin{vertical-align:-2px;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:13px;height:13px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}footer.foot{border-top:1px solid var(--line);color:var(--fg-dim);margin-top:40px;padding-top:18px;font-size:.8rem;line-height:1.6}