:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-color:#0f172a;--bg-highlight:#0e749040;--card-bg:#0f172ab3;--card-border:#94a3b833;--card-shadow:#0f172a73;--text-primary:#e2e8f0;--text-muted:#e2e8f0bf;--text-subtle:#e2e8f099;--accent:#5eead4;--accent-strong:#2ad4bc;--badge-border:#5eead459;--badge-bg:#2dd4bf1f;--badge-color:#5eead4;--error-bg:#dc262626;--error-border:#f8717166;--error-color:#fecaca;--placeholder-bg:#020617;--placeholder-text:#e2e8f0d9;--ad-slot-border:#94a3b84d;--menu-bg:#0f172aeb;--menu-border:#94a3b84d;--menu-link:#93c5fd;--channel-card-bg:#0f172a8c;--channel-card-border:#94a3b833;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body[data-theme=theme-trailhero]{--bg-color:#050505;--bg-highlight:#e5091438;--card-bg:#0a0a0aeb;--card-border:#e5091459;--card-shadow:#e5091440;--text-primary:#f7f7f7;--text-muted:#ffffffbf;--text-subtle:#ffffff8c;--accent:#fff;--accent-strong:#e50914;--badge-border:#e509148c;--badge-bg:#e509142e;--badge-color:#fff;--error-bg:#e5091440;--error-border:#e509148c;--error-color:#ffe1e5;--placeholder-bg:#000;--placeholder-text:#fffc;--ad-slot-border:#e5091466;--menu-bg:#080808f5;--menu-border:#e5091473;--menu-link:#ff5c70;--channel-card-bg:#000000bf;--channel-card-border:#e5091440}body[data-theme=theme-trailhero-inverse]{--bg-color:#b80f1a;--bg-highlight:#0003;--card-bg:#141414e6;--card-border:#0006;--card-shadow:#00000059;--text-primary:#fef2f2;--text-muted:#fef2f2cc;--text-subtle:#fef2f299;--accent:#000;--accent-strong:#111;--badge-border:#0000008c;--badge-bg:#0003;--badge-color:#fff;--error-bg:#00000040;--error-border:#00000073;--error-color:#ffe1e5;--placeholder-bg:#000;--placeholder-text:#ffffffd9;--ad-slot-border:#0006;--menu-bg:#000000e6;--menu-border:#fff3;--menu-link:#ffd1d6;--channel-card-bg:#0c0c0cd9;--channel-card-border:#0000004d}*{box-sizing:border-box}body{background:radial-gradient(circle at top,var(--bg-highlight),transparent 55%),var(--bg-color);color:var(--text-primary);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}button{font:inherit}.container{flex-direction:column;gap:32px;width:min(1100px,100%);margin:0 auto;padding:48px 24px 80px;display:flex}.card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 24px 45px var(--card-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;padding:24px}.title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:clamp(2.4rem,4vw,3.2rem);font-weight:700}.subtitle{color:var(--text-muted);margin:0;font-size:1rem}.player-area{grid-template-columns:minmax(0,2.3fr) minmax(260px,1fr);align-items:stretch;gap:24px;display:grid}@media (max-width:960px){.player-area{grid-template-columns:1fr}}.player-area .player-shell,.player-area .now-playing{height:100%}.player-shell{border:1px solid var(--card-border);box-shadow:0 30px 60px var(--card-shadow);border-radius:28px;overflow:hidden}.player-shell video{background:var(--placeholder-bg);width:100%;display:block}.now-playing{flex-direction:column;gap:16px;display:flex}.now-playing h2{margin:0;font-size:clamp(1.6rem,3vw,2rem)}.badge{border:1px solid var(--badge-border);color:var(--badge-color);background:var(--badge-bg);text-transform:uppercase;letter-spacing:.12em;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;display:inline-flex}.schedule-grid{gap:16px;display:grid}.schedule-item{border:1px solid var(--channel-card-border);background:var(--channel-card-bg);border-radius:20px;grid-template-columns:minmax(120px,160px) 1fr;gap:16px;padding:16px 18px;display:grid}.schedule-item strong{font-size:1rem}.schedule-time{color:var(--text-muted);letter-spacing:.04em;font-size:.9rem}.schedule-description{color:var(--text-subtle);margin-top:6px;font-size:.9rem}.timestamp{color:var(--text-subtle);font-size:.8rem}.alert{border:1px solid var(--error-border);background:var(--error-bg);color:var(--error-color);border-radius:18px;padding:16px 18px}.header{grid-template-columns:1fr minmax(200px,320px);align-items:center;gap:24px;display:grid}.branding{align-items:center;gap:16px;display:flex}.logo{object-fit:cover;border:1px solid var(--card-border);background:#000;border-radius:12px;width:64px;height:64px}.title-block{flex-direction:column;gap:4px;display:flex}.ad-slot{border:1px dashed var(--ad-slot-border);background:#0003;border-radius:12px;height:90px}.player{background:#000;width:100%;display:block}.row{justify-content:space-between;align-items:center;display:flex}.guide-grid{gap:10px;display:grid}.guide-item{border:1px solid var(--card-border);background:var(--card-bg);border-radius:14px;grid-template-columns:120px 1fr;gap:12px;padding:12px 14px;display:grid}.guide-item .time{color:var(--text-muted);font-size:.9rem}.guide-item .name{font-weight:600}.channel-switcher{position:fixed;bottom:16px;right:16px}.channel-switcher details{border:1px solid var(--card-border);background:var(--card-bg);border-radius:12px;padding:8px 12px}.channel-switcher summary{cursor:pointer;list-style:none}.channel-switcher ul{margin:8px 0 0;padding:0;list-style:none}.channel-switcher li{margin:0;padding:4px 0}.channel-switcher a{color:var(--menu-link)}.placeholder,.error{text-align:center;color:var(--placeholder-text);background:var(--placeholder-bg);border-radius:20px;padding:24px}.channel-card{border:1px solid var(--channel-card-border);background:var(--channel-card-bg);border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:18px;transition:border-color .2s,transform .2s;display:flex}.channel-card:hover{border-color:var(--badge-border);transform:translateY(-2px)}.channel-card h2{color:var(--text-primary);margin:0 0 4px;font-size:1.2rem}.channel-card p{color:var(--text-muted);margin:0;font-size:.9rem}.hamburger{border:1px solid var(--card-border);cursor:pointer;z-index:60;background:#0006;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:48px;height:48px;display:flex;position:fixed;top:16px;left:16px}.hamburger span{background:var(--text-primary);border-radius:999px;width:24px;height:2px}.channel-menu{pointer-events:none;opacity:0;z-index:50;background:#02061799;transition:opacity .2s;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);border-radius:24px;width:min(320px,90vw);max-height:calc(100vh - 100px);padding:24px;position:absolute;top:72px;left:16px;overflow-y:auto}.channel-menu__panel h2{margin:0 0 12px;font-size:1.1rem}.channel-menu__panel ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.channel-menu__panel a{color:var(--menu-link);font-weight:600;text-decoration:none}.placeholder-text{color:var(--placeholder-text)}