:root{color-scheme:dark;font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#f1f5f4;background:#0b1015;--surface:#12191f;--raised:#182126;--line:#29353c;--muted:#9aa9ae;--mint:#83f2c5;--soft:#1d352e}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 5% -40%,#1c2a32,transparent 70%),#0b1015}h1,h2,p{margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button,a,input,select{touch-action:manipulation}button,.button,select{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--raised);color:#e4eeea;font-weight:650;cursor:pointer;white-space:nowrap}button:hover,.button:hover,select:hover{border-color:#5c8575;background:#21312d}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.primary{background:var(--mint);border-color:var(--mint);color:#0c221a}.primary:hover{background:#adffdb;color:#0c221a}.outline{background:#101c19bb;border-color:#507567}.icon-button{width:46px;min-width:46px;padding:0}.icon-button svg{width:20px;height:20px}i[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex:none}svg{width:18px;height:18px}
.top{height:82px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3%;gap:16px;background:#0e151aeb}.brand{display:inline-flex;align-items:center;gap:12px;width:max-content;font-size:23px;font-weight:850;letter-spacing:-.8px}.brand img{width:43px;height:43px}.brand b{color:var(--mint)}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px;font-weight:720;margin-top:2px}.tabs{display:flex;gap:7px;padding:5px;border:1px solid #263139;background:#11191f;border-radius:13px}.tabs button{min-height:43px;padding-inline:19px;color:var(--muted);background:transparent;border-color:transparent}.tabs button[aria-current]{color:var(--mint);background:#223930;border-color:#345245}.time{justify-self:end;text-align:right;font-variant-numeric:tabular-nums}.time strong{font-size:25px;display:block;line-height:1.1}.time small{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);font-weight:750}
.shell{width:min(100%,1850px);padding:23px 3% 0;margin:auto}.live-view{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,26%);gap:22px;height:calc(100dvh - 148px);min-height:580px}.watch{display:grid;grid-template-rows:auto minmax(0,1fr) 72px 28px;gap:12px;min-width:0}.watch-heading,.catalog-top,.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.watch-heading{padding-bottom:2px}.eyebrow,.hero-kicker{color:#a7b9b6;font-size:10px;font-weight:800;letter-spacing:2.2px}.eyebrow span,.mini-dot{display:inline-block;border-radius:50%;height:7px;width:7px;background:var(--mint);margin-right:5px}.eyebrow span{box-shadow:0 0 12px #83f2c580}.watch h1,.subview h1{font-size:42px;line-height:1.1;letter-spacing:-1.9px;margin-top:7px}.pill{padding:6px 9px;border:1px solid #34433f;background:#172523;border-radius:7px;color:#a6cabd;font-size:10px;font-weight:800;letter-spacing:.9px;white-space:nowrap}.watch-heading .pill{margin-bottom:3px}.screen{background:#030706;border:1px solid #31473e;border-radius:17px;overflow:hidden;position:relative;isolation:isolate}.screen video{width:100%;height:100%;object-fit:contain;display:block}.overlay{position:absolute;inset:0;background:linear-gradient(115deg,#101e1b,#0c1715 46%,#102420);display:flex;align-items:center}.wave{position:absolute;inset:0;background:url("/wave.svg") right center / cover no-repeat;opacity:.92;pointer-events:none}.signal{position:absolute;top:23px;left:26px;display:flex;align-items:center;gap:7px;border:1px solid #416252;background:#112a22;color:#9ef5cd;font-size:10px;font-weight:820;letter-spacing:1.45px;padding:7px 10px;border-radius:6px}.signal svg{width:15px;height:15px}.hero-content{z-index:1;max-width:min(95%,680px);margin-left:clamp(28px,5%,64px);padding-right:24px}.hero-kicker{color:#9ac5b3;margin-bottom:11px}.hero-content h2{font-size:clamp(41px,5.3vw,85px);letter-spacing:-.055em;line-height:1.01;text-shadow:0 1px 28px #07150f;text-wrap:balance}.hero-content p{color:#c0d2cc;font-size:16px;margin:16px 0 23px;max-width:440px;line-height:1.5}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.hero-actions button,.hero-actions .button{min-height:48px;padding-inline:17px}.screen-mark{position:absolute;right:23px;bottom:18px;color:#95b8a8;font-size:9px;font-weight:750;letter-spacing:2px}.screen-mark span{display:inline-block;width:7px;height:7px;border:1px solid #76bf9f;margin-right:4px}.screen-mark span:first-child{background:var(--mint)}#exitFull{display:none;position:absolute;right:20px;top:20px;background:#111c19cc} .screen:fullscreen{border:0;border-radius:0}.screen:fullscreen #exitFull,.screen.faux-full #exitFull{display:inline-flex}.screen.faux-full{position:fixed;inset:0;z-index:10;border:0;border-radius:0}
.deck{background:#141c21;border:1px solid var(--line);border-radius:13px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 13px}.on-air{min-width:0;display:flex;gap:12px;align-items:center}.on-air div{min-width:0}.on-air strong,.on-air small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.on-air strong{font-size:17px}.on-air small{color:var(--muted);font-size:12px;margin-top:3px}.tuned{display:grid;place-items:center;min-width:45px;height:43px;padding:0 6px;font-size:15px;font-weight:800;letter-spacing:.5px;color:var(--mint);background:#233a32;border:1px solid #385c4d;border-radius:9px}.transport{display:flex;align-items:center;gap:6px}.transport .play{background:var(--mint);border-color:var(--mint);color:#11281f}.transport .play:hover{background:#adffdb}.divider{height:25px;width:1px;background:var(--line);margin:0 5px}.transport input{width:84px;min-height:44px;accent-color:var(--mint);cursor:pointer}.watch-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px;padding:0 2px}.watch-footer button{background:transparent;border:0;font-size:11px;color:#b5cec3;padding:0 5px}.watch-footer svg{width:13px}
.catalog{min-height:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:15px;background:#12191f;overflow:hidden}.catalog-top{padding:20px 17px 14px}.catalog-top h2{font-size:29px;letter-spacing:-.8px;margin-top:3px}.catalog-top .pill{margin-bottom:3px}.search{display:flex;align-items:center;gap:8px;margin:0 15px 10px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#0e1519;color:#a3b1b6}.search input{width:100%;min-height:43px;padding:0;border:0;background:transparent;color:#edf4f3}.search:focus-within{border-color:var(--mint)}.search input:focus-visible{outline:0}.filters{display:flex;gap:6px;padding:0 15px 11px}.filters button,.filters select{font-size:12px;padding-inline:9px;min-width:0;min-height:43px}.filters select{flex:1}.filters button[aria-pressed=true]{background:#223830;border-color:#416253;color:var(--mint)}.filters svg{width:14px}.channel-list{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#43584f transparent;flex:1;padding:0 10px 8px 15px;min-height:60px}.channel{display:flex;align-items:center;margin-bottom:5px;border:1px solid #2a353c;background:#171f25;border-radius:10px;min-width:0}.channel.active{border-color:#4e816b;background:#1e332c}.channel-button{display:flex;flex:1;justify-content:start;min-width:0;min-height:57px;border:0;background:none;text-align:left;gap:10px;padding:0 8px}.channel-button:hover,.star:hover{background:#ffffff0a}.channel-num{min-width:26px;color:#aab9bb;font-size:11px;font-variant-numeric:tabular-nums;font-weight:800}.active .channel-num{color:var(--mint)}.logo{flex:none;width:44px;height:34px;display:grid;place-items:center;background:#10171b;border:1px solid #33433e;border-radius:7px;color:#a2e8cc;font-size:11px;font-weight:850;letter-spacing:.25px;overflow:hidden}.logo img{max-width:94%;max-height:27px;object-fit:contain}.channel-label{min-width:0}.channel-label strong,.channel-label small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-label strong{font-size:14px}.channel-label small{margin-top:2px;font-size:11px;color:#a4b3b5}.star{background:none;border:0;width:44px;flex:none;padding:0;color:#94a6a7}.star[aria-pressed=true]{color:#f7c973}.star[aria-pressed=true] svg{fill:currentColor}.catalog-footer{display:flex;gap:7px;align-items:center;border-top:1px solid var(--line);padding:12px 15px;color:#a7b7b9;font-size:11px}.catalog-footer svg{width:14px;color:var(--mint)}.footer{height:43px;max-width:1850px;margin:auto;padding:0 3%;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);letter-spacing:.5px}.footer b{color:var(--mint)}
.subview{min-height:calc(100dvh - 148px);padding-bottom:20px}.intro{color:#afbdc0;font-size:14px;line-height:1.55;margin:8px 0 14px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:17px;margin-top:20px;align-items:start}.panel,.guide-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:17px}.panel h2,.editor-grid h2{font-size:21px;letter-spacing:-.35px}.panel-heading{align-items:start}.panel form,.editor-grid{display:grid;gap:11px}.panel form button{justify-self:start}.panel .inline-form{display:flex;align-items:end;gap:8px}.panel .inline-form label{flex:1}.panel label,dialog label{display:grid;gap:6px;color:#d5e2dd;font-weight:650;font-size:13px}.panel input:not([type=file]),dialog input{min-width:0;width:100%;min-height:45px;padding:9px 11px;border:1px solid #39494d;background:#0e1519;border-radius:8px;color:#f0f6f3}.manager-actions,.editor-actions{display:flex;flex-wrap:wrap;gap:7px}.manager-list{max-height:50vh;overflow:auto;padding-right:5px}.manager-row{display:flex;align-items:center;gap:7px;padding:5px 3px;border-bottom:1px solid var(--line)}.manager-row.dragging{opacity:.5}.manager-row.over{border-bottom-color:var(--mint);background:var(--soft)}.manager-row .handle{touch-action:none;cursor:grab;color:var(--mint)}.manager-row .channel-label{flex:1}.manager-row .move{width:44px;padding:0}.notice{color:var(--mint);font-size:13px;line-height:1.5;margin:9px 0;overflow-wrap:anywhere}.capabilities{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}.guide-list{display:grid;gap:7px}.guide-row{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,2fr);gap:10px;align-items:stretch;padding:10px}.guide-row>button{justify-content:start;min-width:0}.programmes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.programme{padding:8px 10px;background:#182228;border-radius:7px;min-width:0;font-size:13px}.programme.now{border:1px solid #3e6857;background:var(--soft)}.programme small{display:block;color:#a5c9bc;font-weight:750;margin-bottom:3px}.empty{color:var(--muted);padding:15px;font-size:14px}.guide-row .empty{padding:12px 5px}.danger{color:#ffc0bd;border-color:#713b3e;background:#382427}dialog{width:min(620px,94vw);max-height:94dvh;border:1px solid #3e5951;border-radius:15px;padding:20px;background:#151e22;color:#f0f6f3}dialog::backdrop{background:#06090ddd}.editor-grid{grid-template-columns:1fr 1fr;margin-top:10px}.editor-grid .wide{grid-column:1/-1}.editor-actions{justify-content:space-between}.editor-actions .primary{margin-left:auto}
@media(max-width:1050px){.top{padding-inline:2%}.shell{padding-inline:2%}.live-view{grid-template-columns:minmax(0,1fr) 315px;gap:13px}.transport input{width:55px}.deck{padding:0 8px}.transport{gap:4px}.hero-content h2{font-size:clamp(37px,6vw,65px)}}
@media(max-width:780px){.top{height:auto;padding:11px 3%;grid-template-columns:1fr 1fr}.tabs{grid-row:2;grid-column:1/-1;justify-content:center}.tabs button{flex:1;padding:0 6px}.shell{padding:14px 3% 0}.live-view{height:auto;grid-template-columns:1fr}.watch{grid-template-rows:auto minmax(245px,48vw) auto 30px}.watch h1,.subview h1{font-size:34px}.catalog{max-height:530px}.deck{min-height:66px}.settings-grid{grid-template-columns:1fr}.footer span:last-child{display:none}.screen-mark{display:none}.signal{top:12px;left:14px}.hero-content{margin-left:16px;padding-top:27px}.hero-content p{font-size:14px;margin:10px 0 14px}.guide-row{grid-template-columns:1fr}.programmes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px){.transport input,.divider{display:none}.transport .icon-button{min-width:40px;width:40px}.on-air{gap:5px}.on-air small{display:none}.on-air strong{font-size:13px}.tuned{min-width:32px}.manager-actions button{white-space:normal}}
.watch,.screen{min-height:0}
@media(min-width:781px){.live-view{grid-template-rows:minmax(0,1fr)}}