:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f7f8fb;font-synthesis:none;text-rendering:optimizelegibility;background:#080b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 72% 0,#2e5c8a2e,#0000 32rem),#080b10;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:#f7f8fb;cursor:pointer;background:#171d27;border:1px solid #313947;border-radius:.65rem;padding:.62rem .84rem;transition:border-color .14s,background .14s,transform .14s}button:hover:not(:disabled){background:#202938;border-color:#5b6b80}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:2px;outline:2px solid #60a5fa}button:disabled{cursor:not-allowed;opacity:.42}h1,h2,h3,p{margin:0}h1{letter-spacing:-.02em;font-size:1.1rem}h2{letter-spacing:-.035em;margin-top:.6rem;font-size:clamp(1.35rem,2.5vw,2rem)}.app-shell{grid-template-columns:minmax(19rem,23rem) minmax(0,1fr);min-height:100vh;display:grid}.login-shell{place-items:center;min-height:100vh;padding:1.25rem;display:grid}.login-card{background:#0c1118f5;border:1px solid #273141;border-radius:1.2rem;gap:1.35rem;width:min(100%,25rem);padding:2rem;display:grid;box-shadow:0 2rem 6rem #0006}.login-card form{gap:.8rem;display:grid}.login-mark{width:3rem;height:3rem}.login-kicker{color:#6ee7b7;letter-spacing:.12em;margin-bottom:.45rem;font-size:.66rem;font-weight:850}.login-copy,.login-footnote,.auth-loading{color:#8f9bac;margin-top:.55rem;font-size:.82rem;line-height:1.5}.login-error{color:#fda4af;font-size:.78rem}.login-button{width:100%;margin-top:.2rem}.login-footnote{text-align:center;margin:0;font-size:.72rem}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1017f0;border-right:1px solid #202733;flex-direction:column;gap:1.15rem;min-width:0;min-height:100vh;padding:1.15rem;display:flex;overflow:hidden}.brand-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;display:grid}.brand-actions{justify-items:end;gap:.25rem;display:grid}.signout-button{color:#8995a7;font-size:.68rem}.brand-mark{background:linear-gradient(145deg,#2387ed,#5b47d6);border:1px solid #60a5fa73;border-radius:.75rem;place-items:center;width:2.35rem;height:2.35rem;font-weight:850;display:grid;box-shadow:0 .7rem 2rem #2387ed2e}.muted,.brand-row p,.player-toolbar p,.channel-heading,.empty-state{color:#8f9bac;font-size:.78rem}.connection-dot{color:#94a0b1;white-space:nowrap;align-items:center;gap:.4rem;font-size:.72rem;display:inline-flex}.connection-dot:before{content:"";background:#687385;border-radius:999px;width:.45rem;height:.45rem}.connection-dot.online:before{background:#34d399;box-shadow:0 0 .65rem #34d399b3}.connection-dot.offline:before{background:#fb7185}.filters{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:.65rem;display:grid}.field{color:#b7c0ce;gap:.4rem;font-size:.75rem;font-weight:650;display:grid}input,select{color:#f7f8fb;background:#0b1017;border:1px solid #293241;border-radius:.65rem;width:100%;min-width:0;padding:.68rem .72rem}.channel-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.text-button{color:#76b7ff;background:0 0;border:0;padding:.25rem;font-size:.78rem}.channel-list{gap:.5rem;padding-right:.2rem;display:grid;overflow:auto}.channel-card{text-align:left;background:#111720;grid-template-columns:2.45rem minmax(0,1fr) auto;align-items:center;gap:.72rem;width:100%;padding:.68rem;display:grid}.channel-card.active{background:linear-gradient(100deg,#2671b647,#181f2af0);border-color:#3b9df5;box-shadow:inset 3px 0 #4eafff}.channel-logo{color:#111827;background:#f8fafc;border:1px solid #2c3543;border-radius:.62rem;place-items:center;width:2.45rem;height:2.45rem;font-weight:800;display:grid;overflow:hidden}.channel-logo img{object-fit:contain;width:100%;height:100%}.channel-copy{gap:.18rem;min-width:0;display:grid}.channel-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;overflow:hidden}.channel-copy span{color:#8995a7;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.channel-state{color:#728095;letter-spacing:.09em;font-size:.58rem;font-weight:850}.channel-card.active .channel-state{color:#6ee7b7}.empty-state{text-align:center;padding:2rem 1rem}.player-pane{grid-template-rows:auto minmax(22rem,1fr) auto auto;gap:1rem;min-width:0;padding:1.35rem;display:grid}.player-toolbar{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.server-pill{color:#93a0b2;letter-spacing:.11em;align-items:center;gap:.42rem;font-size:.66rem;font-weight:850;display:inline-flex}.server-pill span{background:#64748b;border-radius:999px;width:.48rem;height:.48rem}.server-pill.ready{color:#6ee7b7}.server-pill.ready span{background:#34d399;box-shadow:0 0 .8rem #34d399bf}.server-pill.pending span{background:#fbbf24}.server-pill.danger span{background:#fb7185}.button-row{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.primary-button{background:#1675d1;border-color:#318fe8}.primary-button:hover:not(:disabled){background:#2286e4}.danger-button{color:#fda4af}.video-frame{background:#020407;border:1px solid #232b36;border-radius:1rem;place-items:center;min-height:22rem;display:grid;position:relative;overflow:hidden;box-shadow:0 1.5rem 5rem #00000047}video{object-fit:contain;background:#020407;width:100%;height:100%;max-height:calc(100vh - 17rem)}.video-empty{color:#b7c0ce;text-align:center;place-items:center;gap:.55rem;display:grid;position:absolute}.video-empty p{color:#758196;font-size:.82rem}.broadcast-icon{border:2px solid #3e4b5d;border-radius:.55rem;width:3rem;height:2rem;position:relative}.broadcast-icon:after{content:"";background:#3e4b5d;border-radius:999px;position:absolute;inset:.42rem .75rem}.playback-status{color:#aeb8c8;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c12c7;border:1px solid #465365b8;border-radius:999px;max-width:min(30rem,100% - 1.5rem);padding:.38rem .7rem;font-size:.69rem;position:absolute;bottom:.75rem;right:.75rem;overflow:hidden}.fact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.fact-card{background:#0f141ce0;border:1px solid #222a36;border-radius:.8rem;gap:.28rem;min-width:0;padding:.78rem;display:grid}.fact-card span,.fact-card small{color:#768296;text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.fact-card strong{text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;font-size:.92rem;overflow:hidden}.technical-status{background:#0c1017b8;border:1px solid #202833;border-radius:.8rem}.technical-status summary{cursor:pointer;color:#8995a7;padding:.75rem;font-size:.74rem}.technical-status pre{color:#c1cad7;white-space:pre-wrap;border-top:1px solid #202833;max-height:15rem;margin:0;padding:.8rem;font-size:.72rem;overflow:auto}@media (width<=1000px){.app-shell{grid-template-columns:minmax(17rem,20rem) minmax(0,1fr)}.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1fr}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #202733;border-right:0;min-height:auto;max-height:44vh}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.player-pane{grid-template-rows:auto minmax(16rem,48vh) auto auto;padding:1rem}.player-toolbar{flex-direction:column;align-items:flex-start}.button-row{justify-content:flex-start}video{max-height:48vh}}@media (width<=460px){.brand-row{grid-template-columns:auto minmax(0,1fr)}.brand-actions{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;justify-items:start;width:100%}.filters,.fact-grid{grid-template-columns:1fr}}