@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:"Outfit",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--bg-deep:#070709;--bg-color:#0c0d10;--bg-elevated:#12141a;--bg-highlight:#fb923c14;--bg-glow:radial-gradient(ellipse 80% 50% at 50% -20%,#fb923c26,transparent);--card-bg:#12141abf;--card-border:#ffffff0f;--card-shadow:0 24px 80px -12px #000c;--card-glow:inset 0 1px 0 #ffffff0a;--text-primary:#fafafa;--text-muted:#fafafaa6;--text-subtle:#fafafa66;--accent:#fb923c;--accent-soft:#fb923c26;--accent-strong:#f97316;--accent-glow:0 0 40px #fb923c40;--focus-ring:#fb923c80;--badge-border:#fb923c4d;--badge-bg:#fb923c1a;--badge-color:#fdba74;--error-bg:#ef44441f;--error-border:#f8717159;--error-color:#fca5a5;--placeholder-bg:#050506;--placeholder-text:#fafafabf;--ad-slot-border:#ffffff14;--menu-bg:#0c0d10f7;--menu-border:#ffffff14;--menu-link:#fdba74;--channel-card-bg:#12141a99;--channel-card-border:#ffffff0d;--ease-out-expo:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s}body[data-theme=theme-trailhero]{--bg-deep:#000;--bg-color:#050505;--bg-elevated:#0d0d0d;--bg-highlight:#ff00001a;--bg-glow:radial-gradient(ellipse 80% 50% at 50% -20%,#ff1e1e38,transparent);--card-bg:#0f0f0feb;--card-border:#ff32322e;--card-shadow:0 24px 80px -12px #f003;--card-glow:inset 0 1px 0 #ff64640f;--text-primary:#fff;--text-muted:#ffffffb3;--text-subtle:#ffffff73;--accent:#f33;--accent-soft:#ff323226;--accent-strong:#ff1a1a;--accent-glow:0 0 70px #ff1e1e66;--focus-ring:#ff323299;--badge-border:#ff3c3c80;--badge-bg:#ff323226;--badge-color:#ff8080;--placeholder-bg:#030303;--ad-slot-border:#ff323233;--menu-bg:#0a0a0af7;--menu-border:#ff323240;--menu-link:#f99;--channel-card-bg:#0f0f0fcc;--channel-card-border:#ff32321f}body[data-theme=theme-netflix]{--bg-deep:#000;--bg-color:#000;--bg-elevated:#0a0a0a;--bg-highlight:#e509140f;--bg-glow:radial-gradient(ellipse 120% 50% at 50% -20%,#e5091414,transparent);--card-bg:#0a0a0af2;--card-border:#ffffff0d;--card-shadow:0 4px 20px -4px #000000e6;--card-glow:none;--text-primary:#fff;--text-muted:#ffffffb3;--text-subtle:#ffffff80;--accent:#e50914;--accent-soft:#e509141f;--accent-strong:#e50914;--accent-glow:0 0 20px #e5091426;--focus-ring:#e5091480;--badge-border:#e5091499;--badge-bg:#e5091433;--badge-color:#fff;--placeholder-bg:#000;--ad-slot-border:#ffffff0a;--menu-bg:#000000fa;--menu-border:#ffffff14;--menu-link:#fff;--channel-card-bg:#0f0f0fe6;--channel-card-border:#ffffff0a}body[data-theme=theme-trailhero-inverse]{--bg-deep:#7f1d1d;--bg-color:#991b1b;--bg-elevated:#b91c1c;--bg-highlight:#00000026;--bg-glow:radial-gradient(ellipse 80% 50% at 50% -20%,#00000040,transparent);--card-bg:#00000059;--card-border:#0003;--card-shadow:0 24px 80px -12px #00000080;--text-primary:#fef2f2;--text-muted:#fef2f2bf;--text-subtle:#fef2f280;--accent:#000;--accent-soft:#00000026;--accent-strong:#171717;--accent-glow:0 0 40px #00000040;--badge-border:#0006;--badge-bg:#00000026;--badge-color:#fef2f2;--menu-link:#fef2f2}body[data-theme=theme-breakover]{--bg-deep:#0c0d0f;--bg-color:#0c0d0f;--bg-elevated:#141619;--bg-highlight:#4eb8d414;--bg-glow:radial-gradient(ellipse 80% 50% at 50% -20%,#4eb8d426,#f5a62314,transparent);--card-bg:#141619d9;--card-border:#4eb8d426;--card-shadow:0 24px 80px -12px #000000b3;--card-glow:inset 0 1px 0 #4eb8d40f;--text-primary:#f4f4f5;--text-muted:#f4f4f5b3;--text-subtle:#f4f4f573;--accent:#4eb8d4;--accent-soft:#4eb8d426;--accent-strong:#6fd4ef;--accent-glow:0 0 40px #4eb8d440,0 0 40px #f5a62326;--focus-ring:#4eb8d480;--badge-border:#4eb8d466;--badge-bg:#4eb8d41f;--badge-color:#6fd4ef;--placeholder-bg:#0c0d0f;--ad-slot-border:#4eb8d426;--menu-bg:#0c0d0ff7;--menu-border:#4eb8d433;--menu-link:#4eb8d4;--channel-card-bg:#141619b3;--channel-card-border:#4eb8d41a}*{box-sizing:border-box}::selection{background:var(--accent-soft);color:var(--text-primary)}body{font-family:var(--font-display);background:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0}body:before{content:"";background:var(--bg-glow),radial-gradient(circle at 80% 80%,var(--bg-highlight),transparent 40%),radial-gradient(circle at 20% 60%,#8b5cf60a,transparent 30%);pointer-events:none;z-index:0;position:fixed;inset:0}body:after{content:"";opacity:.015;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:4px}a:focus-visible,button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}:focus:not(:focus-visible){outline:none}button{font:inherit}.container{z-index:2;width:min(1200px,100%);animation:containerReveal .8s var(--ease-out-expo)forwards;flex-direction:column;gap:40px;margin:0 auto;padding:64px 32px 96px;display:flex;position:relative}@keyframes containerReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow),var(--card-glow);-webkit-backdrop-filter:blur(24px)saturate(150%);animation:cardSlideUp .6s var(--ease-out-expo)backwards;border-radius:24px;padding:28px}.container>.card:first-child{animation-delay:.1s}.container>.card:nth-child(2){animation-delay:.15s}.container>.card:nth-child(3){animation-delay:.2s}.container>.card:nth-child(4){animation-delay:.25s}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.title{letter-spacing:-.03em;color:var(--text-primary);margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.1}.subtitle{color:var(--text-muted);margin:0;font-size:.95rem;font-weight:400;line-height:1.6}.player-area{animation:cardSlideUp .6s var(--ease-out-expo).12s backwards;grid-template-columns:minmax(0,2.5fr) minmax(280px,1fr);align-items:stretch;gap:28px;display:grid}@media (max-width:1024px){.player-area{grid-template-columns:1fr}}.player-area .player-shell,.player-area .now-playing{height:100%}.player-shell{background:var(--placeholder-bg);box-shadow:0 0 0 1px var(--card-border),0 30px 80px -20px #000000b3,var(--accent-glow);aspect-ratio:16/9;border-radius:20px;position:relative;overflow:hidden}.player-shell:after{content:"";pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:absolute;inset:0}.player-shell video,.player-shell .hls-player-container{width:100%;height:100%;display:block}.player-shell .hls-player-container video{object-fit:contain;background:var(--placeholder-bg);width:100%;height:100%;display:block}.hls-player-container[data-controls-visible=false]{cursor:none}.hls-player-container[data-controls-visible=true]{cursor:default}.now-playing{flex-direction:column;justify-content:center;gap:16px;display:flex;position:relative}.now-playing:before{content:"";background:linear-gradient(to bottom,var(--accent),transparent);opacity:.6;border-radius:2px;width:3px;position:absolute;top:28px;bottom:28px;left:0}.now-playing h2{letter-spacing:-.02em;margin:0;font-size:clamp(1.4rem,2.5vw,1.75rem);font-weight:600;line-height:1.25}.now-playing .time-range{font-family:var(--font-mono);align-items:center;gap:8px;font-size:.85rem;display:flex}.now-playing .time-range svg{opacity:.6;flex-shrink:0}.now-playing .description{opacity:.8;font-size:.9rem;line-height:1.5}.badge--live{background:linear-gradient(135deg,var(--badge-bg),#22c55e14);border-color:#22c55e4d}.badge--live .badge__dot{background:#22c55e;box-shadow:0 0 8px #22c55e80}.badge--offline{background:linear-gradient(135deg,var(--badge-bg),#ef444414);border-color:#ef44444d}.badge--offline .badge__dot{background:#ef4444;animation:none;box-shadow:0 0 8px #ef444480}.badge{border:1px solid var(--badge-border);color:var(--badge-color);background:var(--badge-bg);text-transform:uppercase;letter-spacing:.1em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.7rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.badge:before{content:"";background:var(--badge-color);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse;position:absolute;left:10px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.schedule-grid{gap:16px;display:grid}.schedule-item{border:1px solid var(--channel-card-border);background:var(--channel-card-bg);transition:border-color var(--duration-normal)var(--ease-out-expo),transform var(--duration-normal)var(--ease-out-expo),box-shadow var(--duration-normal)var(--ease-out-expo);border-radius:16px;grid-template-columns:minmax(120px,160px) 1fr;gap:16px;padding:18px 20px;display:grid}.schedule-item:hover{border-color:var(--badge-border);box-shadow:-4px 0 0 var(--accent);transform:translate(4px)}.schedule-item strong{font-size:.95rem;font-weight:600}.schedule-time{font-size:.85rem;font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em}.schedule-description{color:var(--text-subtle);margin-top:6px;font-size:.875rem}.timestamp{color:var(--text-subtle);font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.alert{border:1px solid var(--error-border);background:var(--error-bg);color:var(--error-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:alertShake .4s var(--ease-spring);border-radius:14px;padding:16px 20px;font-size:.9rem}@keyframes alertShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.header{grid-template-columns:1fr auto;align-items:center;gap:32px;display:grid}@media (max-width:768px){.header{grid-template-columns:1fr}.ad-slot{display:none}}.branding{align-items:center;gap:20px;display:flex}.logo{object-fit:cover;border:1px solid var(--card-border);background:var(--bg-deep);width:72px;height:72px;transition:transform var(--duration-normal)var(--ease-spring);border-radius:16px;box-shadow:0 8px 24px #0000004d}.logo:hover{transform:scale(1.05)rotate(-2deg)}.title-block{flex-direction:column;gap:8px;display:flex}.ad-slot{border:1px dashed var(--ad-slot-border);background:repeating-linear-gradient(-45deg,#0000,#0000 8px,#ffffff03 8px 16px),#00000026;border-radius:12px;width:250px;height:90px}.player{background:var(--placeholder-bg);width:100%;height:100%;display:block}.row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.row strong{letter-spacing:-.01em;font-size:1rem;font-weight:600}.guide-grid{gap:12px;margin-top:16px;display:grid}.guide-item{border:1px solid var(--card-border);background:var(--card-bg);transition:border-color var(--duration-normal)var(--ease-out-expo),background var(--duration-normal)var(--ease-out-expo),transform var(--duration-normal)var(--ease-out-expo);animation:guideItemReveal .5s var(--ease-out-expo)backwards;border-radius:14px;grid-template-columns:120px 1fr;gap:16px;padding:16px 18px;display:grid}.guide-grid .guide-item:first-child{animation-delay:50ms}.guide-grid .guide-item:nth-child(2){animation-delay:.1s}.guide-grid .guide-item:nth-child(3){animation-delay:.15s}.guide-grid .guide-item:nth-child(4){animation-delay:.2s}.guide-grid .guide-item:nth-child(5){animation-delay:.25s}.guide-grid .guide-item:nth-child(6){animation-delay:.3s}.guide-grid .guide-item:nth-child(n+7){animation-delay:.35s}@keyframes guideItemReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.guide-item:hover{border-color:var(--badge-border);background:#fb923c08;transform:translate(4px)}.guide-item .time{color:var(--text-muted);font-size:.85rem;font-family:var(--font-mono)}.guide-item .name{font-size:.95rem;font-weight:600}.channel-switcher{z-index:40;position:fixed;bottom:20px;right:20px}.channel-switcher details{border:1px solid var(--card-border);background:var(--menu-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:14px;padding:10px 16px;box-shadow:0 8px 32px #0006}.channel-switcher summary{cursor:pointer;font-size:.9rem;font-weight:500;list-style:none}.channel-switcher summary::-webkit-details-marker{display:none}.channel-switcher ul{margin:12px 0 0;padding:0;list-style:none}.channel-switcher li{margin:0;padding:6px 0}.channel-switcher a{color:var(--menu-link);transition:opacity var(--duration-fast);font-weight:500}.channel-switcher a:hover{opacity:.8}.placeholder,.error{text-align:center;color:var(--placeholder-text);background:var(--placeholder-bg);border:1px solid var(--card-border);border-radius:16px;padding:32px}.channel-card{border:1px solid var(--channel-card-border);background:var(--channel-card-bg);cursor:pointer;transition:border-color var(--duration-normal)var(--ease-out-expo),transform var(--duration-normal)var(--ease-out-expo),box-shadow var(--duration-normal)var(--ease-out-expo),background var(--duration-normal)var(--ease-out-expo);animation:channelCardReveal .5s var(--ease-out-expo)backwards;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}@keyframes channelCardReveal{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.channel-card:first-child{animation-delay:.1s}.channel-card:nth-child(2){animation-delay:.15s}.channel-card:nth-child(3){animation-delay:.2s}.channel-card:nth-child(4){animation-delay:.25s}.channel-card:hover{border-color:var(--accent);box-shadow:0 20px 40px -16px #00000080,0 0 0 1px var(--accent),var(--accent-glow);background:#fb923c0a;transform:translateY(-4px)scale(1.01)}.channel-card:active{transform:translateY(-2px)scale(.99)}.channel-card h2{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 6px;font-size:1.15rem;font-weight:600}.channel-card p{color:var(--text-muted);margin:0;font-size:.875rem;line-height:1.4}.channel-card .badge{flex-shrink:0;padding:5px 12px;font-size:.65rem}.channel-card .badge:before{display:none}.hamburger{border:1px solid var(--card-border);background:var(--menu-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;z-index:60;width:52px;height:52px;transition:background var(--duration-fast),border-color var(--duration-fast),transform var(--duration-fast)var(--ease-spring);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:fixed;top:20px;left:20px;box-shadow:0 4px 24px #0000004d}.hamburger:hover{border-color:var(--accent);background:#ffffff0d;transform:scale(1.05)}.hamburger:active{transform:scale(.95)}.hamburger span{background:var(--text-primary);width:22px;height:2px;transition:transform var(--duration-fast)var(--ease-out-expo),opacity var(--duration-fast);border-radius:999px}.hamburger[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger[aria-expanded=true] span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.channel-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;opacity:0;transition:opacity var(--duration-normal)var(--ease-out-expo);z-index:50;background:#000000b3;position:fixed;inset:0}.channel-menu.open{opacity:1;pointer-events:all}.channel-menu__panel{border:1px solid var(--menu-border);background:var(--menu-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;width:min(340px,100vw - 40px);max-height:calc(100vh - 120px);transition:transform var(--duration-slow)var(--ease-out-expo),opacity var(--duration-slow)var(--ease-out-expo);border-radius:24px;padding:28px;position:absolute;top:84px;left:20px;overflow-y:auto;transform:translate(-20px)scale(.95);box-shadow:0 24px 80px #00000080,inset 0 1px #ffffff0d}.channel-menu.open .channel-menu__panel{opacity:1;transform:translate(0)scale(1)}.channel-menu__panel h2{text-transform:uppercase;letter-spacing:.1em;color:var(--text-subtle);margin:0 0 16px;font-size:.8rem;font-weight:600}.channel-menu__panel ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.channel-menu__panel li{transition:background var(--duration-fast);border-radius:10px}.channel-menu__panel li:hover{background:#ffffff0a}.channel-menu__panel a{color:var(--menu-link);transition:color var(--duration-fast);padding:12px 14px;font-size:1rem;font-weight:500;text-decoration:none;display:block}.channel-menu__panel a:hover{color:var(--text-primary)}.placeholder-text{color:var(--placeholder-text)}.grid{display:grid}.gap-4{gap:16px}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}.retry-button{border:1px solid var(--error-border);color:inherit;cursor:pointer;transition:background var(--duration-fast),transform var(--duration-fast)var(--ease-spring);background:0 0;border-radius:8px;margin-left:1rem;padding:6px 14px;font-size:.8rem;font-weight:500}.retry-button:hover:not(:disabled){background:#ffffff0d}.retry-button:active:not(:disabled){transform:scale(.95)}.retry-button:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (max-width:640px){.container{gap:28px;padding:48px 20px 80px}.card{border-radius:20px;padding:22px}.player-shell{border-radius:16px}.title{font-size:1.75rem}.guide-item{grid-template-columns:1fr;gap:8px}.guide-item .time{font-size:.8rem}.hamburger{width:46px;height:46px;top:16px;left:16px}.channel-menu__panel{width:calc(100vw - 32px);top:72px;left:16px}}.empty-state,.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:64px 32px;display:flex}.empty-state__icon,.error-state__icon{color:var(--text-subtle);opacity:.6;margin-bottom:24px;animation:3s ease-in-out infinite floatIcon}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.error-state__icon{color:var(--error-color)}.empty-state .title,.error-state .title{margin-bottom:12px;font-size:clamp(1.5rem,3vw,2rem)}.badge__dot{background:var(--badge-color);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}.badge--action{transition:gap var(--duration-normal)var(--ease-out-expo),background var(--duration-normal)var(--ease-out-expo);align-items:center;gap:6px;padding-left:12px;display:inline-flex}.badge--action:before{display:none}.badge--action svg{transition:transform var(--duration-normal)var(--ease-out-expo)}.channel-card:hover .badge--action{background:var(--accent-soft);gap:10px}.channel-card:hover .badge--action svg{transform:translate(2px)}.channel-card__content{flex:1;min-width:0}.channels-nav{padding:24px}.home-footer{text-align:center;animation:cardSlideUp .6s var(--ease-out-expo).3s backwards;padding:24px 0 0}.home-footer .subtitle{opacity:.5;letter-spacing:.05em;font-size:.8rem}.footer-links{justify-content:center;gap:16px;margin-top:12px;display:flex}.footer-link{color:var(--color-text-muted);opacity:.6;font-size:.75rem;text-decoration:underline;transition:opacity .2s}.footer-link:hover{opacity:1}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}