@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080A10;--panel:#101622;--line:#253044;--muted:#9caabd;--text:#F5F8FF;--blue:#00AFFF;--cyan:#00E5FF;--orange:#FF6A00;--magenta:#FF3FBF}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;background:radial-gradient(ellipse at 25% 0,#10223666,transparent 50%),var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:600 12px 'DM Sans',sans-serif;color:inherit;background:#172132;border:1px solid #33435a;border-radius:5px;min-height:44px;cursor:pointer;padding:9px 14px;transition:background .16s,border-color .16s}button:hover{background:#1b3148;border-color:var(--blue)}button[hidden],[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}a{color:inherit}header,main,footer{max-width:1500px;margin:auto;padding-left:40px;padding-right:40px}header{min-height:135px;display:flex;align-items:center;gap:38px;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:block;text-decoration:none;flex-shrink:0}.brand img{display:block;width:300px;height:auto;object-fit:contain}nav{display:flex;gap:26px;margin-right:auto}nav a{font-size:13px;text-decoration:none;color:#bcc9d9;padding:15px 0}nav a:hover{color:var(--cyan)}.top-right{display:flex;gap:20px;align-items:center;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.badge{border:1px solid #30445c;padding:7px 10px;border-radius:3px;color:#a8c9dd;font-size:9px;letter-spacing:1px;white-space:nowrap}.intro{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--cyan);font-weight:700}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif}h1{font-weight:700;font-size:clamp(29px,3.5vw,46px);letter-spacing:.4px;margin:6px 0}.intro p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.era{color:#8195b0;font-size:9px;text-align:right;letter-spacing:1.4px;line-height:2}.era b{font:500 23px 'Barlow Condensed';color:var(--text);letter-spacing:2px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:24px;align-items:start}.television{background:linear-gradient(160deg,#182231,#0d121c 60%);border:1px solid #344155;border-radius:10px;padding:12px;box-shadow:0 18px 60px #0007,0 0 35px #00afff06;overflow:hidden}.receiver-label{display:flex;justify-content:space-between;align-items:center;padding:2px 5px 12px;font-size:9px;font-weight:700;letter-spacing:2px;color:#8fabc4}.receiver-label span:first-child{color:var(--blue)}.screen{background:#000;position:relative;aspect-ratio:16/9;border-radius:5px;overflow:hidden}.screen video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.screen-corner{position:absolute;inset:18px 20px auto;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 2px 6px #000;opacity:0;transition:opacity .25s}.screen-corner.visible{opacity:1}.screen-corner>div{display:flex;align-items:center;gap:12px;background:#080a10b3;padding:8px 13px;border-left:3px solid var(--blue)}#osd{font:700 24px 'Barlow Condensed';color:var(--cyan)}#osdName{font:600 19px 'Barlow Condensed';text-transform:uppercase;letter-spacing:1px}.live-dot{font-size:10px;color:var(--cyan);padding:12px;background:#080a1099;align-self:start}.overlay{position:absolute;inset:0;background:#080c14;display:flex;align-items:center;justify-content:center;text-align:center}.signal-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#006cac33,transparent 65%),linear-gradient(135deg,#0d1a2b,#080a10);border:1px solid #1c3044}.overlay-content{position:relative;padding:22px;max-width:550px}.rewind-mark{display:block;font-size:37px;letter-spacing:-10px;padding-right:10px;color:var(--blue);margin:0 auto 18px;line-height:1}.overlay h2{font-size:clamp(27px,3.3vw,46px);font-weight:700;letter-spacing:1px;margin:10px 0}.overlay p{font-size:12px;color:#aab9cc;line-height:1.6;margin:8px 0 17px}.overlay .eyebrow{font-size:9px;color:#8ca8c2}.primary{background:var(--blue);color:#04111e;font-weight:700;border:0;padding:13px 23px;box-shadow:0 0 30px #00afff20}.primary:hover{background:var(--cyan)}.overlay[data-mode="loading"] .rewind-mark{animation:signal-pulse .7s ease-in-out infinite alternate}@keyframes signal-pulse{to{opacity:.3;transform:translateX(-5px)}}.control-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 3px;border-bottom:1px solid var(--line)}.channel-control,.playback-control,.right-controls{display:flex;align-items:center;gap:6px}.channel-control span{font-size:9px;color:var(--muted);letter-spacing:1px}.channel-control button{font-size:23px;width:44px;padding:2px}.playback-control button,.right-controls button{font-size:11px;padding:6px 10px;min-width:44px}.playback-control input{width:72px;accent-color:var(--blue)}#live{color:var(--cyan);border:0;background:transparent}#full{font-size:24px;background:transparent;border:0}.now-info{padding:18px 8px 13px;display:flex;justify-content:space-between;gap:20px;align-items:center}.now-info .eyebrow{font-size:9px}#nowChannel{color:#8ca0b8;display:inline-block;margin-left:10px;letter-spacing:1px}.now-info h2{font-size:27px;font-weight:600;line-height:1.1;margin:8px 0}.now-info p{font-size:10px;color:var(--muted);margin:0;line-height:1.7}.now-info a{font-size:10px;color:var(--muted);white-space:nowrap}.progress{height:2px;background:#273448;margin:0 8px}.progress>div{height:100%;background:var(--blue);box-shadow:0 0 9px #00afff55}.next-info{display:flex;align-items:baseline;gap:12px;padding:13px 8px 3px;font-size:11px;color:#b9c6d7}.next-info .eyebrow{font-size:8px;color:var(--muted);white-space:nowrap}#nextTitle{flex:1}#nextTime{font-size:10px;color:var(--cyan);white-space:nowrap}.era-picker{padding:0 0 17px}.era-picker .eyebrow{color:#879cb4;font-size:9px;margin-bottom:10px}#eraFilters{display:flex;gap:6px;flex-wrap:wrap}#eraFilters button{font-size:10px;padding:8px 10px;background:#101622;border-color:var(--line);min-height:37px}#eraFilters button[aria-pressed="true"]{background:#00afff1c;border-color:var(--blue);color:var(--cyan)}#eraStatus{font-size:10px;line-height:1.6;color:var(--muted);margin:9px 0 0;min-height:16px}.aside-head{display:flex;justify-content:space-between;margin:0 0 12px;padding-top:15px;border-top:1px solid var(--line)}.aside-head .eyebrow{color:var(--text)}.aside-head>span:last-child{font-size:10px;color:var(--muted)}#channels{display:grid;gap:6px;max-height:500px;overflow-y:auto;scrollbar-color:#335875 #101622;scrollbar-width:thin;padding-right:5px}.channel{display:flex;width:100%;text-align:left;align-items:center;gap:14px;padding:10px 12px;min-height:65px;background:#101622;border-color:#233044}.channel.active{background:linear-gradient(90deg,#003a5a,#102134);border-color:var(--blue);box-shadow:inset 3px 0 var(--blue),0 0 12px #00afff12}.channel-number{font:600 29px 'Barlow Condensed';font-variant-numeric:tabular-nums;color:#859cb6}.channel.active .channel-number{color:var(--cyan)}.channel-text{flex:1;min-width:0}.channel strong{display:block;font:600 18px 'Barlow Condensed';letter-spacing:.3px}.channel small{font-size:9px;display:block;margin-top:3px;color:#99a9bd;line-height:1.4}.channel .dot{font-size:8px;color:var(--cyan);visibility:hidden}.channel.active .dot{visibility:visible}.aside-note{display:flex;gap:12px;border-top:1px solid var(--line);margin-top:15px;padding-top:8px}.aside-note>span{font-size:22px;color:var(--blue)}.aside-note p{font-size:10px;color:var(--muted);line-height:1.7}.aside-note b{color:var(--text);font-weight:500}.guide-section{margin:35px 0 25px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-title h2{font-size:32px;font-weight:600;letter-spacing:.7px;margin:7px 0 0}.guide-key{font-size:10px;color:var(--muted)}.guide-key>span{color:var(--cyan);font-size:8px}.guide-key small{display:block;text-align:right;margin-top:7px}.guide-scroll{overflow-x:auto;border:1px solid #2c3c53;border-radius:6px}.guide-head,.guide-row{display:grid;grid-template-columns:190px 1.2fr 1fr 1fr;min-width:790px}.guide-head{background:#142841;font-size:10px;letter-spacing:1.7px;font-weight:700;color:#c5d7ed}.guide-head>span{padding:14px 17px}.guide-head>span:nth-child(2){color:var(--cyan)}.guide-row{border-top:1px solid var(--line);min-height:88px}.guide-row>*{border-right:1px solid var(--line);padding:14px 17px}.guide-row>*:last-child{border-right:0}.guide-row button{border:0;border-right:1px solid var(--line);border-radius:0;text-align:left;background:#101622;font:600 18px 'Barlow Condensed';min-height:70px}.guide-row button b{color:var(--blue);font:600 25px 'Barlow Condensed';margin-right:9px}.guide-cell{font-size:12px;line-height:1.5}.guide-cell.current{background:#11223966}.guide-row.selected .current,.guide-row.selected button{background:#00365a}.guide-cell time{font-size:10px;color:var(--muted);display:block;margin-bottom:7px;font-variant-numeric:tabular-nums}.guide-note{font-size:10px;line-height:1.6;color:var(--muted)}.empty-state{color:var(--muted);font-size:12px;line-height:1.7;padding:20px}details{border-top:1px solid var(--line);padding:18px 0;margin:10px 0 20px;font-size:12px;color:var(--muted)}summary{cursor:pointer;min-height:35px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;line-height:1.8}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:24px;padding-bottom:25px}footer .brand img{width:200px}footer p{font:600 18px 'Barlow Condensed';letter-spacing:1px;margin:0 0 6px}footer span{font-size:10px;color:var(--muted)}footer span a{color:#b7cfe1}.back-to-tv{font-size:10px;font-weight:700;text-decoration:none;color:var(--blue);letter-spacing:1px;padding:12px 0}.tuning{position:absolute;inset:0;z-index:4;background:repeating-linear-gradient(0deg,#00afff11 0px,#080a10dd 2px,#f5f8ff33 3px,#000 5px);animation:tracking .12s steps(2) infinite;pointer-events:none}@keyframes tracking{to{transform:translateY(4px)}}.theater{overflow:hidden}.theater .television,.television:fullscreen{position:fixed;inset:0;width:100%;height:100%;z-index:100;border:0;border-radius:0;background:#080A10;display:flex;flex-direction:column;padding:10px}.theater .screen,.television:fullscreen .screen{flex:1;min-height:0;aspect-ratio:auto}.theater .now-info,.theater .progress,.theater .next-info,.theater .receiver-label,.television:fullscreen .now-info,.television:fullscreen .progress,.television:fullscreen .next-info,.television:fullscreen .receiver-label{display:none}.theater .control-bar,.television:fullscreen .control-bar{flex-shrink:0}
@media(max-width:1100px){header,main,footer{padding-left:24px;padding-right:24px}.watch-layout{grid-template-columns:minmax(0,1fr) 260px;gap:17px}.playback-control input{display:none}.channel-control span{display:none}.now-info{display:block}.now-info a{display:inline-block;margin-top:9px}.brand img{width:270px}header{gap:25px}.top-right{gap:10px}nav{gap:18px}.era{display:none}.next-info{flex-wrap:wrap}}
@media(max-width:760px){header,main,footer{padding-left:16px;padding-right:16px}header{min-height:110px;gap:12px;flex-wrap:wrap;padding-top:8px;padding-bottom:10px}.brand img{width:250px;max-width:70vw}nav{margin-left:auto;margin-right:0;flex-direction:column;gap:0}nav a{font-size:11px;padding:9px 0}.top-right{display:none}.intro{padding:16px 0 19px}.intro .eyebrow{font-size:8px}h1{font-size:31px;margin:5px 0 6px;line-height:1.05}.intro p{font-size:11px;line-height:1.6}.desktop-break{display:none}.watch-layout{display:block}.television{padding:7px;border-radius:7px}.receiver-label{font-size:8px;letter-spacing:1.6px;padding:4px 3px 9px}.screen{aspect-ratio:4/3}.screen-corner{inset:10px 10px auto}.screen-corner>div{gap:8px;padding:6px 8px}#osd{font-size:21px}#osdName{font-size:15px}.live-dot{font-size:8px;padding:9px}.overlay-content{padding:14px}.rewind-mark{font-size:29px;margin-bottom:14px}.overlay h2{font-size:32px}.overlay .eyebrow{font-size:7px;letter-spacing:1px}.overlay p{font-size:10px;line-height:1.6}.primary{font-size:11px;padding:12px 15px}.control-bar{padding:9px 0;gap:4px;flex-wrap:wrap}.channel-control,.playback-control,.right-controls{gap:3px}.playback-control button,.right-controls button{padding:6px 7px;font-size:10px}.right-controls{margin-left:auto}.now-info{padding:14px 7px 12px}.now-info h2{font-size:25px}.now-info p{font-size:10px}.now-info .eyebrow{font-size:8px;line-height:1.7}#nowChannel{margin-left:8px;font-size:8px}.next-info{padding:12px 7px 5px;gap:7px;font-size:11px}.next-info .eyebrow{font-size:8px}#nextTime{font-size:9px}aside{margin-top:23px}#eraFilters button{font-size:11px;min-height:44px;padding:9px 12px}#channels{grid-template-columns:1fr 1fr;max-height:none;overflow:visible;padding-right:0;gap:7px}.channel{min-height:74px;gap:10px;padding:10px}.channel-number{font-size:27px}.channel strong{font-size:17px}.channel small{font-size:9px}.aside-note{display:none}.guide-section{margin:29px 0 20px}.section-title{display:block}.section-title h2{font-size:29px}.section-title .eyebrow{font-size:8px}.guide-key{margin-top:12px}.guide-key small{display:inline;margin-left:8px}.details-grid{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;gap:18px}footer .brand img{width:180px}footer>div{flex:1;min-width:135px}footer p{font-size:15px}footer span{font-size:10px}.back-to-tv{width:100%;border-top:1px solid var(--line);padding-top:16px}}
@media(max-width:360px){header{justify-content:center;gap:0}nav{flex-direction:row;justify-content:center;gap:28px;width:100%;margin:0}.overlay-content{padding:8px}.overlay h2{font-size:22px;margin:7px 0}.overlay p{margin:5px 0 9px;font-size:9px}.overlay .rewind-mark{font-size:21px;margin-bottom:6px}.overlay .primary{min-height:44px;padding:8px 12px}.brand img{width:215px;max-width:68vw}h1{font-size:28px}.channel{gap:7px;padding:8px}.channel strong{font-size:16px}.channel small{font-size:8px}.channel .dot{display:none}.rewind-mark{margin-bottom:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.hq-return{white-space:nowrap}header nav{flex-wrap:wrap} @media(max-width:600px){header nav .hq-return{font-size:11px}}
