:root{--bg: #0a0d10;--panel: #12161b;--panel-raised: #171c22;--hairline: #23282e;--text: #e9e7df;--text-muted: #767d84;--accent: #ff9f45;--accent-dim: #7a5228;--live: #5eeba0;--live-dim: #23422f;--font-display: "JetBrains Mono", "Courier New", monospace;--font-body: "Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent-dim);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;height:100vh;height:100dvh;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--hairline);gap:16px}.brand{font-family:var(--font-display);font-weight:700;letter-spacing:.14em;font-size:14px;color:var(--text);white-space:nowrap}.brand span{color:var(--accent)}.brand .tagline{color:var(--text-muted);font-weight:500;text-transform:none;letter-spacing:.02em}.search{flex:1;max-width:360px}.search input{width:100%;background:var(--panel);border:1px solid var(--hairline);color:var(--text);padding:8px 12px;font-family:var(--font-display);font-size:13px;border-radius:3px}.search input::placeholder{color:var(--text-muted)}.favcount{font-family:var(--font-display);font-size:13px;color:var(--text-muted);white-space:nowrap}.favcount .heart{color:var(--accent)}.main{display:grid;grid-template-columns:1fr 360px;min-height:0}.globe-pane{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#10151b 0%,var(--bg) 70%)}.globe-pane .status{position:absolute;bottom:16px;left:20px;font-family:var(--font-display);font-size:11px;color:var(--text-muted);letter-spacing:.05em}.globe-pane .count{position:absolute;top:16px;left:20px;font-family:var(--font-display);font-size:11px;color:var(--text-muted);letter-spacing:.05em}.list-pane{border-left:1px solid var(--hairline);display:flex;flex-direction:column;min-height:0}.filters{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px;border-bottom:1px solid var(--hairline)}.chip{background:transparent;border:1px solid var(--hairline);color:var(--text-muted);font-size:11px;font-family:var(--font-display);padding:4px 9px;border-radius:20px;letter-spacing:.04em}.chip.active{border-color:var(--accent);color:var(--accent)}.list-header{padding:10px 16px 6px;font-family:var(--font-display);font-size:11px;color:var(--text-muted);letter-spacing:.08em}.station-list{overflow-y:auto;flex:1;min-height:0}.station-row{display:flex;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid var(--hairline);background:none;border-left:2px solid transparent;width:100%;text-align:left;color:var(--text)}.station-row:hover{background:var(--panel)}.station-row.selected{background:var(--panel-raised);border-left-color:var(--accent)}.station-row .dot{width:6px;height:6px;border-radius:50%;background:var(--hairline);flex-shrink:0}.station-row.playing .dot{background:var(--live);box-shadow:0 0 6px var(--live)}.station-row .meta{min-width:0;flex:1}.station-row .name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-row .sub{font-size:11px;color:var(--text-muted);font-family:var(--font-display)}.station-row .heart-btn{background:none;border:none;color:var(--text-muted);font-size:18px;line-height:1;flex-shrink:0;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.station-row .heart-btn.active{color:var(--accent)}.empty-state{padding:40px 16px;text-align:center;color:var(--text-muted);font-size:13px}.empty-state button{margin-top:10px;background:none;border:1px solid var(--hairline);color:var(--accent);padding:6px 14px;border-radius:3px;font-family:var(--font-display);font-size:11px}.player{border-top:1px solid var(--hairline);background:var(--panel);display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:18px;padding:10px 20px;min-width:0}.freq{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--accent);min-width:92px;text-shadow:0 0 12px var(--accent-dim)}.freq .mhz{font-size:11px;color:var(--text-muted);margin-left:4px;text-shadow:none}.now-playing{min-width:0}.title-row{display:flex;align-items:center;gap:10px;min-width:0}.now-playing .title{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.now-playing .subtitle{font-size:11px;color:var(--text-muted);font-family:var(--font-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-btn{flex-shrink:0;display:flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;background:var(--panel-raised);border:1.5px solid var(--hairline);border-radius:20px;color:var(--text)}.fav-btn:disabled{opacity:.35}.fav-icon{font-size:20px;line-height:1;color:var(--text-muted)}.fav-btn.active{border-color:var(--accent);background:var(--accent-dim)}.fav-btn.active .fav-icon{color:var(--accent)}.fav-label{font-family:var(--font-display);font-size:12px;font-weight:500;color:var(--text-muted);white-space:nowrap}.fav-btn.active .fav-label{color:var(--accent)}.transport{display:flex;align-items:center;gap:10px}.transport button{background:none;border:1px solid var(--hairline);color:var(--text);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px}.transport button.play{border-color:var(--accent);color:var(--accent)}.transport button:disabled{opacity:.35;cursor:default}.side-controls{display:flex;align-items:center;gap:14px}.side-controls button{background:none;border:none;color:var(--text-muted);font-size:14px}.side-controls button.active{color:var(--accent)}.sleep-menu{position:relative}.sleep-menu .panel{position:absolute;bottom:38px;right:0;background:var(--panel-raised);border:1px solid var(--hairline);border-radius:4px;padding:6px;display:flex;flex-direction:column;min-width:100px}.sleep-menu .panel button{color:var(--text);font-family:var(--font-display);font-size:12px;text-align:left;padding:6px 8px;border-radius:3px}.sleep-menu .panel button:hover{background:var(--panel)}.sleep-menu .countdown{font-family:var(--font-display);font-size:11px;color:var(--live)}.volume{display:flex;align-items:center;gap:6px}.volume input[type=range]{accent-color:var(--accent);width:70px}@media (max-width: 820px){.main{grid-template-columns:1fr;grid-template-rows:42vh 1fr;grid-template-rows:42dvh 1fr}.list-pane{border-left:none;border-top:1px solid var(--hairline)}.player{grid-template-columns:84px 1fr;grid-template-areas:"now      now" "freq     transport";row-gap:10px;column-gap:12px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.now-playing{grid-area:now}.freq{grid-area:freq;font-size:19px;min-width:0}.transport{grid-area:transport;justify-self:end}.fav-btn{min-height:44px}.side-controls,.volume,.brand .tagline{display:none}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}