:root{--ink:#0a0d14;--ink-2:#151a24;--line:#232a38;--fg:#f4f6fb;--fg-dim:#98a2b8;--video:#6d5cff;--video-2:#a78bfa;--audio:#10c8a0;--audio-2:#5eead4;--live:#ff5c7a;--live-2:#ff92a8;--cast:#f2a03d;--cast-2:#fbcc8a;--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.stream:hover:not(:disabled){border-color:var(--live)}.choice.broadcast:hover:not(:disabled){border-color:var(--cast)}.group{margin-bottom:6px}.group-label{letter-spacing:.09em;text-transform:uppercase;color:var(--fg-dim);margin:0 0 10px 2px;font-size:.78rem;font-weight:700}.audience{color:var(--fg-dim);margin:-6px 0 20px;font-size:.95rem}.vol{opacity:.65;align-items:center;gap:8px;margin-top:10px;transition:opacity .14s;display:flex}.tile:hover .vol,.vol:focus-within{opacity:1}.vol span{font-size:.9rem;line-height:1}.vol input[type=range]{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;outline:none;flex:1;min-width:0;height:4px}.vol input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--fg);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.vol input[type=range]::-moz-range-thumb{background:var(--fg);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.vol input[type=range]:focus-visible{box-shadow:0 0 0 3px #6d5cff73}@media (pointer:coarse){.vol input[type=range]{background:0 0;height:22px}.vol{opacity:1}}.hands{border:1px solid var(--cast);border-radius:var(--radius);background:linear-gradient(#f2a03d17,#0000);margin-bottom:22px;padding:16px 18px}.hands-title{margin-bottom:12px;font-size:.98rem;font-weight:700}.hands-full{color:var(--warn);font-weight:500}.hand{border-top:1px solid var(--line);align-items:center;gap:10px;padding:7px 0;display:flex}.hand-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}button.ctl.small{padding:7px 13px;font-size:.86rem}button.ctl.ghost{color:var(--fg-dim)}@media (max-width:520px){.hand{flex-wrap:wrap}.hand-name{flex-basis:100%}}.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}input.codeish{font-variant-numeric:tabular-nums;letter-spacing:.16em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace}input.codeish::placeholder{letter-spacing:normal;text-transform:none}.factors{border:1px solid var(--line);background:#0d1118;border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:10px 28px;margin:-6px 0 22px;padding:14px 16px;display:flex}button.factor{text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;margin:-4px -8px;padding:4px 8px}button.factor:hover{border-color:var(--line);background:#ffffff08}button.factor:focus-visible{border-color:var(--video);outline:none}.factor .lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim);margin-bottom:4px;font-size:.7rem;font-weight:700;display:block}.factor .lbl em{color:var(--audio);font-style:normal}.factor strong{font-variant-numeric:tabular-nums;letter-spacing:.14em;color:var(--fg);-webkit-user-select:all;user-select:all;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:1.15rem;display:block}.factor strong::selection{background:var(--video);color:#fff}.factors .ctl{align-self:center;margin-left:auto}@media (max-width:520px){.factors .ctl{width:100%;margin-left:0}}.factors .meta{flex-basis:100%;font-size:.8rem}.joinbox{border-top:1px solid var(--line);margin-top:34px;padding-top:26px}.joinrow{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.joinrow .cta{padding:13px 26px}label.field .hint{color:var(--fg-dim);margin-top:8px;font-size:.82rem;line-height:1.5;display:block}.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{position:relative;overflow:hidden}.tile.has-video{aspect-ratio:4/3;background:#000;min-height:0}.tile .cam{object-fit:cover;background:#000;width:100%;height:100%;position:absolute;inset:0}.tile .cam.mirrored{transform:scaleX(-1)}.tile.has-video .who,.tile.has-video .state{z-index:1;text-shadow:0 1px 3px #000000e6;position:relative}.tile.has-video .state{color:#fffc}.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:not(:disabled){background:var(--video-2)}.cta:disabled{opacity:.45;cursor:not-allowed}.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}