:root{color-scheme:dark;--bg:#0a101c;--surface:#131e30;--surface2:#18253a;--edge:#29374c;--muted:#98abc3;--text:#edf4ff;--cyan:#6be1e7;--green:#41d29a;--red:#fb777d;--orange:#f5ba61}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 90% -30%,#1c3451 0,transparent 45%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.1rem,4.4vw,3.25rem);letter-spacing:-.045em;line-height:1.1;margin-bottom:14px}h2{font-size:1.35rem;letter-spacing:-.025em;margin-bottom:0}h3{font-size:1.05rem;margin-bottom:4px}p{color:var(--muted)}.wrap{width:min(1180px,calc(100% - 42px));margin-inline:auto}.topbar{border-bottom:1px solid var(--edge);background:#0b1320eb}.topbar-inner{min-height:76px;display:flex;align-items:center;gap:28px;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(130deg,#5cdde5,#478bd2);font-size:23px;font-weight:900;color:#061525}.brand strong{font-size:1.17rem;letter-spacing:-.02em}.brand small{display:block;font-size:.7rem;color:var(--muted);line-height:1.1}.brand-accent{color:var(--cyan)}.main-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.main-nav a{font-size:.91rem;color:var(--muted);padding:27px 0;border-bottom:2px solid transparent}.main-nav a.active{color:var(--text);border-color:var(--cyan)}.main-nav a:hover,.secondary-link:hover{color:var(--cyan)}.logout-form{display:flex;align-items:center;gap:12px}.account-name{color:var(--muted);font-size:.83rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:11px 18px;font-weight:650;font-size:.9rem;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--cyan);color:#06212c}.btn-primary:hover{background:#93edf0}.btn-ghost{border-color:var(--edge);background:var(--surface);color:var(--text)}.btn-ghost:hover{border-color:#6287ae}.btn-small{padding:8px 13px;font-size:.8rem}.btn-full{width:100%;margin-top:18px}.main-content{min-height:calc(100vh - 166px);padding-block:38px 64px}.page-intro{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:35px}.page-intro p{max-width:660px;margin-bottom:0}.eyebrow{display:block;color:var(--cyan);font-size:.67rem;font-weight:750;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}.section{margin-top:33px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px;gap:14px}.section-heading h2{font-size:1.4rem}.timestamp,.small-muted,.section-note{font-size:.8rem;color:var(--muted)}.timestamp{white-space:nowrap}.section-note{margin-top:12px;max-width:880px}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(180deg,var(--surface2),var(--surface));border:1px solid var(--edge);border-radius:16px;padding:19px}.card-label{font-size:.78rem;color:var(--muted);margin-bottom:15px}.service-card{min-height:130px}.service-card p{margin:12px 0 0}.service-state{display:flex;align-items:center;gap:9px;font-size:1rem;letter-spacing:.035em}.status-dot{width:10px;height:10px;border-radius:50%;background:#8c9aad}.state-online .status-dot,.state-on-air .status-dot{background:var(--green);box-shadow:0 0 10px #41d29a66}.state-offline .status-dot{background:var(--red)}.state-unavailable .status-dot{background:var(--orange)}.state-online{color:var(--green)}.state-offline{color:var(--red)}.state-unavailable{color:var(--orange)}.state-checking{color:var(--muted)}.big-number{font-size:2rem;font-weight:800;letter-spacing:-.04em;line-height:1}.feed-grid{margin-top:16px}.feed-card{padding:22px}.feed-card-top{display:flex;align-items:start;justify-content:space-between;margin-bottom:14px}.feed-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:#25364e;color:var(--cyan)}.status-pill,.pill{font-size:.72rem;font-weight:750;letter-spacing:.03em;border-radius:100px;padding:5px 10px;background:#334357;color:#dae7f3}.status-pill.state-on-air{background:#164737;color:#7aebbb}.status-pill.state-off-air{background:#323d4e;color:#aebcd0}.status-pill.state-unknown{background:#533d26;color:#ffd08c}.feed-card h3{font-size:1.2rem}.feed-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 0;margin-top:16px;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}.feed-stat-row div span{display:block;color:var(--muted);font-size:.73rem}.feed-stat-row strong{font-size:.88rem;white-space:nowrap}.feed-card-footer{display:flex;align-items:center;gap:17px;margin-top:16px;flex-wrap:wrap}.secondary-link{font-size:.86rem;color:var(--cyan);font-weight:650}.slim-card{padding:20px}.slim-card p{margin:8px 0}.vod-card{padding:0;overflow:hidden}.vod-art{height:142px;display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,#426486,#1c3453 55%,#15273d);font-size:2rem;color:#a9dfe9}.vod-card-body{padding:18px}.vod-card-body p{min-height:50px;font-size:.85rem}.muted-tag{font-size:.74rem;color:var(--muted)}.empty-state{border:1px dashed #445670;background:#14213780;border-radius:16px;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.empty-state p{max-width:560px}.empty-icon{font-size:2.2rem;color:#7590ae;margin-bottom:12px}code{background:#0c1523;padding:2px 5px;border-radius:4px;color:#b8e7ea}.player-shell{background:#080e18;border:1px solid var(--edge);border-radius:16px;overflow:hidden}.player-shell iframe{display:block;width:100%;height:min(920px,80vh);min-height:560px;border:0;background:#0c1624}.footer{border-top:1px solid var(--edge);padding-top:19px;padding-bottom:28px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:.75rem}.login-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:9%;align-items:center;min-height:66vh}.login-intro h1{max-width:650px}.login-intro p{max-width:560px}.hero-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:27px}.hero-pills span{padding:7px 12px;background:#1a2c42;border:1px solid var(--edge);border-radius:50px;color:#b8d6e4;font-size:.8rem}.login-card{background:linear-gradient(160deg,#1b2d44,#101a2b);border:1px solid #35475c;border-radius:20px;padding:36px}.login-card h2{font-size:1.65rem}.login-card p{font-size:.9rem}.login-card form{display:flex;flex-direction:column}.login-card label{font-size:.84rem;margin:13px 0 7px;font-weight:650}.login-card input{height:44px;border:1px solid #41526b;background:#0b1625;color:var(--text);border-radius:9px;padding:0 13px;outline:none}.login-card input:focus{border-color:var(--cyan)}.login-footnote{font-size:.75rem;color:var(--muted);text-align:center;margin-top:16px}.alert{background:#502c32;color:#ffc4c4;border:1px solid #835057;border-radius:10px;padding:11px;font-size:.84rem;margin-top:12px}
@media(max-width:1030px){.topbar-inner{flex-wrap:wrap;gap:10px;padding-block:12px}.main-nav{order:3;width:100%;gap:17px;overflow-x:auto}.main-nav a{padding:9px 0}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.login-layout{grid-template-columns:1fr 1fr;gap:35px}}
@media(max-width:680px){.wrap{width:min(100% - 26px,1180px)}.page-intro,.section-heading{align-items:start;flex-direction:column}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.login-layout{grid-template-columns:1fr;gap:24px}.login-card{padding:22px}.main-content{padding-top:27px}.feed-stat-row{gap:5px}.feed-stat-row strong{font-size:.8rem}.player-shell iframe{height:70vh;min-height:420px}.account-name{display:none}}