
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(manrope-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url(manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.brand-logo{display:block;width:156px;height:auto;max-width:100%}.brand-logo img{display:block;width:100%;height:auto}
:root{--bg:#111827;--surface:#172033;--elevated:#202b40;--fg:#F5F7F2;--muted:#9AA6B8;--border:#2A374B;--accent:#B8F56A;--accent-strong:#93D94D;--glow:rgba(184,245,106,.2);--accent-ink:var(--accent);--success:#B8F56A;--danger:#FF7D8A;--font:Manrope,Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}
*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth}body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:15px/1.6 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0 0 auto;height:560px;background:radial-gradient(circle at 50% 0,rgba(59,130,246,.15),transparent 62%);pointer-events:none;z-index:-1}button,input{font:inherit}button{cursor:pointer}.shell{width:calc(100% - 32px);max-width:1600px;margin-inline:auto;padding-inline:clamp(18px,4vw,56px)}header{position:sticky;top:0;z-index:20;background:rgba(10,14,26,.86);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
/* WCAG AA: the header stays dark in the light theme (brand logo); its text uses the dark-theme colours
   instead of dark-on-dark (contrast was 1.3). */
[data-theme="light"] header{--bg:#111827;--surface:#172033;--elevated:#202b40;--fg:#F5F7F2;--muted:#9AA6B8;--border:#2A374B;--accent:#B8F56A;--accent-strong:#93D94D;--accent-ink:#B8F56A}.header-inner{min-height:76px;display:flex;align-items:center;gap:42px}.logo{color:var(--accent);font-size:24px;font-weight:800;letter-spacing:-.03em;text-decoration:none;white-space:nowrap}.nav{display:flex;gap:30px}.nav button{border:0;background:none;color:var(--muted);padding:25px 0;position:relative}.nav button:hover,.nav button.active{color:var(--fg)}.nav button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.search{position:relative;max-width:480px;flex:1;margin-left:auto}.search input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--fg);padding:12px 16px 12px 44px;outline:0}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.search svg{position:absolute;left:15px;top:13px;color:var(--muted)}.hero{padding:64px 0 48px}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.08;letter-spacing:-.045em;margin:0 0 16px}.hero p{max-width:650px;color:var(--muted);font-size:20px;margin:0}.stats{display:flex;gap:52px;margin-top:34px}.sync-status{margin:18px 0 0;color:var(--muted);font-size:12px}.stat strong{display:block;color:var(--accent);font:700 32px/1 var(--mono)}.stat span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-top:8px}.layout{display:grid;grid-template-columns:1fr;gap:24px;padding-bottom:160px}.layout:has(.filters:not([hidden])){grid-template-columns:minmax(0,1fr)}.filters{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;position:static;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.filter-control{position:relative}.filter-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 12px;background:var(--elevated);border:1px solid var(--border);border-radius:8px;color:var(--fg);text-align:left}.filter-trigger span:last-child{color:var(--accent-ink);font-size:12px}.filter-menu{position:absolute;z-index:15;top:calc(100% + 6px);left:0;right:0;padding:8px;background:var(--elevated);border:1px solid var(--border);border-radius:8px;box-shadow:0 16px 35px rgba(0,0,0,.35)}.filter-menu[hidden]{display:none}.filter-menu .filter-search{margin-bottom:6px}.filter-menu .filter-options{max-height:260px}.filter-summary{color:var(--muted);font-size:12px;margin-top:8px}.load-sentinel{height:1px;margin:24px 0}.filters[hidden]{display:none!important}.filter-group{margin:0;min-width:0}.filter-label{margin-bottom:8px}.filter-options{max-height:180px}.stations.saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.stations.saved-grid .station{display:flex}.stations.saved-grid .meta{margin:14px 0}.stations.saved-grid .actions{display:flex}.filter-group{margin-bottom:38px}.filter-label{display:block;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.filter-search{width:100%;margin:0 0 8px;padding:9px 11px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--fg);outline:0}.filter-search:focus{border-color:var(--accent)}.filter-options{display:flex;flex-direction:column;gap:3px;max-height:340px;overflow:auto}.filter-option{border:0;border-radius:8px;background:transparent;color:var(--muted);display:flex;justify-content:space-between;text-align:left;padding:10px 12px}.filter-option:hover,.filter-option.active{background:var(--elevated);color:var(--fg)}.filter-option.active{color:var(--accent-ink);font-weight:600}.count{font:12px var(--mono);opacity:.65}.content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.content-title{color:var(--muted);font-size:14px;text-transform:uppercase;letter-spacing:.1em;margin:0}.view-toggle{display:flex;gap:4px;background:var(--surface);padding:4px;border-radius:8px}.view-btn{border:0;border-radius:6px;background:transparent;color:var(--muted);padding:8px 12px;font-size:12px;font-weight:700}.view-btn.active{background:var(--elevated);color:var(--accent-ink)}.stations{min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.stations.list{display:flex;flex-direction:column}.station{display:flex;flex-direction:column;min-height:296px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px 16px;position:relative;overflow:hidden;transition:.2s}.stations.list .station{display:grid;min-height:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.stations.list .station-top{align-items:center}.stations.list .art{width:44px;height:44px;border-radius:6px;font-size:19px}.stations.list .meta{margin:4px 0 0 60px}.stations.list .actions{grid-column:2;grid-row:1;align-items:center}.stations.list .play{flex:none;padding:8px 12px}.stations.list .favorite{width:40px;height:40px;padding:0}.station-top{display:flex;gap:12px;align-items:flex-start;min-height:64px}.station:hover,.station.playing{border-color:var(--accent);transform:translateY(-2px)}.station.playing{background:var(--elevated);box-shadow:0 0 0 1px var(--accent),0 8px 24px rgba(0,0,0,.35)}.station.search-focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--glow),0 8px 24px rgba(0,0,0,.28)}.station-top{display:flex;gap:16px;align-items:flex-start}.art{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#1d4ed8);display:grid;place-items:center;color:#111827;font-weight:800;font-size:27px;flex:none;overflow:hidden}.art img{width:100%;height:100%;object-fit:cover}.art-fallback{display:grid;place-items:center;width:100%;height:100%}.station-info{min-width:0}.station-name{font-size:17px;line-height:1.3;margin:2px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location{font:13px var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:58px;margin:18px 0}.badge{border:1px solid var(--border);border-radius:6px;color:var(--muted);font:600 12px var(--mono);padding:5px 9px}.badge.live{display:flex;gap:6px;align-items:center;color:var(--success);border-color:rgba(16,185,129,.5);background:rgba(16,185,129,.1)}.dot{width:6px;height:6px;background:var(--success);border-radius:50%}.actions{display:flex;gap:8px;margin-top:auto}.btn{border:1px solid var(--accent);border-radius:8px;padding:10px 12px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.play{flex:1;background:var(--accent);color:#111827}.play:hover{background:var(--accent-strong)}.favorite{width:42px;background:var(--elevated);color:var(--muted);border-color:var(--border);font-size:19px}.favorite.active{color:var(--danger);border-color:var(--danger);background:rgba(239,68,68,.1)}.empty{grid-column:1/-1;border:1px dashed var(--border);border-radius:8px;color:var(--muted);padding:50px;text-align:center}.error{color:#fca5a5}.player{position:fixed;z-index:30;left:0;right:0;bottom:0;background:rgba(19,24,38,.96);backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:18px 32px;box-shadow:0 -8px 32px rgba(0,0,0,.4)}.player-inner{max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:32px}.track{display:flex;align-items:center;gap:14px;min-width:0}.player .art{width:56px;height:56px;font-size:23px}.track-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-details{font:13px var(--mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls{display:flex;align-items:center;gap:14px}.control{width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:19px}.control:hover{background:var(--surface);color:var(--fg)}.control.primary{width:56px;height:56px;background:var(--accent);color:#111827}.player-right{display:flex;justify-content:flex-end;align-items:center;gap:24px;color:var(--muted)}.volume{display:flex;gap:10px;align-items:center}.volume input{accent-color:var(--accent);width:100px}.notice{padding:12px 16px;margin-bottom:18px;border-radius:10px;background:rgba(59,130,246,.1);color:#bfdbfe;display:none}.loading{opacity:.7}.sidebar-toggle{display:none}
@media(max-width:920px){.shell{width:calc(100% - 32px);padding-inline:24px}.header-inner{gap:20px}.nav{display:flex;gap:20px}.nav button{padding:18px 0}.search{max-width:none}.layout{grid-template-columns:1fr;gap:25px}.filters{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.filter-group{margin:0}.stations{grid-template-columns:1fr}.stations.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-inner{grid-template-columns:1fr auto;gap:16px}.player-right{display:none}}
@media(max-width:600px){.shell{width:calc(100% - 24px);padding-inline:12px}.header-inner{flex-wrap:wrap;gap:0 14px;padding-top:8px;padding-bottom:6px}.logo{order:0}.search{order:1;min-width:0;flex:1}.nav{order:2;width:100%;overflow-x:auto;gap:24px}.nav button{padding:10px 0;white-space:nowrap}.stations.list .station{grid-template-columns:minmax(0,1fr) auto;padding:11px}.stations.list .meta{margin-left:0}.stations.list .station-top{grid-column:1/-1}.stations.list .actions{grid-column:1/-1;grid-row:auto;justify-content:flex-end}.shell{padding:0 16px}.header-inner{min-height:66px}.logo{font-size:21px}.hero{padding:40px 0 32px}.hero h1{font-size:38px}.hero p{font-size:16px}.stats{gap:24px;flex-wrap:wrap}.stat strong{font-size:25px}.filters{grid-template-columns:1fr}.stations.saved-grid{grid-template-columns:1fr}.player{padding:12px 16px}.player-inner{grid-template-columns:1fr}.controls{justify-content:center}.track{display:none}.content-header{align-items:flex-start;gap:10px}.stations{gap:12px}.station{padding:18px}}
.stations:not(.list) .station{display:flex;flex-direction:column;min-height:296px}.stations:not(.list) .station-top{min-height:64px}.stations:not(.list) .meta{min-height:58px;align-content:flex-start}.stations:not(.list) .actions{margin-top:auto}.stations.saved-grid .station{display:flex}
.language-switcher{display:flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;flex:none}.language-btn{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:7px 8px;font-size:12px;font-weight:700}.language-btn.active{background:var(--elevated);color:var(--fg)}.language-btn:hover{color:var(--fg)}
@media(max-width:600px){.brand-logo{order:0;width:132px}.language-switcher{order:1;margin-left:auto}.search{order:2;width:100%;flex-basis:100%;max-width:none}.nav{order:3}.language-btn{padding:6px 7px}}

:root[data-theme="light"]{--bg:#F5F7F2;--surface:#FFFFFF;--elevated:#E8EEE3;--fg:#111827;--muted:#5A6475;--accent-ink:#3D7514;--border:#D5DED0;--accent:#5E9E22;--accent-strong:#4D861B;--glow:rgba(94,158,34,.18)}
body{font-family:var(--font)}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.theme-toggle{border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--fg);width:40px;height:40px;font-size:18px}.theme-toggle:hover{border-color:var(--accent)}.brand-logo{flex:none}.hero h1{max-width:760px}.hero p{max-width:680px}.station{border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.station-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em}.station.playing{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 12px 28px rgba(0,0,0,.18)}.play{background:var(--accent);color:#111827}.play:hover{background:var(--accent-strong)}.player{padding-bottom:calc(18px + env(safe-area-inset-bottom))}.player-expand{display:none}.player-sheet{display:none}
@media(max-width:600px){.theme-toggle{order:1}.player{cursor:pointer}.player-expand{display:block;position:absolute;right:14px;top:4px;border:0;background:transparent;color:var(--muted);font-size:18px}.player-sheet{position:fixed;inset:0;z-index:40;display:grid;place-items:center;align-content:center;gap:12px;background:var(--bg);padding:32px}.player-sheet[hidden]{display:none}.player-sheet .sheet-close{position:absolute;top:20px;right:20px;border:0;background:var(--surface);color:var(--fg);border-radius:10px;width:44px;height:44px;font-size:20px}.sheet-art{width:128px;height:128px;font-size:48px}.player-sheet h2,.player-sheet p{margin:0;text-align:center}.player-sheet p{color:var(--muted)}.player-inner{cursor:default}.player{padding-top:12px}}
.control.primary{display:grid;place-items:center;width:56px;height:56px;padding:0;line-height:1;font-size:22px;background:var(--accent);color:#111827;border-radius:50%;border:0}.control.primary span{display:block;transform:translateX(1px)}.control.primary:hover{background:var(--accent-strong);color:#111827}.control.primary:active{transform:scale(.96)}
.header-inner{position:relative}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}.clear-recent{border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--fg);padding:8px 12px;font-size:12px;font-weight:700}.clear-recent:hover{border-color:var(--accent-ink);color:var(--accent-ink)}.control svg{display:block;width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.control.primary svg{width:24px;height:24px;fill:#111827;stroke:#111827}.control.primary span{display:grid;place-items:center}.control{display:grid;place-items:center;padding:0}.control.primary{transform:none}.control.primary:hover{transform:none}.control.primary:active{transform:scale(.96)}
@media(min-width:601px){.header-actions{position:absolute;top:18px;right:clamp(18px,4vw,56px)}.search{margin-right:104px}}
@media(max-width:600px){.header-actions{position:absolute;top:8px;right:16px;margin:0}.logo{padding-right:112px}.search{order:2}.nav{order:3}}
.header-inner{display:grid;grid-template-columns:auto auto minmax(180px,1fr) auto;align-items:center;gap:clamp(16px,2.5vw,42px)}.header-inner .nav{min-width:max-content}.header-inner .search{min-width:0;margin:0;max-width:none}.header-actions{position:static;margin:0}.header-actions .language-switcher{white-space:nowrap}@media(max-width:920px) and (min-width:601px){.header-inner{grid-template-columns:auto minmax(180px,1fr) auto;gap:20px}.header-inner .nav{grid-column:1/-1;grid-row:2}.header-inner .search{grid-column:2;grid-row:1}.header-actions{grid-column:3;grid-row:1}}@media(max-width:600px){.header-inner{display:flex;position:relative;gap:0 14px}.header-inner .search{width:100%;max-width:none}.header-actions{position:absolute;top:8px;right:16px;margin:0}.logo{padding-right:112px}}@media(max-width:600px){.header-inner{align-content:flex-start;row-gap:0}.brand-logo{width:156px;padding-right:0}.header-inner .search{flex:0 0 100%;width:100%;margin-top:58px}.header-inner .nav{flex:0 0 100%;width:100%}.header-actions{z-index:2}}

/* Header actions stay pinned to the right edge on every tab and viewport. */
.header-inner{position:relative}.header-actions{position:absolute!important;right:clamp(18px,4vw,56px);top:18px;margin:0!important;z-index:5}.header-inner .search{margin-right:190px!important}@media(max-width:920px) and (min-width:601px){.header-actions{right:24px;top:12px}.header-inner .search{margin-right:185px!important}}@media(max-width:600px){.header-actions{right:16px;top:8px}.header-inner .search{margin-right:0!important}}
.aggregator-note{max-width:880px;margin:18px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.cookie-notice[hidden]{display:none}.cookie-notice{position:fixed;z-index:50;left:20px;bottom:20px;display:flex;align-items:center;gap:16px;max-width:min(560px,calc(100vw - 40px));padding:14px 16px;background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.28)}.cookie-notice p{margin:0;font-size:14px}.cookie-notice button{flex:none;border:0;border-radius:9px;background:var(--accent);color:#111827;padding:9px 16px;font-weight:700}.cookie-notice button:hover{background:var(--accent-strong)}@media(max-width:600px){.cookie-notice{left:12px;right:12px;bottom:12px;max-width:none;justify-content:space-between;gap:10px}.aggregator-note{font-size:12px}}

.seo-nav,.pagination,.breadcrumbs{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}.seo-nav a,.pagination a,.breadcrumbs a,.station-name a,.seo-content a{color:var(--accent-ink)}.seo-content{margin:20px 0;max-width:960px}.seo-content ul{padding-left:24px}.seo-content dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 20px}.seo-content dd{margin:0}.brand-logo img{aspect-ratio:156/48}.pagination [aria-current]{font-weight:800}.hero h1{font-size:clamp(32px,5vw,60px)}
