@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{color-scheme:dark;--bg:#10110f;--surface:#171916;--surface2:#1d201b;--line:#2a2d27;--text:#f0f0e8;--muted:#92958a;--lime:#d6f36a;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit;cursor:pointer}.app-shell{min-height:100vh;padding-bottom:110px}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;padding:31px 23px 30px;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:3;background:var(--bg)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);margin:0 0 76px}.brand-name{font-size:18px;letter-spacing:-.8px;font-weight:700}.brand-name span{font-weight:400;color:#b9bcb2}.brand-mark{position:relative;width:30px;height:30px;border:1px solid #858b70;border-radius:50%;display:grid;place-items:center}.brand-mark i{position:absolute;display:block;border:1px solid var(--lime);border-radius:50%;width:18px;height:18px}.brand-mark i:nth-child(2){width:11px;height:11px}.brand-mark i:nth-child(3){width:4px;height:4px;background:var(--lime)}.brand-mark b{position:absolute;width:3px;height:11px;background:var(--lime);right:0;top:1px;transform:rotate(38deg);border-radius:2px}.eyebrow,.breadcrumb,.live-status,.source-label,.player-live,.results-meta,.frequency,kbd{font-family:var(--mono);font-size:10px;letter-spacing:1.2px}.sidebar-label{color:#70746a;margin-bottom:19px}.nav-list{display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:12px;text-align:left;background:none;border:0;border-radius:7px;color:#a3a69c;padding:12px 11px;font-size:13px;transition:background .18s,color .18s}.nav-link:hover,.nav-link.active{background:#20231d;color:var(--lime)}.nav-icon{font-size:17px;width:17px;text-align:center}.sidebar-note{display:flex;align-items:center;gap:11px;margin-top:64px;color:#e1e3d9;font-size:12px;line-height:1.5}.sidebar-note small{color:var(--muted);font-size:11px}.live-dot,.live-status i,.player-live i,.source-label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 11px #d6f36a66}.sidebar-footer{margin-top:auto;font-family:var(--mono);font-size:10px;letter-spacing:1.1px;line-height:1.8;color:#75786d}.sidebar-footer span{color:#d4d6ca}.main-content{margin-left:230px;max-width:1540px;padding:0 56px 50px}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{color:#777a70}.breadcrumb b{padding:0 11px;color:#494c43}.breadcrumb span:last-child{color:#d5d7ce}.top-actions{display:flex;align-items:center;gap:25px}.live-status{font-size:9px;color:#c0c3b8;display:flex;align-items:center;gap:8px}.live-status i{width:6px;height:6px}.login-button,.avatar-button{background:transparent;border:1px solid #3a3d35;border-radius:4px;padding:10px 14px;font-size:12px}.login-button span,.text-button span,.outline-button span{color:var(--lime);margin-left:10px}.login-button:hover,.outline-button:hover{border-color:var(--lime)}.avatar-button{width:35px;height:35px;padding:0;border-radius:50%;background:var(--lime);color:#171914;border:0;font-weight:700}.hero-section{min-height:370px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.hero-copy{padding:50px 0 58px;position:relative;z-index:1}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px;color:var(--lime)}.eyebrow-rule{display:inline-block;width:24px;height:1px;background:var(--lime)}h1,h2,h3,p{margin-top:0}.hero-copy h1{font-family:var(--serif);font-size:clamp(42px,5vw,67px);font-weight:500;line-height:1.1;letter-spacing:-2.5px;margin:24px 0 17px}.hero-copy h1 em,.modal h2 em{font-weight:500;color:var(--lime)}.hero-description{font-size:14px;color:#a6a99e;line-height:1.65;max-width:410px}.hero-art{width:340px;height:300px;position:absolute;right:15px;top:38px;display:grid;place-items:center;opacity:.87}.orbit{position:absolute;border:1px solid #34382d;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:215px;height:215px}.orbit-two{width:280px;height:280px;border-color:#252920}.orbit-three{width:165px;height:165px;border-color:#454936;transform:rotate(47deg)}.hero-core{width:112px;height:112px;border:1px solid #677344;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#b5c17e;font:9px var(--mono);letter-spacing:2px;background:#171a13a6}.core-dot{width:10px;height:10px;background:var(--lime);border-radius:50%;box-shadow:0 0 20px #d6f36a99}.frequency{position:absolute;color:#848a71;font-size:9px}.frequency-a{top:23px;right:63px}.frequency-b{bottom:30px;left:22px}.hero-wave{position:absolute;display:flex;align-items:center;gap:4px;right:8px;bottom:35px;height:36px}.hero-wave i,.player-wave i{display:block;width:2px;height:var(--h,13px);background:#82914f;border-radius:2px}.hero-wave i:nth-child(3n),.player-wave i:nth-child(3n){--h:25px}.hero-wave i:nth-child(4n),.player-wave i:nth-child(4n){--h:9px}.discovery-section{padding-top:40px}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-kicker{color:#8c8f83;margin-bottom:10px}.section-heading h2{font-family:var(--serif);font-size:30px;font-weight:500;letter-spacing:-.5px;margin:0}.text-button{border:0;background:none;color:#b7baaf;padding:8px 0;font-size:12px}.search-row{display:flex;gap:12px;margin-top:25px}.search-box{flex:1;max-width:610px;height:48px;background:var(--surface);border:1px solid #30332d;border-radius:5px;display:flex;align-items:center;gap:11px;padding:0 14px;color:#878a7f}.search-box:focus-within{border-color:#777f54}.search-box>span{font-size:22px}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:13px}.search-box input::placeholder{color:#75786f}.search-box kbd{border:1px solid #3a3c35;border-radius:3px;padding:4px 5px;color:#777b70;font-size:8px}.filter-select{height:48px;min-width:154px;padding:0 14px;color:#c9cbc2;background:var(--surface);border:1px solid #30332d;border-radius:5px;outline:0}.genre-row{display:flex;gap:8px;overflow:auto;padding:19px 0 21px}.genre-chip{white-space:nowrap;border:1px solid #34372f;background:transparent;color:#a2a59a;padding:7px 13px;border-radius:30px;font-size:11px;transition:.18s}.genre-chip:hover,.genre-chip.selected{color:var(--lime);border-color:#6f784f;background:#24291b}.results-meta{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 13px;color:#888b80;font-size:9px}.source-label{color:#6f7561;font-size:8px;display:flex;align-items:center;gap:7px}.source-label i{width:5px;height:5px}.station-list{min-height:100px}.station-row{display:grid;grid-template-columns:minmax(210px,1.4fr) minmax(100px,.7fr) minmax(82px,.55fr) 36px 42px;align-items:center;gap:16px;padding:13px 6px;border-bottom:1px solid #242721;transition:background .15s}.station-row:hover{background:#171a15}.station-info{display:flex;align-items:center;gap:14px;min-width:0}.station-logo{width:43px;height:43px;border-radius:5px;border:1px solid #363a30;background:linear-gradient(140deg,#262b20,#181a16);display:grid;place-items:center;overflow:hidden;flex:none;color:var(--lime);font:16px var(--serif)}.station-logo img{width:100%;height:100%;object-fit:cover}.station-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.station-info small,.station-detail small{display:block;margin-top:5px;color:#8e9186;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-detail{font-size:11px;color:#c0c3b9}.station-detail small{color:#85887d}.station-bitrate{font:10px var(--mono);color:#999c91}.station-rating{font:10px var(--mono);color:#b1b4a9}.row-play,.icon-button{width:34px;height:34px;border:1px solid #3a3e34;background:transparent;border-radius:50%;display:grid;place-items:center;color:#c8cbc0;transition:.18s}.row-play:hover,.row-play.is-playing{background:var(--lime);border-color:var(--lime);color:#141611}.icon-button{border:0;font-size:18px;color:#92958a}.icon-button.is-favorite{color:var(--lime)}.loading-state,.empty-state{min-height:140px;display:flex;align-items:center;justify-content:center;gap:12px;color:#96998e;font-size:12px}.loader{width:16px;height:16px;border:1px solid #657044;border-top-color:var(--lime);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-more{display:block;margin:18px auto 0;background:transparent;border:1px solid #3b3e36;border-radius:4px;color:#bfc2b7;padding:11px 16px;font-size:11px}.load-more span{color:var(--lime);margin-left:10px}.contribute-banner{margin-top:45px;padding:26px 29px;border:1px solid #34382e;background:linear-gradient(105deg,#1a1d17,#151713);display:flex;align-items:center;justify-content:space-between}.contribute-banner .eyebrow{color:#aab88a;margin-bottom:12px}.contribute-banner h3{font:500 23px var(--serif);margin:0 0 6px}.contribute-banner p:last-child{font-size:12px;color:#96998f;margin:0}.outline-button{border:1px solid #4c5141;background:transparent;padding:12px 15px;border-radius:4px;font-size:11px}.player-bar{position:fixed;z-index:5;inset:auto 0 0 0;height:86px;background:#171915f5;border-top:1px solid #34372f;backdrop-filter:blur(18px);display:grid;grid-template-columns:minmax(230px,1fr) minmax(220px,1.15fr) minmax(130px,.7fr);align-items:center;padding:0 31px;gap:25px}.now-playing{display:flex;align-items:center;gap:12px;min-width:0}.station-art{width:46px;height:46px;flex:none;background:#24291e;border:1px solid #3b4031;display:grid;place-items:center;color:var(--lime);font-size:20px}.station-art img{width:100%;height:100%;object-fit:cover}.player-track{min-width:0;display:flex;flex-direction:column;gap:5px}.player-track strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-track span{font-size:10px;color:#92958a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-favorite{flex:none}.player-controls{display:flex;align-items:center;justify-content:center;gap:17px}.player-play{width:38px;height:38px;display:grid;place-items:center;padding-left:3px;border:0;border-radius:50%;background:var(--lime);color:#171914;font-size:12px}.player-play:disabled{opacity:.45;cursor:not-allowed}.player-wave{height:30px;display:flex;align-items:center;gap:3px;opacity:.58}.player-wave i{width:2px;height:8px;--h:8px}.player-wave.is-playing i{animation:wave .75s ease-in-out infinite alternate}.player-wave.is-playing i:nth-child(2n){animation-delay:.25s}.player-wave.is-playing i:nth-child(3n){animation-delay:.45s}@keyframes wave{to{height:25px}}.player-live{display:flex;align-items:center;gap:6px;font-size:8px;color:#b3b6aa}.player-live i{width:5px;height:5px}.player-volume{display:flex;align-items:center;justify-content:flex-end;gap:12px;color:#a9aca1}.player-volume input{width:100px;accent-color:var(--lime)}.modal{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;padding:0;width:min(440px,calc(100vw - 30px));max-height:90vh;overflow:auto;background:#1a1d18;color:var(--text);border:1px solid #41463a;border-radius:8px;box-shadow:0 25px 100px #000a}.modal::backdrop{background:#000a;backdrop-filter:blur(5px)}.modal-close-form{position:absolute;right:14px;top:12px}.modal-close{width:32px;height:32px;border:0;background:transparent;color:#9da095;font-size:25px}.modal-content{padding:37px 38px}.modal-content>.eyebrow{color:var(--lime)}.modal h2{font:500 39px/1.12 var(--serif);margin:18px 0 12px}.modal-content>p:not(.eyebrow){color:#a4a79d;font-size:13px;line-height:1.6}.primary-button{width:100%;margin-top:20px;padding:13px 15px;background:var(--lime);border:0;border-radius:4px;color:#171914;font-weight:700;font-size:12px;text-align:left}.primary-button span{float:right}.modal-content>small{display:block;margin-top:13px;color:#81857a;font-size:10px}.submission-form{display:grid;gap:13px;margin-top:22px}.submission-form label{display:grid;gap:7px;color:#c2c5ba;font-size:11px}.submission-form input{width:100%;height:39px;background:#121410;border:1px solid #383c32;border-radius:4px;color:var(--text);padding:0 11px;outline:none;font-size:12px}.submission-form input:focus{border-color:#82904f}.form-two{display:grid;grid-template-columns:90px 1fr;gap:12px}.submission-form .primary-button{margin-top:4px}.form-message{min-height:15px;color:var(--lime);font-size:11px}.toast{position:fixed;z-index:7;right:24px;bottom:105px;background:#25291f;border:1px solid #4a5138;border-radius:4px;padding:12px 16px;color:var(--text);font-size:12px;opacity:0;transform:translateY(7px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.hidden{display:none!important}
@media(max-width:1100px){.main-content{padding-inline:35px}.hero-art{right:-70px;opacity:.55}.player-bar{grid-template-columns:minmax(190px,1fr) minmax(210px,1fr) 130px;gap:10px;padding-inline:20px}.player-wave{display:none}.station-row{grid-template-columns:minmax(190px,1.5fr) minmax(90px,.8fr) 70px 34px 38px;gap:9px}}
@media(max-width:760px){.sidebar{position:static;width:auto;height:64px;padding:0 18px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;justify-content:space-between}.brand{margin:0}.sidebar-label,.nav-list,.sidebar-note,.sidebar-footer{display:none}.main-content{margin:0;padding:0 20px 40px}.topbar{height:62px}.breadcrumb{font-size:9px}.top-actions{gap:12px}.live-status{font-size:8px}.hero-section{min-height:310px}.hero-copy{padding:42px 0}.hero-copy h1{font-size:47px}.hero-art{right:-170px;opacity:.28}.hero-description{max-width:300px;font-size:13px}.discovery-section{padding-top:30px}.section-heading h2{font-size:27px}.search-row{gap:8px}.filter-select{min-width:115px;max-width:125px;padding:0 7px;font-size:11px}.search-box{padding:0 10px}.search-box kbd{display:none}.genre-row{padding:15px 0}.results-meta{font-size:8px}.station-row{grid-template-columns:minmax(0,1fr) 36px 34px;gap:9px;padding:11px 2px}.station-detail,.station-bitrate,.station-rating{display:none}.station-info{gap:11px}.station-logo{width:39px;height:39px}.station-info strong{font-size:12px}.station-info small{font-size:10px}.contribute-banner{margin-top:30px;padding:20px 17px;gap:15px}.contribute-banner h3{font-size:19px}.contribute-banner p:last-child{font-size:10px}.outline-button{padding:10px;font-size:10px;white-space:nowrap}.player-bar{height:78px;padding:0 13px;grid-template-columns:minmax(0,1fr) 46px 95px;gap:8px}.station-art{width:39px;height:39px}.player-controls{gap:0}.player-live{display:none}.player-volume{gap:6px}.player-volume input{width:68px}.player-track strong{font-size:11px}.player-track span{font-size:9px}.toast{bottom:90px;right:12px;left:12px;text-align:center}.modal-content{padding:32px 25px}}
@media(max-width:390px){.hero-copy h1{font-size:41px}.live-status{display:none}.filter-select{max-width:102px;min-width:102px}.player-volume input{width:53px}.player-bar{grid-template-columns:minmax(0,1fr) 40px 75px}.station-info small{max-width:190px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.station-row-skeleton{pointer-events:none}.skeleton-block{display:block;position:relative;overflow:hidden;background:#252a20;border-radius:4px}.skeleton-block::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#3a432d66,transparent);animation:skeleton-shimmer 1.35s ease-in-out infinite}.skeleton-logo{width:43px;height:43px;border-radius:5px;flex:none}.skeleton-copy{display:grid;gap:8px;min-width:0;flex:1}.skeleton-title{width:min(190px,75%);height:12px}.skeleton-subtitle{width:min(125px,55%);height:9px}.skeleton-detail{width:72px;height:10px}.skeleton-rating{width:34px;height:10px}.skeleton-action{width:27px;height:27px;border-radius:50%;justify-self:center}@keyframes skeleton-shimmer{100%{transform:translateX(100%)}}@media(max-width:760px){.skeleton-logo{width:39px;height:39px}.skeleton-detail,.skeleton-rating{display:none}.skeleton-action{width:26px;height:26px}}

.oauth-provider-list{display:grid;gap:9px;margin-top:18px}.oauth-provider-button{min-height:46px;display:grid;grid-template-columns:28px 1fr 15px;align-items:center;gap:11px;padding:8px 13px;border:1px solid #41463a;border-radius:4px;background:#121410;color:#f0f0e8;text-decoration:none;font-size:12px;font-weight:600;transition:border-color .18s,background .18s}.oauth-provider-button:hover,.oauth-provider-button:focus-visible{border-color:var(--lime);background:#20231d;outline:none}.oauth-provider-mark{width:26px;height:26px;display:grid;place-items:center;border:1px solid #4b5042;border-radius:50%;font:700 12px var(--sans)}.google-mark{color:#d6f36a}.github-mark{font-size:9px;letter-spacing:-.5px;color:#f0f0e8}.oauth-provider-arrow{justify-self:end;color:var(--lime)}.oauth-divider{display:flex;align-items:center;gap:12px;margin-top:14px;color:#85887d;font:9px var(--mono);letter-spacing:1px;text-transform:uppercase}.oauth-divider::before,.oauth-divider::after{content:"";height:1px;flex:1;background:#34372f}.modal .oauth-provider-list+.oauth-divider+#oauth-start{margin-top:12px}

.auth-provider-empty{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.55;text-align:center}
.email-auth-form{display:grid;gap:11px;margin-top:14px}.email-auth-form label{display:grid;gap:6px;color:var(--muted);font-size:11px}.email-auth-form input{width:100%;min-height:43px;padding:10px 12px;border:1px solid #41463a;border-radius:4px;background:#121410;color:var(--text);outline:none}.email-auth-form input:focus{border-color:var(--lime)}.email-auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.email-auth-actions button{min-height:46px}.email-auth-secondary-button{border:1px solid #41463a;border-radius:4px;background:#121410;color:var(--text);font-size:12px;font-weight:600}.email-auth-secondary-button:hover,.email-auth-secondary-button:focus-visible{border-color:var(--lime);outline:none}.email-auth-note{display:block;color:var(--muted);font-size:10px;line-height:1.5}.email-auth-form .form-message{min-height:0;margin:0;color:var(--lime);font-size:12px}

.sort-row{display:flex;justify-content:flex-end;align-items:center;gap:11px;margin:-3px 0 12px;color:#888b80;font-family:var(--mono);font-size:9px;letter-spacing:1px}.sort-select{height:38px;min-width:172px;padding:0 11px;color:#c9cbc2;background:var(--surface);border:1px solid #30332d;border-radius:5px;outline:0;font-family:var(--sans);font-size:12px;letter-spacing:0}.sort-select:focus-visible{border-color:#777f54;outline:1px solid #777f54}@media(max-width:760px){.sort-row{margin:0 0 11px}.sort-select{height:40px;min-width:160px}}

.account-email{overflow-wrap:anywhere;color:var(--muted);font-size:12px}.account-password-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.account-password-section h3{margin:0;color:var(--text);font:600 14px/1.4 var(--sans)}.account-note{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.account-logout-button{width:100%;min-height:44px;margin-top:18px}


/* Responsive discovery controls and mobile bottom navigation */
.search-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) minmax(360px,.95fr);gap:10px;margin-top:25px;align-items:stretch}
.search-filter-bar .search-box{max-width:none;width:100%}
.filter-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.filter-control{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 10px;background:var(--surface);border:1px solid #30332d;border-radius:5px;color:var(--muted);font:9px var(--mono);letter-spacing:.8px}
.filter-control select{min-width:0;width:100%;height:46px;padding:0 4px;border:0;border-radius:0;background:#171915 !important;color:var(--text);outline:0;font:12px var(--sans);letter-spacing:0}
.filter-control select:focus-visible{outline:1px solid var(--lime);outline-offset:-3px}
.filter-control .filter-select,.filter-control .sort-select{min-width:0;height:46px;padding:0 4px;border:0;border-radius:0;background:transparent}
.active-filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 15px}
.active-filter-title{color:var(--muted);font:8px var(--mono);letter-spacing:1px}
.active-filter-chips{display:flex;flex:1;min-width:0;flex-wrap:wrap;gap:7px}
.active-filter-chip{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:min(100%,280px);min-height:32px;padding:5px 10px;border:1px solid #42483a;border-radius:18px;background:#20231d;color:#d9dccf;font-size:11px}
.active-filter-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.active-filter-chip-remove{color:var(--lime);font-size:15px;line-height:1}
.clear-filters-button{border:0;background:transparent;color:var(--lime);padding:7px 2px;font-size:11px;white-space:nowrap}
.clear-filters-button:hover{text-decoration:underline}
.active-filter-chip:focus-visible,.clear-filters-button:focus-visible,.filter-control:focus-within{outline:2px solid var(--lime);outline-offset:2px}
.mobile-bottom-nav{display:none}
@media(max-width:980px){.search-filter-bar{grid-template-columns:1fr}.search-filter-bar .search-box{max-width:none}}
@media(max-width:760px){
  .app-shell{padding-bottom:160px}
  .search-filter-bar{grid-template-columns:1fr;gap:8px;margin-top:20px}
  .search-filter-bar .search-box{height:46px}
  .filter-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .filter-control{grid-template-columns:1fr;align-content:center;gap:2px;padding:6px 9px}
  .filter-control>span{font-size:8px}
  .filter-control .filter-select,.filter-control .sort-select{height:27px;padding:0;font-size:11px}
  .active-filter-row{display:grid;grid-template-columns:1fr auto;gap:5px 8px;margin:0 0 13px}
  .active-filter-title{grid-column:1;grid-row:1}
  .clear-filters-button{grid-column:2;grid-row:1;justify-self:end;padding:2px}
  .active-filter-chips{grid-column:1/-1;grid-row:2}
  .active-filter-chip{min-height:34px}
  .mobile-bottom-nav{position:fixed;z-index:4;inset:auto 0 calc(78px + env(safe-area-inset-bottom,0px)) 0;height:58px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:4px;padding:4px max(8px,env(safe-area-inset-left,0px));border-top:1px solid #34372f;background:#171915f5;backdrop-filter:blur(18px)}
  .mobile-bottom-nav .mobile-nav-link{width:100%;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:3px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:10px;line-height:1.1}
  .mobile-bottom-nav .mobile-nav-link.active{background:#24291b;color:var(--lime)}
  .mobile-nav-icon{font-size:17px;line-height:1}
  .mobile-bottom-nav .mobile-nav-link:focus-visible{outline:2px solid var(--lime);outline-offset:-2px}
  .player-bar{height:calc(78px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}
}
@media(max-width:390px){.mobile-bottom-nav .mobile-nav-link{font-size:9px}.active-filter-chip{max-width:100%}}

/* Password visibility control */
.password-field{position:relative;display:block;width:100%;min-width:0}
.password-field input{padding-inline-end:82px}
.password-toggle{position:absolute;inset-inline-end:7px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:58px;min-height:30px;padding:0 8px;border:1px solid #41463a;border-radius:4px;background:#1d201b;color:var(--lime);font:500 10px var(--mono);letter-spacing:.2px;line-height:1;white-space:nowrap;cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.password-toggle:hover{border-color:var(--lime);background:#262b20;color:#efffa8}
.password-toggle:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.password-toggle[aria-pressed="true"]{border-color:#656c50;background:#24291b;color:var(--text)}

/* Current source additions preserved after base stylesheet restoration. */
/* Moderator paneli bağlantısı */
.moderator-link{display:inline-flex;align-items:center;background:transparent;border:1px solid #3a3d35;border-radius:4px;padding:10px 14px;color:var(--lime);font-size:12px;text-decoration:none;white-space:nowrap}
.moderator-link span{color:var(--lime);margin-left:10px}
.moderator-link:hover{border-color:var(--lime)}
@media(max-width:760px){.moderator-link{padding:8px 9px;font-size:10px}.moderator-link span{margin-left:5px}}
/* PWA kurulum kontrolleri */
.install-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 13px;border:1px solid var(--lime);border-radius:4px;background:var(--lime);color:#10110f;font-size:12px;font-weight:700;white-space:nowrap}
.install-button:hover{background:#e2ff83;border-color:#e2ff83}
.install-button:focus-visible,.install-help-close:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.install-help-dialog .modal-content{max-width:440px}
.install-help-note{display:block;margin-top:12px;color:var(--muted);line-height:1.65}
.install-help-close{margin-top:22px}
@media(max-width:760px){.install-button{min-height:34px;padding:7px 9px;font-size:10px}.install-help-dialog .modal-content{max-width:calc(100vw - 36px)}}

.hero-location{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.hero-globe-toggle{border:1px solid #3a4032;border-radius:999px;background:#171a14;color:#b9c19f;padding:7px 11px;font:10px var(--mono);letter-spacing:.3px;transition:border-color .18s,color .18s,background .18s}.hero-globe-toggle:hover,.hero-globe-toggle:focus-visible{border-color:var(--lime);color:var(--lime);background:#20261a;outline:none}.hero-globe-stage[hidden]{display:none!important}.hero-location:has(.hero-globe-stage[hidden]){min-height:42px;justify-content:flex-start}.hero-location:has(.hero-globe-stage[hidden]) .hero-globe-toggle{margin-top:8px}@media(max-width:700px){.hero-location{align-items:flex-start}.hero-globe-toggle{align-self:flex-end}.hero-location:has(.hero-globe-stage[hidden]){width:100%}}
.hero-globe-stage>.hero-globe-toggle{position:absolute;z-index:4;top:4px;right:4px}.hero-globe-stage>.hero-globe-toggle:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
.hero-globe-stage.is-globe-hidden{width:100%;height:42px;min-height:42px;aspect-ratio:auto}.hero-globe-stage.is-globe-hidden .hero-globe-toggle{top:0;right:0}.hero-globe-stage.is-globe-hidden .hero-globe-toggle{display:block!important}
body{font-size:16px}.nav-link{font-size:15px}.sidebar-label{font-size:14px}.hero-description{font-size:16px}.hero-location-label,.hero-location-country,.hero-location-hint,.hero-globe-instructions{font-size:12px}.hero-location-station{font-size:17px}.search-box input,.filter-select{font-size:15px}.station-info strong{font-size:15px}.station-info small,.station-detail small,.station-detail{font-size:13px}.station-bitrate,.station-rating{font-size:12px}.results-meta{font-size:11px}.load-more,.outline-button,.text-button{font-size:13px}.modal-content>p:not(.eyebrow){font-size:15px}

.resume-playback-setting{display:inline-flex;align-items:center;gap:5px;color:#808579;font-size:10px;white-space:nowrap;cursor:pointer}.resume-playback-setting input{width:13px;height:13px;margin:0;accent-color:var(--lime)}.resume-playback-setting span{max-width:118px;overflow:hidden;text-overflow:ellipsis}.player-volume{flex-wrap:wrap}
@media(max-width:760px){.resume-playback-setting span{display:none}.resume-playback-setting{gap:2px}.player-volume{flex-wrap:nowrap}}

/* Mobil oynatıcı: devam tercihini ses kontrollerini sıkıştırmayan kompakt düğme olarak göster. */
@media(max-width:760px){
  .resume-playback-setting{
    position:relative;
    display:inline-flex;
    flex:none;
    width:30px;
    height:30px;
    align-items:center;
    justify-content:center;
    border:1px solid #3a4032;
    border-radius:50%;
    background:#171a14;
    color:#8d9580;
  }
  .resume-playback-setting::before{content:'↻';font-size:17px;line-height:1}
  .resume-playback-setting input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .resume-playback-setting span{display:none}
  .resume-playback-setting:has(input:checked){border-color:var(--lime);background:#24291b;color:var(--lime)}
  .resume-playback-setting:focus-within{outline:2px solid var(--lime);outline-offset:2px}
}

@media(max-width:760px){
  .player-bar{grid-template-columns:minmax(0,1fr) 46px 112px;gap:6px}
  .player-volume{min-width:0;gap:4px;justify-content:flex-end}
  .resume-playback-setting{width:26px;height:26px}
  .resume-playback-setting::before{font-size:15px}
  .player-volume input{width:48px;min-width:0}
}
@media(max-width:390px){
  .player-bar{grid-template-columns:minmax(0,1fr) 42px 100px;gap:4px}
  .player-volume input{width:39px}
}

/* Mobil oynatıcı sırası: [istasyon] [ses] [devam + oynat]. */
@media(max-width:760px){
  .player-bar{grid-template-columns:minmax(0,1fr) 100px 78px;gap:5px}
  .player-volume{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:4px}
  .player-volume input{width:64px;min-width:0}
  .player-controls{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0}
  .player-controls .resume-playback-setting{order:1}
  .player-controls .player-play{order:2;flex:none}
}
@media(max-width:390px){
  .player-bar{grid-template-columns:minmax(0,1fr) 88px 72px;gap:4px}
  .player-volume{gap:2px}
  .player-volume input{width:53px}
  .player-controls{gap:3px}
}

/* Mobil ses kontrolü: düğme normal görünür, uzun dikey çubuk dokununca açılır. */
.volume-toggle{width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid #3a4032;border-radius:50%;background:#171a14;color:#b9c19f;font-size:17px;line-height:1}
.volume-toggle:hover,.volume-toggle:focus-visible{border-color:var(--lime);color:var(--lime);outline:2px solid var(--lime);outline-offset:2px}
.volume-popover{display:flex;align-items:center}
@media(max-width:760px){
  .player-volume{position:relative;width:34px;height:34px;justify-self:center;overflow:visible}
  .volume-popover{position:absolute;z-index:8;left:50%;bottom:38px;display:none;width:44px;height:132px;align-items:center;justify-content:center;border:1px solid #3a4032;border-radius:22px;background:#171a14eF;box-shadow:0 8px 24px #0008}
  .player-volume.is-open .volume-popover{display:flex}
  .volume-popover input{display:block;width:110px!important;min-width:110px;height:24px;transform:rotate(-90deg);transform-origin:center;accent-color:var(--lime)}
}

/* Tablet ve mobilde ortak kompakt ses düğmesi. */
@media(max-width:1100px){
  .player-volume{position:relative;width:34px;height:34px;justify-self:center;overflow:visible;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:0}
  .volume-popover{position:absolute;z-index:8;left:50%;bottom:38px;display:none;width:44px;height:132px;align-items:center;justify-content:center;border:1px solid #3a4032;border-radius:22px;background:#171a14ef;box-shadow:0 8px 24px #0008}
  .player-volume.is-open .volume-popover{display:flex}
  .volume-popover input{display:block;width:110px!important;min-width:110px;height:24px;transform:rotate(-90deg);transform-origin:center;accent-color:var(--lime)}
}

@media(min-width:761px) and (max-width:1100px){
  .player-bar{grid-template-columns:minmax(0,1fr) 42px 104px;gap:6px}
  .player-volume{position:relative;left:clamp(150px,19.5vw,200px);right:auto;bottom:auto;z-index:6;grid-column:2;justify-self:end}
  .player-controls{grid-column:3;justify-content:flex-end;gap:8px}
  .volume-toggle{width:30px;height:30px}
  .volume-popover{bottom:38px}
}

/* Mobil oynatıcı son düzeni: geniş istasyon alanı, yakın ses düğmesi ve rahat dokunma aralığı. */
@media(max-width:760px){
  .player-bar{grid-template-columns:minmax(0,1fr) 42px 82px;gap:4px}
  .player-volume{grid-column:2;justify-self:end}
  .player-controls{grid-column:3;justify-content:flex-start;gap:8px}
}
@media(max-width:390px){
  .player-bar{grid-template-columns:minmax(0,1fr) 38px 76px;gap:3px}
  .player-controls{gap:6px}
}

/* PWA yükleme düğmesi: üst barda daha az yer kaplayan kompakt görünüm. */
.install-button{min-height:30px;padding:6px 9px;font-size:10px;line-height:1.1}
@media(max-width:760px){.install-button{min-height:28px;padding:5px 7px;font-size:9px}}

/* Kurulum düğmesi giriş düğmesiyle aynı yükseklikte, daha dar ve mobilde satır kırılabilir. */
.install-button{width:88px;height:36px;min-height:36px;padding:4px 7px;white-space:normal;text-align:center;line-height:1.1}
.login-button{min-height:36px}
@media(max-width:760px){.install-button{width:68px;height:36px;min-height:36px;padding:4px 5px;font-size:9px;white-space:normal}.login-button{min-height:36px;padding:8px 10px;font-size:11px}}

/* İstasyon adı hücreye sığmadığında yalnızca uzun adları kaydır. */
.station-info strong{position:relative;display:block;overflow:hidden;min-width:0}
.station-info strong>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.station-info strong.is-marquee>span{width:max-content;max-width:none;padding-right:36px;text-overflow:clip;animation:station-name-marquee 8s ease-in-out infinite alternate}
@keyframes station-name-marquee{0%,16%{transform:translateX(0)}84%,100%{transform:translateX(calc(-1 * var(--marquee-distance)))} }
@media(prefers-reduced-motion:reduce){.station-info strong.is-marquee>span{animation:none;text-overflow:ellipsis;max-width:100%}}

.site-credit{margin:12px 0 0;color:#74786d;font-size:10px;line-height:1.5;text-align:right}.site-credit strong{color:#a9b58a;font-weight:500}
@media(max-width:760px){.site-credit{margin-top:10px;font-size:9px;text-align:center}}

.site-credit a{color:#a9b58a;text-decoration:none;text-underline-offset:3px}.site-credit a:hover,.site-credit a:focus-visible{color:var(--lime);text-decoration:underline;outline:none}

/* Hero popular action and resume preference. */
.hero-play-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hero-play-actions .hero-play-button-secondary{width:fit-content!important;max-width:100%;flex:0 0 auto;align-self:flex-start;white-space:nowrap}
.hero-play-actions .hero-resume-playback{margin-top:8px}

/* Player order: station, volume, next popular, play/pause. */
.player-bar{grid-template-columns:minmax(230px,1fr) minmax(110px,.6fr) minmax(220px,1.15fr)}
.player-next-popular{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid #3a3e34;background:transparent;border-radius:50%;color:#c8cbc0;font-size:16px;line-height:1;transition:.18s}
.player-next-popular:hover,.player-next-popular:focus-visible{background:#24291b;border-color:var(--lime);color:var(--lime);outline:2px solid var(--lime);outline-offset:2px}
@media(max-width:1100px){.player-bar{grid-template-columns:minmax(190px,1fr) minmax(90px,.6fr) minmax(190px,1fr)}}
@media(max-width:760px){
  .hero-play-actions{gap:8px}
  .hero-play-actions .hero-play-button-secondary{width:fit-content!important;flex:0 0 auto;min-width:0}
  .hero-play-actions .hero-resume-playback{margin-top:0}
  .player-bar{grid-template-columns:minmax(0,1fr) 42px 82px}
  .player-controls{grid-column:3;grid-row:1;justify-content:flex-start;gap:8px}
  .player-next-popular{width:32px;height:32px;font-size:15px}
}
@media(max-width:390px){.player-bar{grid-template-columns:minmax(0,1fr) 38px 76px}.player-controls{gap:6px}.player-next-popular{width:30px;height:30px}}

/* Unified player controls: volume, next station and play stay together. */
.player-bar{grid-template-columns:minmax(230px,1fr) max-content}
.player-controls{grid-column:2;grid-row:1;width:max-content;justify-self:end;justify-content:flex-end;gap:17px}
.player-controls .player-volume{position:relative;left:auto;right:auto;bottom:auto;z-index:1;grid-column:auto;justify-self:auto}
@media(max-width:1100px){
  .player-bar{grid-template-columns:minmax(0,1fr) max-content;gap:6px}
  .player-controls{grid-column:2;width:max-content;gap:8px}
  .player-controls .player-volume{width:34px;height:34px}
}
@media(max-width:760px){
  .player-bar{grid-template-columns:minmax(0,1fr) max-content;gap:4px}
  .player-controls{grid-column:2;gap:5px}
  .player-controls .player-volume{width:34px;height:34px}
  .player-wave{display:none}
}

/* Center the live indicator and waveform independently from the right controls. */
.player-status{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:10px;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap}
.player-status .player-live{flex:none}
.player-status .player-wave{flex:none}
@media(max-width:760px){.player-status{display:none}}

/* On narrower layouts keep the centered playback animation, hide only its label. */
@media(max-width:1100px){
  .player-status{display:flex}
  .player-status .player-live{display:none}
  .player-status .player-wave{display:flex}
}

@media(max-width:760px){.player-status{display:none}}

.player-play{padding-left:0;font-size:15px;line-height:1}
.player-play,.player-next-popular,.volume-toggle{display:grid;place-items:center;line-height:1;text-indent:0}
.player-play{padding:0;text-indent:1px}
.player-play::first-letter{line-height:1}
.player-next-popular span{display:block;line-height:1;transform:translateX(1px)}
.volume-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px}
.player-play{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--lime)!important;color:#171914!important;border:0;box-shadow:none}
.player-play:focus-visible{outline:2px solid var(--lime);outline-offset:3px}

@media(max-width:760px){
  .now-playing{min-width:0}
  .player-favorite{position:absolute;right:145px;top:50%;z-index:2;width:30px;height:30px;display:grid;place-items:center;transform:translateY(-50%)}
}
@media(max-width:390px){.player-favorite{right:143px}}

.player-controls .player-favorite{position:static;right:auto;top:auto;transform:none;z-index:auto;flex:none}
@media(max-width:760px){.player-controls .player-favorite{width:30px;height:30px}}

@media(max-width:1100px){html,body{overflow-x:hidden}}

/* Consistent, non-native player icon system. */
.player-icon{display:grid;place-items:center;width:100%;height:100%;line-height:0}
.player-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.player-icon-next svg{width:17px;height:17px;stroke-width:1.9}
.player-icon-volume svg{width:18px;height:18px}
.player-play{font-size:0!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#d6f36a!important;background-image:none!important;color:#171914!important;border:0!important;box-shadow:none!important;forced-color-adjust:none}
.player-play::before{content:"";display:block;width:0;height:0;margin-left:2px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}
.player-play.is-playing::before{width:10px;height:12px;margin-left:0;border:0;background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65% 100%)}
.player-play:disabled{background-color:#d6f36a!important;color:#171914!important;opacity:.55}
.player-favorite{font-size:18px;line-height:1}
.player-next-popular span{transform:none}
.player-next-popular .player-icon-next{width:18px;height:18px;display:grid;place-items:center;transform:none}
.player-next-popular .player-icon-next svg{width:18px;height:18px;transform:none}
.player-play::before{content:none}
.player-icon-play{display:grid;place-items:center;width:16px;height:16px}
.player-icon-play::before{content:"";display:block;width:0;height:0;margin-left:2px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}
.player-play.is-playing .player-icon-play::before{width:10px;height:12px;margin-left:0;border:0;background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65% 100%)}

/* RadioAtlas professional brand mark. */
.brand-mark{width:36px;height:36px;flex:0 0 36px;overflow:hidden;border:0;border-radius:10px;background:transparent}
.brand-mark img{display:block;width:36px;height:36px}

/* Searchable country filter input. */
.country-search-input{width:100%;min-width:0;height:48px;padding:0 14px;color:#c9cbc2;background:var(--surface);border:1px solid #30332d;border-radius:5px;outline:0;font:12px var(--sans);letter-spacing:0}
.country-search-input::placeholder{color:#85887e}
.country-search-input:focus-visible{border-color:var(--lime);box-shadow:0 0 0 2px rgba(214,243,106,.14)}

/* Keep station title text inside its cell; the existing overflow check applies marquee to long names. */
.station-copy{flex:1 1 auto;min-width:0;overflow:hidden}
.station-info strong{width:100%;min-width:0}

/* Keep country suggestions anchored directly below their filter cell. */
.country-filter-control{position:relative;z-index:20}
.country-search-wrap{min-width:0;width:100%}
.country-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;max-height:min(320px,50vh);overflow-y:auto;overscroll-behavior:contain;padding:5px;background:#171916;border:1px solid #41463a;border-radius:5px;box-shadow:0 12px 28px rgba(0,0,0,.48)}
.country-suggestion{min-height:38px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;border:0;border-radius:3px;background:transparent;color:var(--text);font:12px var(--sans);text-align:left;cursor:pointer}
.country-suggestion:hover,.country-suggestion[aria-selected="true"]{background:var(--surface2);color:var(--lime)}
.country-suggestion-code{flex:none;color:var(--muted);font:10px var(--mono);letter-spacing:.04em}