:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;color:#fff}h1{font-size:2.5em;line-height:1.1}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}.sidebar h2,.sidebar h3{color:#fff;margin-bottom:1rem}.sidebar a{color:#fff;text-decoration:none}.sidebar a:hover{color:#fff}.buffering-spinner{display:inline-block;animation:spin 1s linear infinite;font-size:1.2em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}.control-button:hover .buffering-spinner{opacity:.8}.station-info{padding:20px;color:#fff;overflow-y:auto;margin-top:20px;border-radius:8px;background-color:#2a2a2a;width:100%;box-sizing:border-box;text-align:center}.tracks-container{display:flex;flex-direction:column;gap:12px;align-items:center}.current-track{display:flex;align-items:center;justify-content:center;gap:15px;padding:15px 25px;border-radius:8px;background-color:#ffffff1a;margin-bottom:8px;transition:all .3s ease;width:100%;box-sizing:border-box}.previous-track{opacity:.8}.track-icon{display:none}.track-details{flex:1;display:flex;flex-direction:column;gap:5px;text-align:center}.track-label{font-size:.8rem;color:#1db954;margin:0;text-transform:uppercase;font-weight:700}.track-name{font-size:1.2em;font-weight:700;margin:0;color:#fff}.artist-name{font-size:1em;color:#ccc;margin:0}.album-name{font-size:.9em;color:#999;margin:0}.now-playing{font-size:.8em;color:#888}.error-message{padding:15px;background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:8px}.error-message p{margin:5px 0;color:#ffb4b0}.error-message p:first-child{color:#ff3b30;font-weight:700}.current-program{background:#ffffff1a;border-radius:8px;padding:15px 25px;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center;width:100%;box-sizing:border-box}.program-icon{display:none}.program-info{display:flex;flex-direction:column;gap:5px;text-align:center;width:100%}.program-line{margin:0}.program-name{font-size:1.2em;font-weight:700;margin:0;color:#fff}.program-host{font-size:1em;color:#ccc;margin:0}.program-time{font-size:.9em;color:#999;margin:0;font-family:monospace}.next-program{margin-top:8px;font-size:.9em;color:#999;opacity:.8}.current-program span{color:#999}.program-line:first-child span,.program-line:first-child .program-host{color:#fff!important}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app{max-width:1200px;margin:0 auto;padding:2rem}header{margin-bottom:2rem}h1{color:#333}.app-container{display:flex;min-height:100%;flex-direction:row-reverse}.sidebar{background:#121212;padding:20px;min-width:250px;color:#fff;display:flex;flex-direction:column;height:100%}.sidebar h2{margin:0 0 20px;font-size:1.5em;color:#fff;text-align:center;font-weight:700;padding:12px;background-color:#333;border-radius:4px;position:sticky;top:14px;z-index:10}.main-content{flex:1;padding:20px;display:flex;flex-direction:column;background:#121212}.tools-menu-container{position:relative}.player-tools-anchor{position:absolute;top:12px;right:12px;z-index:5}.tools-button{display:flex;align-items:center;justify-content:center;border:1px solid #3b3b3b;border-radius:8px;width:36px;height:36px;padding:0;color:#f2f2f2;background:transparent;flex:0 0 auto}.tools-button:hover{border-color:#666;background:transparent}.tools-button[aria-expanded=true]{border-color:#8a8a8a}.tools-icon{width:16px;height:16px}.tools-menu{position:absolute;top:calc(100% + 10px);right:0;width:320px;border:1px solid #3b3b3b;border-radius:10px;background:#171717;color:#f2f2f2;box-shadow:0 12px 28px #0000006b;padding:14px;text-align:left}.tools-menu h3{margin:0 0 12px;font-size:1rem;color:#fff}.tools-toggle{display:flex;gap:8px;align-items:center;margin-bottom:12px;font-size:.95rem}.tools-fieldset{border:1px solid #2d2d2d;border-radius:8px;padding:10px;margin:0}.tools-fieldset legend{padding:0 6px;color:#cecece;font-size:.85rem}.tools-fieldset label{display:flex;gap:8px;align-items:flex-start;font-size:.9rem}.tools-fieldset label+label{margin-top:8px}.tools-fieldset:disabled{opacity:.55}.tools-menu-note{margin:10px 0 0;color:#b8b8b8;font-size:.84rem}.share-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:10px 0 16px}.share-button{border:1px solid #3b3b3b;border-radius:8px;padding:8px 12px;color:#f2f2f2;background:#111;font-size:.92rem}.share-button:hover{border-color:#666;background:#2a2a2a}.player-controls{background-color:#2a2a2a;padding:20px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:100%;margin-left:auto;margin-right:auto;position:relative}.floating-player{position:sticky;top:14px;z-index:40}.floating-player .player-controls{box-shadow:0 8px 20px #00000059}.control-button{background-color:#4a4a4a;border:none;border-radius:50%;width:80px;height:80px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8em}.control-button:hover{background-color:#666}.stream-info{text-align:center}.stream-info h3{margin:0;color:#fff;font-size:1.2rem}.station-link{color:#fff;text-decoration:none;transition:color .2s ease}.station-link:hover{color:#fff;text-decoration:underline}.stream-list{margin-top:20px;overflow-y:auto;flex-grow:1;scrollbar-width:thin;scrollbar-color:#4a4a4a #121212}.stream-list::-webkit-scrollbar{width:8px}.stream-list::-webkit-scrollbar-track{background:#121212}.stream-list::-webkit-scrollbar-thumb{background-color:#4a4a4a;border-radius:4px}.stream-item{padding:12px;cursor:pointer;color:#fff;transition:background-color .2s;border-radius:4px;margin-bottom:4px}.stream-item:hover{background-color:#2a2a2a}.stream-item.active{background-color:#333;font-weight:700}.controls-container{display:flex;align-items:center;gap:30px}.volume-control{display:flex;align-items:center;gap:10px}.volume-icon{font-size:1.5rem;font-weight:700;color:#fff;-webkit-user-select:none;user-select:none;line-height:1}.volume-slider{-webkit-appearance:none;width:200px;height:4px;border-radius:2px;background:#4a4a4a;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;border:none}.volume-slider:hover::-webkit-slider-thumb{background:#ddd}.volume-slider:hover::-moz-range-thumb{background:#ddd}.volume-help-note{margin:-8px 0 0;color:#c9c9c9;font-size:.78rem}.playback-controls{display:flex;gap:10px;align-items:center}.large-button{width:120px!important;height:120px!important;font-size:2.5em!important}.sidebar-links{margin-top:20px;padding:0 15px}.sidebar-links h3{margin:14px 0 10px;padding:10px 15px;color:#fff;background-color:#ffffff1a;border-radius:4px;text-align:center}.blog-link{display:block;padding:10px 15px;margin-bottom:10px;color:#fff;text-decoration:none;background-color:#111;border:none;border-radius:4px;transition:background-color .3s}.blog-link:hover{background-color:#1a1a1a}@media(max-width:899px){.app-container{flex-direction:column}.sidebar{min-width:100%;width:100%;order:1}.main-content{order:2;width:100%}.tools-menu{width:min(320px,calc(100vw - 40px));right:-4px}.sidebar .player-controls{margin:15px 0;padding:15px;background-color:#1a1a1a;border:1px solid #333}.sidebar .player-controls .controls-container{gap:15px}.sidebar .player-controls .control-button{width:60px;height:60px;font-size:1.4em}.sidebar .player-controls .large-button{width:90px!important;height:90px!important;font-size:2em!important}.sidebar .player-controls .volume-slider{width:150px}}.stream-item,.favorite-button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.1)}.stream-list-container{display:flex;flex-direction:column;height:100%}.stream-list-header{padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.keyboard-tip{font-size:12px;color:#999;opacity:.8;font-style:italic;display:block;text-align:center}.stream-list{display:flex;flex-direction:column;gap:8px;padding:16px;overflow-y:auto;flex:1}.stream-item{display:flex;align-items:center;justify-content:flex-start;padding:12px;border-radius:4px;cursor:pointer;transition:background-color .2s ease;color:#e0e0e0}.stream-item:hover{background-color:#ffffff1a}.stream-item.selected{background-color:#ffffff26}.stream-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:12px;cursor:pointer;text-align:left}.favorite-button{background:none;border:none;padding:4px;cursor:pointer;color:#a0a0a0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;opacity:0;min-width:24px}.stream-item:hover .favorite-button,.stream-item.selected .favorite-button,.favorite-button.favorited{opacity:1}.favorite-button:hover{color:#fff;background-color:#ffffff1a}.favorite-button.favorited{color:#fff}.favorite-button:focus{outline:none;box-shadow:0 0 0 2px #ffffff4d;opacity:1}.stream-item:focus{outline:none}.station-lander-page{--sl-bg: #0f151f;--sl-surface: #161f2d;--sl-surface-alt: #1d2a3b;--sl-text: #ecf2fc;--sl-muted: #9eb0c8;--sl-border: #31455e;--sl-accent: #78c0ff;--sl-accent-soft: #1f3f68;--sl-highlight: #ff9f43;--sl-highlight-strong: #ff6b00;min-height:100vh;padding:12px 12px 42px;text-align:left;color:var(--sl-text);background:radial-gradient(95% 80% at 100% -4%,rgba(120,192,255,.2),transparent 58%),radial-gradient(130% 96% at -10% 0%,rgba(84,120,171,.2),transparent 56%),var(--sl-bg)}.station-lander-page h1,.station-lander-page h2,.station-lander-page h3,.station-lander-page p,.station-lander-page li,.station-lander-page summary{color:inherit}.station-lander-hero,.station-lander-player,.station-lander-card{border:1px solid var(--sl-border);border-radius:14px;background:color-mix(in srgb,var(--sl-surface) 94%,transparent)}.station-lander-hero{padding:14px}.station-lander-kicker{margin:0;color:var(--sl-muted)!important;text-transform:uppercase;letter-spacing:.09em;font-size:.72rem}.station-lander-hero h1{margin:8px 0 0;font-size:1.6rem;line-height:1.14}.station-lander-hero-copy{margin:8px 0 0;color:var(--sl-muted)!important}.station-lander-tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.station-lander-tags span{border:1px solid var(--sl-border);border-radius:999px;padding:4px 10px;font-size:.8rem;color:var(--sl-muted)}.station-lander-hero-links{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.station-lander-hero-links a,.station-lander-player-controls button,.station-lander-links-grid a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:10px;border:1px solid var(--sl-border);background:color-mix(in srgb,var(--sl-surface-alt) 90%,transparent);color:var(--sl-text);text-decoration:none;font-size:.9rem;font-weight:600;padding:8px 10px}.station-lander-hero-links a:last-child{grid-column:1 / -1}.station-lander-player{margin-top:10px;padding:10px;position:sticky;top:8px;z-index:20;border-color:color-mix(in srgb,var(--sl-highlight) 46%,var(--sl-border));box-shadow:0 10px 24px #0000003d,0 0 18px color-mix(in srgb,var(--sl-highlight-strong) 18%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--sl-highlight) 20%,var(--sl-surface)),color-mix(in srgb,var(--sl-highlight-strong) 14%,var(--sl-surface)))}.station-lander-player-now span{display:block;color:var(--sl-muted);font-size:.8rem}.station-lander-player-now strong{display:block;margin-top:2px;font-size:1rem}.station-lander-player-controls{margin-top:10px;display:grid;grid-template-columns:auto 1fr auto;gap:8px}.station-lander-player-controls .station-lander-primary{background:linear-gradient(120deg,#2a5f9c,#3d7dbf)}.station-lander-card{margin-top:10px;padding:12px}.station-lander-card h2{margin:0;font-size:1.18rem}.station-lander-card>p{margin:10px 0 0;color:var(--sl-muted)!important}.station-lander-meta{font-size:.84rem}.station-lander-now-next{margin-top:10px;border:1px solid var(--sl-border);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--sl-surface-alt) 86%,transparent)}.station-lander-now-next p{margin:0;color:var(--sl-muted)!important}.station-lander-now-next p+p{margin-top:5px}.station-lander-days{margin-top:10px;display:grid;gap:8px}.station-lander-day{border:1px solid var(--sl-border);border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--sl-surface-alt) 86%,transparent)}.station-lander-day summary{list-style:none;cursor:pointer;padding:10px;display:flex;justify-content:space-between;gap:10px;font-size:.9rem;font-weight:700}.station-lander-day summary::-webkit-details-marker{display:none}.station-lander-day summary span:last-child{color:var(--sl-muted);font-weight:500}.station-lander-day ul{list-style:none;margin:0;padding:0 10px 10px;display:grid;gap:6px}.station-lander-day li{border:1px solid var(--sl-border);border-radius:10px;padding:8px;background:color-mix(in srgb,var(--sl-surface) 80%,transparent)}.station-lander-slot-time,.station-lander-slot-show,.station-lander-slot-host{display:block}.station-lander-slot-time{font-size:.79rem;color:var(--sl-muted)}.station-lander-slot-show{margin-top:1px;font-size:.92rem;font-weight:700}.station-lander-slot-host{margin-top:1px;font-size:.8rem;color:var(--sl-muted)}.station-lander-list{margin:10px 0 0;padding-left:20px}.station-lander-list li+li{margin-top:5px}.station-lander-faq-list{margin-top:10px;display:grid;gap:8px}.station-lander-faq-item{border:1px solid var(--sl-border);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--sl-surface-alt) 86%,transparent)}.station-lander-faq-item h3{margin:0;font-size:.97rem}.station-lander-faq-item p{margin:6px 0 0;color:var(--sl-muted)!important}.station-lander-links-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.station-lander-links-grid a{justify-content:flex-start}.station-lander-footer-link{margin-top:12px!important;font-size:.9rem}.station-lander-footer-link a{color:var(--sl-accent)}.station-lander-page a:focus-visible,.station-lander-page button:focus-visible,.station-lander-page summary:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px}@media(min-width:900px){.station-lander-page{max-width:1100px;margin:0 auto;padding:18px 18px 48px}.station-lander-hero{padding:16px}.station-lander-hero-links{display:flex;flex-wrap:wrap}.station-lander-hero-links a:last-child{grid-column:auto}.station-lander-card{padding:14px}.station-lander-days{grid-template-columns:repeat(2,minmax(0,1fr))}.station-lander-links-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}