@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@500&display=swap";:root{--bg:#0b0d10;--panel:#14171c;--panel-raised:#1b1f26;--ink:#e8e6df;--ink-dim:#8a8d94;--accent:#f2a93b;--accent-ink:#241804;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif}.app{flex-direction:column;height:100vh;display:flex}.now-playing{background:var(--panel-raised);border-bottom:1px solid #24282f;align-items:baseline;gap:.75rem;padding:.9rem 1.5rem;display:flex}.now-playing__label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.7rem}.now-playing__title{font-size:1rem;font-weight:500}.app__body{flex:1;min-height:0;display:flex}.app__content{flex:1;padding:1.75rem 2rem;overflow-y:auto}.sidebar{background:var(--panel);border-right:1px solid #24282f;flex-direction:column;flex-shrink:0;gap:.4rem;width:200px;padding:1.5rem 1rem;display:flex}.sidebar__brand{letter-spacing:.1em;color:var(--accent);margin-bottom:1.5rem;padding:0 .5rem;font-family:JetBrains Mono,monospace;font-weight:500}.menu-item{color:var(--ink-dim);border:1px solid #0000;border-radius:6px;align-items:center;gap:.6rem;padding:.65rem .75rem;display:flex}.menu-item__icon{text-align:center;width:1.1rem;font-size:.8rem}.menu-item--active{color:var(--ink)}.menu-item--focused{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.menu-item--focused .menu-item__icon{color:var(--accent-ink)}.rail__title{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .9rem;font-size:.9rem;font-weight:500}.rail__track{scroll-behavior:smooth;gap:.9rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.grid-section__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;display:grid}.tile{background:var(--panel);cursor:pointer;border:1px solid #24282f;border-radius:10px;padding:.9rem;transition:transform .12s,border-color .12s,background .12s}.tile--channel{flex:0 0 140px}.tile__number{color:var(--ink-dim);margin-bottom:.4rem;font-family:JetBrains Mono,monospace;font-size:.7rem}.tile__art{margin-bottom:.6rem;font-size:1.8rem;line-height:1}.tile__label{font-size:.85rem;font-weight:500}.tile__meta{color:var(--ink-dim);margin-top:.3rem;font-size:.72rem}.tile--focused{border-color:var(--accent);background:var(--panel-raised);transform:scale(1.06);box-shadow:0 0 0 2px #f2a93b59}.hint-bar{background:var(--panel);color:var(--ink-dim);text-align:center;border-top:1px solid #24282f;padding:.6rem 1.5rem;font-family:JetBrains Mono,monospace;font-size:.72rem}@media (prefers-reduced-motion:reduce){.tile{transition:none}}.app__browse--hidden{display:none}.player{background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.player__video{object-fit:contain;background:#000;width:100%;height:100%}.player__error{color:#ff8b7a;text-align:center;max-width:70%;font-family:JetBrains Mono,monospace;font-size:.85rem;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.player__overlay{pointer-events:none;background:linear-gradient(#0000008c 0%,#0000 22% 70%,#000000bf 100%);flex-direction:column;justify-content:space-between;padding:1.75rem 2.25rem;display:flex;position:absolute;inset:0}.player__overlay>*{pointer-events:auto}.player__header{align-items:center;gap:.75rem;display:flex}.player__live-badge{color:#fff;letter-spacing:.08em;background:#e0433a;border-radius:4px;padding:.2rem .5rem;font-family:JetBrains Mono,monospace;font-size:.68rem}.player__title{font-weight:500}.player__controls{flex-direction:column;gap:.6rem;display:flex}.player__progress{background:#fff3;border-radius:2px;height:4px;overflow:hidden}.player__progress-fill{background:var(--accent);height:100%}.player__time{color:var(--ink-dim);font-family:JetBrains Mono,monospace;font-size:.75rem}.player__buttons{flex-wrap:wrap;gap:.6rem;display:flex}.ctrl-btn{color:var(--ink);cursor:pointer;background:#14171cd9;border:1px solid #333842;border-radius:8px;padding:.55rem 1rem;font-family:inherit;font-size:.82rem}.ctrl-btn--wide{min-width:130px}.ctrl-btn--focused{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:500}