:root{--ink: #0a0d14;--stage: #11161f;--stage-2: #182030;--line: #273243;--text: #eef1f6;--text-2: #a7b1c2;--text-3: #6b778a;--side-a: #4f8cff;--side-b: #ff5d5d;--onair: #ffb547;--ok: #3ddc97;--accent: var(--onair);--font-display: "Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-body: "Source Sans 3", "Helvetica Neue", Arial, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius: 14px;--radius-s: 9px;--shadow: 0 24px 60px -30px rgba(0, 0, 0, .9);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--ink);color:var(--text);font:17px/1.5 var(--font-body);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:-40vh auto auto -20vw;width:70vw;height:70vh;pointer-events:none;z-index:0;background:radial-gradient(closest-side,rgba(255,181,71,.14),transparent 70%)}body>*{position:relative;z-index:1}a{color:var(--side-a);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}h1,h2,h3{font-family:var(--font-display);margin:0 0 .5rem;letter-spacing:-.015em;text-wrap:balance}h1{font-size:clamp(1.8rem,1.2rem + 2vw,2.6rem);font-weight:700;line-height:1.1}h2{font-size:1.35rem;font-weight:650}h3{font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}p{margin:.4rem 0 .8rem;max-width:65ch}.muted{color:var(--text-2)}.small{font-size:.9rem}.wrap{max-width:1100px;margin:0 auto;padding:1.5rem clamp(16px,3vw,28px)}nav.top{display:flex;align-items:center;gap:1.1rem;padding:.85rem clamp(16px,3vw,28px);border-bottom:1px solid var(--line);background:#0a0d14b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}nav.top .brand{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;color:var(--text);font-size:1.15rem;display:inline-flex;align-items:center;gap:.5rem}nav.top .brand i{width:10px;height:10px;border-radius:50%;background:var(--onair);box-shadow:0 0 12px var(--onair);display:inline-block}nav.top .spacer{flex:1}nav.top a{color:var(--text-2)}nav.top a:hover{color:var(--text);text-decoration:none}nav.top form{margin:0}.card{background:var(--stage);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.25rem;box-shadow:var(--shadow)}.card.quiet{box-shadow:none}.grid{display:grid;gap:1rem}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:.5rem}hr{border:0;border-top:1px solid var(--line);margin:1rem 0}button,.btn{font:600 .95rem/1 var(--font-body);background:var(--stage-2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-s);padding:.65rem 1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:border-color .15s,background .15s,transform .05s}button:hover,.btn:hover{border-color:var(--text-3);text-decoration:none}button:active{transform:translateY(1px)}button.primary,.btn.primary{background:var(--onair);color:#1a1205;border-color:transparent}button.primary:hover,.btn.primary:hover{background:#ffc46a}button.danger{background:#2a1116;border-color:#6b1f2a;color:#ffb3b3}button.ghost{background:transparent}button:disabled{opacity:.45;cursor:default;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--onair);outline-offset:2px}input,select,textarea{background:var(--stage-2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-s);padding:.65rem .8rem;font:inherit;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--text-3);outline:none;box-shadow:0 0 0 3px #ffb54726}label{display:block;font-size:.9rem;color:var(--text-2);margin:.8rem 0 .3rem}label.check{display:flex;align-items:center;gap:.6rem;color:var(--text);margin:.6rem 0}label.check input{width:18px;height:18px;accent-color:var(--onair);margin:0}.err{color:#ff9b9b}.ok{color:var(--ok)}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.02em;border:1px solid var(--line);color:var(--text-2);text-transform:uppercase}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.8}.pill.live,.pill.running{color:#fff;background:#b91c1c;border-color:#b91c1c}.pill.live:before,.pill.running:before{animation:blink 1.2s infinite}.pill.ready{color:var(--ok);border-color:#3ddc9766}.pill.lobby,.pill.draft{color:var(--onair);border-color:#ffb54766}.pill.exporting,.pill.ended{color:var(--side-a);border-color:#4f8cff66}.pill.failed{color:#ff9b9b;border-color:#ff5d5d66}.pill.rec{color:#fff;background:#b91c1c;border-color:#b91c1c}.pill.rec:before{animation:blink 1.2s infinite}.pill.warn{color:var(--onair);border-color:#ffb54780}.seg{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius-s);overflow:hidden;background:var(--stage-2)}.seg .seg-label{padding:0 .7rem;font-size:.8rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}.seg button{border:0;border-radius:0;border-left:1px solid var(--line);background:transparent}.seg button.on{background:var(--onair);color:#1a1205}.seg button:hover:not(.on){background:#ffffff0a}.seg .seg-opt{display:inline-flex;margin:0;padding:.55rem .9rem;border-left:1px solid var(--line);cursor:pointer;color:var(--text);font-size:.95rem;font-weight:600}.seg .seg-opt:first-child{border-left:0}.seg .seg-opt input{position:absolute;opacity:0;width:0;height:0}.seg .seg-opt:has(input:checked){background:var(--onair);color:#1a1205}.seg .seg-opt:has(input:focus-visible){outline:2px solid var(--onair);outline-offset:-2px}@keyframes blink{50%{opacity:.2}}code,.mono{font-family:var(--font-mono);font-size:.88em}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.7rem .5rem;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-weight:600}tr:hover td{background:#ffffff05}.num{font-variant-numeric:tabular-nums}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center;padding:3rem 0 2rem}.hero h1{font-size:clamp(2.2rem,1.4rem + 3vw,3.6rem)}.hero .lede{font-size:1.15rem;color:var(--text-2)}.hero .mock{aspect-ratio:16 / 10;border-radius:var(--radius);background:var(--stage);border:1px solid var(--line);box-shadow:var(--shadow);padding:10px;display:grid;grid-template-rows:auto 1fr;gap:8px}.hero .mock .bar{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-2);padding:0 .3rem}.hero .mock .clock{font-family:var(--font-display);font-weight:800;color:var(--onair);font-variant-numeric:tabular-nums}.hero .mock .halves{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero .mock .half{border-radius:10px;position:relative;overflow:hidden}.hero .mock .half.a{background:linear-gradient(160deg,#1b2a4a,#0e1526);box-shadow:inset 0 0 0 2px var(--side-a)}.hero .mock .half.b{background:linear-gradient(200deg,#3a1a22,#170d12)}.hero .mock .half span{position:absolute;left:10px;bottom:10px;font-size:.78rem;font-weight:600;background:#0000008c;padding:.25rem .5rem;border-radius:6px}.hero .mock .half.a span{border-left:3px solid var(--side-a)}.hero .mock .half.b span{border-left:3px solid var(--side-b)}.hero .mock .cap{grid-column:1 / -1;text-align:center;font-size:.8rem;color:var(--text-2)}.hero .mock .cap b{color:var(--text)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.steps .card{padding:1.2rem}.steps .n{font-family:var(--font-display);font-weight:800;color:var(--onair);font-size:1.4rem}.steps p{margin:.3rem 0 0;color:var(--text-2);font-size:.98rem}@media(max-width:760px){.hero,.steps{grid-template-columns:1fr}.hero{padding-top:1.5rem}}.debates{display:grid;gap:.7rem}.debate-row{display:grid;grid-template-columns:6px 1fr auto;gap:1rem;align-items:center;padding:.9rem 1rem .9rem 0;background:var(--stage);border:1px solid var(--line);border-radius:var(--radius-s);overflow:hidden}.debate-row .stripe{height:100%;background:var(--text-3)}.debate-row.running .stripe,.debate-row.lobby .stripe{background:var(--onair)}.debate-row.ready .stripe{background:var(--ok)}.debate-row.failed .stripe{background:var(--side-b)}.debate-row .t{font-family:var(--font-display);font-weight:650;font-size:1.05rem}.debate-row .m{color:var(--text-2);font-size:.9rem}.stage{display:grid;grid-template-rows:auto 1fr auto;height:calc(100vh - 58px)}.stage .bar{display:flex;align-items:center;gap:1.2rem;padding:.6rem clamp(12px,2vw,20px);border-bottom:1px solid var(--line)}.stage .bar .topic{font-family:var(--font-display);font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage .videos{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px;min-height:0;position:relative}@media(max-width:760px){.stage .videos{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.tile{position:relative;background:#000;border-radius:var(--radius);overflow:hidden;border:2px solid transparent;transition:border-color .2s}.tile.speaking{border-color:var(--ok)}.tile.floor-a{box-shadow:inset 0 0 0 2px var(--side-a)}.tile.floor-b{box-shadow:inset 0 0 0 2px var(--side-b)}.tile video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.tile .name{position:absolute;left:12px;bottom:12px;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.35rem .7rem;border-radius:8px;font-weight:650;font-size:.95rem}.tile .name.a{border-left:4px solid var(--side-a)}.tile .name.b{border-left:4px solid var(--side-b)}.tile .muted-badge{position:absolute;right:12px;top:12px;background:#b91c1ce6;padding:.25rem .6rem;border-radius:6px;font-size:.8rem;font-weight:600}.tile .empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-2);background:radial-gradient(circle at 50% 40%,#182030,#0a0d14)}.timer{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:800;font-size:1.9rem;min-width:5ch;text-align:center;color:var(--text);letter-spacing:-.02em}.timer.idle{color:var(--text-3)}.timer.low{color:var(--onair)}.timer.over{color:var(--side-b)}.controls{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;padding:.7rem clamp(12px,2vw,20px);border-top:1px solid var(--line);background:var(--stage)}.controls .sep{width:1px;height:26px;background:var(--line);margin:0 .2rem}.captions{position:absolute;left:0;right:0;bottom:56px;text-align:center;pointer-events:none;padding:0 1rem}.captions span{background:#000000b8;padding:.3rem .7rem;border-radius:6px;font-size:1.1rem;line-height:1.8;-webkit-box-decoration-break:clone;box-decoration-break:clone}.referee{position:absolute;top:14px;left:50%;transform:translate(-50%);max-width:min(70%,760px);background:#11161ff0;border:1px solid var(--onair);border-radius:10px;padding:.55rem .9rem;font-size:.92rem;box-shadow:var(--shadow);z-index:3}.referee b{color:var(--onair)}.overlay{position:fixed;inset:0;background:#0a0d14f0;display:grid;place-items:center;z-index:10;padding:1rem}.overlay .card{max-width:540px;width:100%}.progress{height:8px;background:var(--stage-2);border-radius:4px;overflow:hidden}.progress i{display:block;height:100%;background:var(--onair);transition:width .3s}.calls{list-style:none;padding:0;margin:0}.calls li{padding:.55rem 0;border-bottom:1px solid var(--line)}.calls .kind{color:var(--onair);font-weight:650}.calls .q{color:var(--text-2);font-style:italic}.player{width:100%;aspect-ratio:16 / 9;border:0;display:block;background:#000;border-radius:var(--radius)}.a-color{color:var(--side-a)}.b-color{color:var(--side-b)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.watch-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1rem;align-items:start}@media(max-width:900px){.watch-grid{grid-template-columns:1fr}}.chat{display:grid;grid-template-rows:auto 1fr auto auto;background:var(--stage);border:1px solid var(--line);border-radius:var(--radius);height:min(70vh,560px);min-height:320px;overflow:hidden}.chat.compact{height:100%;min-height:0;border-radius:var(--radius-s)}.chat-head{display:flex;justify-content:space-between;align-items:baseline;padding:.7rem .9rem;border-bottom:1px solid var(--line)}.chat-list{overflow-y:auto;padding:.4rem 0;min-height:0}.msg{display:grid;grid-template-columns:auto 1fr auto auto;gap:.5rem;align-items:baseline;padding:.3rem .9rem;font-size:.95rem}.msg:hover{background:#ffffff06}.msg .who{font-weight:650;color:var(--onair);white-space:nowrap;max-width:11ch;overflow:hidden;text-overflow:ellipsis}.msg.deb .who{font-weight:800}.msg .txt{overflow-wrap:anywhere}.msg .when{color:var(--text-3);font-size:.75rem;font-variant-numeric:tabular-nums}.msg .tiny{padding:0 .4rem;font-size:.9rem;color:var(--text-3);border:0}.chat-form{display:flex;gap:.4rem;padding:.6rem .7rem;border-top:1px solid var(--line)}.chat-form input{min-width:0}.stage .videos.with-chat{grid-template-columns:1fr 1fr 320px}.chat-drawer{min-height:0}@media(max-width:1000px){.stage .videos.with-chat{grid-template-columns:1fr 1fr}.chat-drawer{grid-column:1 / -1;height:220px}}
