:root{--rack:#050607;--panel:#0c0f12;--panel-hi:#141920;--hair:#232830;--hair-hi:#39414c;--ink:#dfe4ea;--ink-dim:#6f7883;--tally:#ff1f1f;--audio:#24d17a;--strip:clamp(96px, 15vh, 168px);--chat:clamp(240px, 22vw, 360px);--mono:ui-monospace, "SF Mono", "JetBrains Mono", "IBM Plex Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{height:100%}html,body{background:var(--rack);min-height:100%;color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0;font-size:13px}button{font:inherit;color:inherit}#app{grid-template-rows:34px 1fr;height:100dvh;display:grid;position:relative}#bar{border-bottom:1px solid var(--hair);background:linear-gradient(180deg, var(--panel-hi), var(--panel));align-items:center;gap:18px;padding:0 10px;display:flex}.bar-mark{letter-spacing:.42em;color:var(--ink);font-size:12px;font-weight:700;text-decoration:none}.bar-hint{color:var(--ink-dim);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.bar-actions{gap:6px;margin-left:auto;display:flex}.btn{white-space:nowrap;background:var(--panel-hi);border:1px solid var(--hair);letter-spacing:.08em;cursor:pointer;border-radius:2px;padding:4px 9px;font-size:11px}.btn:hover{border-color:var(--hair-hi);background:#1b2129}.btn:focus-visible{outline:2px solid var(--audio);outline-offset:1px}.btn-icon{color:var(--ink-dim);place-items:center;padding:3px 6px;display:grid}.btn-icon:hover{color:var(--ink)}#mute-all[aria-pressed=false]{color:var(--audio);border-color:#1d4c37}#mute-all[aria-pressed=true]{color:var(--ink-dim)}#stage{grid-template-rows:1fr var(--strip);grid-template-columns:repeat(var(--sides,1), 1fr) var(--chat);gap:4px;min-height:0;padding:4px;display:grid}.tile{border:1px solid var(--hair);cursor:pointer;background:#000;grid-template-rows:1fr 17px;min-width:0;min-height:0;display:grid;position:relative}.tile.is-main{border-color:var(--tally);box-shadow:0 0 0 1px var(--tally), 0 0 22px -8px var(--tally);cursor:default;grid-area:1/1/auto/-2}.tile.is-side{grid-row:2}.tile.is-side:hover{border-color:var(--hair-hi)}.tile.is-side:hover .label{background:#1b2129}.screen{background:#000;min-height:0;position:relative;overflow:hidden}.screen iframe{border:0;width:100%;height:100%;display:block}.is-side .label{cursor:pointer}.label{background:var(--panel);border-top:1px solid var(--hair);letter-spacing:.14em;color:var(--ink-dim);align-items:center;gap:7px;padding:0 6px;font-size:10px;display:flex;overflow:hidden}.is-main .label{background:var(--tally);color:#fff;border-top-color:var(--tally)}.label-num{text-align:center;min-width:13px;color:var(--ink);background:var(--panel-hi);border:1px solid var(--hair);flex:none;font-weight:700;line-height:12px}.is-main .label-num{color:#fff;background:#000;border-color:#000}.label-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-tag{letter-spacing:.2em;flex:none;margin-left:auto}.is-main .label-tag{font-weight:700}#chat{border:1px solid var(--hair);background:#0a0c0f;grid-area:1/-2/auto/-1;min-width:0}#chat iframe{border:0;width:100%;height:100%;display:block}#status{border:1px solid var(--hair);background:var(--panel);grid-area:2/-2/auto/-1;align-content:center;justify-items:center;gap:2px;padding:6px;display:grid}.clock{letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:clamp(18px,3.4vh,30px);font-weight:700}.status-line{letter-spacing:.16em;color:var(--ink-dim);text-align:center;font-size:10px}.setup{z-index:10;background:#030405e0;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.setup[hidden]{display:none}.setup-card{background:var(--panel);border:1px solid var(--hair);border-top:2px solid var(--tally);width:min(460px,100%);padding:20px}.setup-title{letter-spacing:.3em;margin:0;font-size:15px;font-weight:700}.setup-lead{color:var(--ink-dim);max-width:62ch;margin:6px 0 16px;font-size:11px;line-height:1.6}.slots{gap:5px;display:grid}.slot{align-items:center;gap:7px;display:flex}.slot-num{text-align:center;width:20px;color:var(--ink-dim);border:1px solid var(--hair);flex:none;font-size:11px;font-weight:700;line-height:24px}.slot input{min-width:0;color:var(--ink);border:1px solid var(--hair);font:inherit;background:#05070a;border-radius:2px;flex:1;padding:5px 8px}.slot input:focus{border-color:var(--hair-hi);outline:none}.slot-del{color:var(--ink-dim);cursor:pointer;background:0 0;border:1px solid #0000;padding:2px 7px}.slot-del:hover{color:var(--tally);border-color:var(--hair)}.setup-row{align-items:center;gap:10px;margin-top:12px;display:flex}.setup-count{color:var(--ink-dim);letter-spacing:.14em;font-size:10px}.setup-error{color:var(--tally);min-height:14px;margin:10px 0 0;font-size:11px}.setup-foot{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.btn-go{background:var(--tally);border-color:var(--tally);color:#fff;font-weight:700}.btn-go:hover{background:#e01414;border-color:#e01414}@media (max-width:760px){:root{--strip:clamp(72px, 12vh, 110px)}#stage{grid-template-columns:repeat(var(--sides,1), 1fr);grid-template-rows:1fr 34vh var(--strip)}.tile.is-main{grid-column:1/-1}.tile.is-side{grid-row:3}#chat{grid-area:2/1/auto/-1}#status,.bar-hint{display:none}}.bar-badge{letter-spacing:.18em;background:var(--tally);color:#fff;border-radius:3px;flex:none;padding:2px 6px;font-size:10px;font-weight:700}.bar-error{color:var(--tally);letter-spacing:.06em;flex:none;font-size:11px}.bar-updated{color:var(--ink-dim);letter-spacing:.06em;white-space:nowrap;align-self:center;font-size:10px}a.btn{align-items:center;text-decoration:none;display:inline-flex}.label-count{color:var(--ink-dim);font-variant-numeric:tabular-nums;flex:none}.setup-link{color:var(--audio)}@media (max-width:700px){.bar-updated,.btn-about{display:none}}.btn-lang{letter-spacing:.12em;font-weight:700}.about{max-width:76ch;color:var(--ink);border-top:1px solid var(--hair);margin:0 auto;padding:48px 20px 64px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.65}.about h1{letter-spacing:-.01em;margin:0 0 14px;font-size:24px;line-height:1.25}.about h2{border-top:1px solid var(--hair);margin:36px 0 10px;padding-top:14px;font-size:17px}.about p{margin:0 0 12px}.about a{color:var(--audio);-webkit-text-decoration:underline #24d17a66;text-decoration:underline #24d17a66}.about a:hover{text-decoration-color:currentColor}.about-lead{font-size:16px}.about-meta,.about-small,.about-crumb{color:var(--ink-dim);font-size:12.5px}.about-crumb{font-family:var(--mono);letter-spacing:.06em;margin-bottom:8px}.about ol,.about ul{margin:0 0 12px;padding-left:22px}.about li{margin:4px 0}.about-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:6px 18px;padding:0;list-style:none;display:grid}.about-grid li{background:var(--panel);border:1px solid var(--hair);border-radius:3px;padding:8px 10px;font-size:14px}.about kbd,.about code{font-family:var(--mono);background:var(--panel-hi);border:1px solid var(--hair);white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:12.5px}.about table{border-collapse:collapse;width:100%;margin:0 0 12px;font-size:14px}.about th,.about td{text-align:left;vertical-align:top;border:1px solid var(--hair);padding:7px 9px}.about th{background:var(--panel);white-space:nowrap;font-weight:600}.about-faq details{border:1px solid var(--hair);background:var(--panel);border-radius:3px;margin:0 0 6px;padding:0 12px}.about-faq summary{cursor:pointer;padding:10px 0;font-weight:600;list-style:none}.about-faq summary::-webkit-details-marker{display:none}.about-faq summary:before{content:"+";color:var(--audio);font-family:var(--mono);margin-right:10px}.about-faq details[open] summary:before{content:"–"}.about-faq details p{margin:0;padding:0 0 12px 22px}.about-foot{border-top:1px solid var(--hair);color:var(--ink-dim);margin-top:40px;padding-top:14px;font-size:12.5px}@media (max-width:700px){.btn-about{display:none}.about{padding:32px 14px 48px;font-size:14.5px}.about h1{font-size:20px}}