:root{color-scheme:dark;--bg-main:#0a0b11;--bg-panel:#101118;--bg-elevated:#181922;--purple:#ad68ef;--purple-light:#d0a1fa;--text-main:#f2f0f8;--text-muted:#a19daf;--border:rgba(199,187,232,.10);--radius:16px;--shadow:0 25px 80px #0008;--sidebar:222px;--player:304px;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;font-size:14px}
*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#705190 #111119}html,body{margin:0;height:100%;background:var(--bg-main);color:var(--text-main)}body{background:radial-gradient(ellipse at 0 0,#39305d 0,transparent 43%),radial-gradient(ellipse at 100% 100%,#241b3e,transparent 50%),#10101c;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit}button{touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--purple-light)}[hidden]{display:none!important}::selection{color:#fff;background:#69418c}*::-webkit-scrollbar{width:8px;height:7px}*::-webkit-scrollbar-track{background:#111119}*::-webkit-scrollbar-thumb{border:2px solid #111119;border-radius:8px;background:#705190}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-80px;left:30px;padding:14px 20px;background:#d6b1f7;color:#1b1226;z-index:100;border-radius:10px}.skip-link:focus{top:25px}.app-shell{height:calc(100dvh - 44px);max-width:1840px;margin:22px auto;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr) var(--player);background:#0c0d14f5;border:1px solid #bc9eef3d;border-radius:22px;box-shadow:var(--shadow),0 0 0 1px #ffffff05;overflow:hidden;width:calc(100% - 48px)}
.sidebar{display:flex;flex-direction:column;min-height:0;overflow-y:auto;border-right:1px solid var(--border);padding:29px 16px 15px;background:linear-gradient(#0d0e15,#0b0d13)}.app-brand{display:flex;align-items:center;gap:9px;text-decoration:none;margin:0 5px 32px;white-space:nowrap}.app-brand img{width:40px;height:40px;object-fit:contain;border-radius:10px}.app-brand b{font-size:19px;letter-spacing:-.6px;font-weight:650}.app-brand em{font-style:normal;color:#c38bef}.app-brand small{display:block;font-size:7px;letter-spacing:1.6px;color:#92909e;margin-top:5px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-link{display:flex;align-items:center;gap:13px;min-height:43px;padding:11px 13px;border:1px solid transparent;background:none;text-align:left;border-radius:10px;color:#b7b3c5;font-size:12px;white-space:nowrap}.nav-link .icon{width:19px;height:19px;color:#aaa6bc}.nav-link:hover{color:#fff;background:#ffffff05}.nav-link.active{background:linear-gradient(100deg,#7c42b244,#6d419322);border-color:#b983ee17;box-shadow:inset 0 1px #ffffff04;color:#f1dfff}.nav-link.active .icon{color:#dec0fb}.nav-count{margin-left:auto;background:#a76ddd2b;padding:2px 6px;font-size:10px;border-radius:7px;color:#d9b4fa}.sidebar-countries{padding:24px 8px 12px;margin-top:20px;border-top:1px solid var(--border)}.sidebar-countries h2{font-size:9px;font-weight:500;letter-spacing:.8px;color:#898398;margin:0 0 13px}.country-item{display:flex;align-items:center;gap:10px;background:none;border:0;border-radius:8px;width:100%;text-align:left;color:#bcb7c9;font-size:11px;min-height:36px;padding:7px 0}.country-item:hover{color:#fff}.country-item .country-count{margin-left:auto;padding:2px 5px;border-radius:8px;background:#ffffff06;font-size:9px;color:#a7a1b5}.country-flag{font-family:"Segoe UI Emoji",sans-serif;font-size:18px;line-height:1.1;display:inline-flex;align-items:center;justify-content:center;min-width:22px}.text-link{display:inline-flex;align-items:center;gap:9px;background:none;border:0;color:#bda1d8;text-decoration:none;font-size:11px;padding:9px 0;min-height:34px}.text-link .icon{width:14px;height:14px}.text-link:hover{color:#ebd5ff}.sidebar-art{margin:auto -16px -1px;min-height:172px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:24px 25px;background:linear-gradient(0deg,#10101de6,transparent),url('assets/earth-night.webp') center 66%/cover;border-top:1px solid #ffffff05}.sidebar-art p{font-size:12px;line-height:1.65;letter-spacing:.25px;margin:10px 0 0;color:#c2bad0}.sidebar-art em{font-style:normal;color:#c797f3}.tiny-wave{color:#b780e2;font-size:15px;letter-spacing:2px}.sidebar-footer{display:flex;gap:12px;justify-content:center;padding-top:14px}.sidebar-footer a{font-size:9px;color:#8f899e;text-decoration:none;min-height:24px}.sidebar-footer a:hover{color:#d5a7fa}
.main-column{min-width:0;display:flex;flex-direction:column;min-height:0}.app-topbar{min-height:78px;display:flex;align-items:center;gap:20px;padding:14px 25px;border-bottom:1px solid var(--border);z-index:6;background:#0d0e16a8}.search-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:0}.search-wrap>.icon{position:absolute;left:14px;width:18px;pointer-events:none;color:#b5b1c3}.search-wrap input{width:100%;height:43px;background:#181921b0;border:1px solid #ffffff0c;border-radius:12px;color:#e8e5f0;padding:0 65px 0 43px;font-size:12px;box-shadow:inset 0 1px #ffffff04}.search-wrap input::placeholder{color:#9691a5}.search-wrap input:focus{border-color:#a777cc80;outline:none;box-shadow:0 0 0 3px #a260d00b}.search-wrap kbd{position:absolute;right:9px;font-size:10px;color:#aaa1bb;border-radius:6px;padding:4px 6px;background:#282533;pointer-events:none}.topbar-note{color:#9691a4;letter-spacing:1px;font-size:8px;white-space:nowrap;display:flex;align-items:center;gap:7px}.topbar-note i,.small-dot{width:5px;height:5px;background:#b989e0;border-radius:50%;box-shadow:0 0 8px #b87ee84a}.profile-button{width:34px;height:34px;flex-shrink:0;border-radius:50%;border:1px solid #bd8bdf44;background:#74528d;color:#eadbf9;font-size:12px}.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;padding:7px;background:#1a1723;border:1px solid #b883dc44;border-radius:12px;box-shadow:0 14px 40px #0009}.search-suggestions button{display:flex;gap:10px;align-items:center;border:0;width:100%;border-radius:8px;background:none;padding:11px 12px;color:#d9c7e8;text-align:left;font-size:12px}.search-suggestions button small{margin-left:auto;color:#a191b2}.search-suggestions button:hover{background:#6a3b8840}.main-content{padding:18px 25px 30px;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scroll-padding:18px}.hero-card{position:relative;overflow:hidden;border-radius:16px;min-height:236px;padding:24px 26px;background:linear-gradient(90deg,#090b1690 0,#090b1625 56%,transparent),url('assets/earth-night.webp') 61% 49%/cover;isolation:isolate;border:1px solid #ffffff08;margin-bottom:24px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:11px;color:#d6c4e9;letter-spacing:.4px}.hero-card h1{font-size:clamp(29px,2.6vw,43px);font-weight:680;letter-spacing:-1.5px;line-height:1.07;margin:12px 0;color:#f6f0fb}.hero-card h1 em{color:#bd84ed;font-style:normal}.hero-card p{font-size:12px;color:#b0a8c1;margin:12px 0 19px}.hero-actions{display:flex;gap:10px;align-items:center}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:22px;min-height:38px;padding:10px 15px;font-size:10px;font-weight:600}.primary-btn{background:linear-gradient(115deg,#b370ef,#853ddd);border:1px solid #d6a5ff33;box-shadow:0 5px 17px #9f56e522;color:white}.primary-btn:hover{filter:brightness(1.14)}.primary-btn .icon,.secondary-btn .icon{width:14px;height:14px}.secondary-btn{background:#15152299;border:1px solid #b9a3d524;color:#e6d9f3}.secondary-btn:hover{background:#302039;border-color:#b988e266}.hero-note{position:absolute;right:22px;bottom:20px;font-size:8px;line-height:1.5;letter-spacing:2px;color:#c6b3d7;transform:rotate(-7deg);opacity:.75}.hero-note span{display:block;color:#c595ee;font-size:19px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px;min-height:26px}.section-title h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.35px;display:flex;align-items:center;gap:9px}.section-title h2>.icon{width:17px;height:17px;color:#ba73ea}.section-title .text-link{padding:0;min-height:26px}.catalog-section{margin-bottom:18px;scroll-margin:10px}.station-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:13px}.station-card{min-width:0;position:relative;display:flex;flex-direction:column;padding:15px 12px 12px;border:1px solid #bbb0de14;background:linear-gradient(135deg,#191a2499,#14151d);border-radius:14px;transition:transform .2s,border-color .2s,box-shadow .2s;isolation:isolate}.station-card:hover{transform:translateY(-3px);border-color:#b078e35c;box-shadow:0 9px 25px #0004}.station-card.playing{border-color:#bc80ec80;background:linear-gradient(140deg,#36224460,#17151f)}.station-logo{width:82px;height:82px;border-radius:50%;margin:0 auto 16px;position:relative;display:grid;place-items:center;overflow:hidden;box-shadow:0 6px 25px #0004;background:var(--station-a,#412254);color:#fff;font-size:22px;font-weight:650}.station-icon{background:linear-gradient(0deg,#17132630,#25143c30),var(--fallback-art,url('assets/scene-night.svg')) center/cover}.station-logo .initials{position:relative;z-index:0;text-shadow:0 1px 8px #000;font-size:20px;letter-spacing:-1px}.station-logo img,.now-art img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;opacity:0;background:#14141d}.has-station-logo img{opacity:1}.station-copy{min-width:0;padding-right:25px}.station-copy h3{font-size:11px;line-height:1.5;font-weight:600;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-copy p{font-size:9px;line-height:1.5;margin:0;color:#9992ac;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-flag{position:absolute;top:85px;left:calc(50% - 11px);width:22px;height:22px;display:grid;place-items:center;background:#1a1723;border-radius:50%;font-size:13px;border:2px solid #15141f;font-family:"Segoe UI Emoji",sans-serif}.signal{display:none}.station-play{position:absolute;inset:0;border:0;border-radius:14px;background:none;z-index:1;cursor:pointer}.station-play .play-triangle{position:absolute;right:9px;bottom:14px;width:29px;height:29px;background:#674583;border-radius:50%;border:1px solid #b995d322;display:grid;place-items:center;transition:background .2s}.play-triangle:after{content:"";display:block;width:0;height:0;border-left:9px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent;margin-left:2px}.station-play:hover .play-triangle{background:#a165d2}.favorite-btn{position:absolute;z-index:2;right:5px;top:4px;width:32px;height:32px;border:0;border-radius:50%;background:#11101840;color:#b3a3c3;font-size:22px;line-height:1;display:grid;place-items:center}.favorite-btn:hover,.favorite-btn.saved{color:#d39ffb}.favorite-btn.saved{animation:heart-pop .22s ease-out}.status-line{display:flex;align-items:center;gap:10px;color:#8d849e;font-size:9px;line-height:1.5;margin:8px 0 0;min-height:25px}.status-line>span{flex:1}.status-line .icon-button{width:25px;height:25px;min-width:25px;padding:4px}.status-line .icon{width:13px;height:13px}.load-more{display:flex;margin:20px auto 5px}.catalog-controls{display:flex;flex-direction:column;gap:14px;margin:0 0 18px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--border);background:#14151e;border-radius:18px;padding:8px 12px;font-size:10px;color:#b1a8c1;min-height:34px}.filter.active{background:#72439566;color:#ebd1ff;border-color:#b679dd55}.filter:hover{border-color:#b679dd55}.country-picker{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:10px;color:#a79cb6}.country-picker select{background:#191720;border:1px solid #bea5dc25;border-radius:9px;color:#d6c8e3;min-height:37px;max-width:100%;width:240px;padding:7px 10px;font-size:11px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:45px 24px;border:1px dashed #b486dc30;border-radius:14px;background:#17111e33}.empty-state>.icon{width:40px;height:40px;color:#ad72d8}.empty-state h3{font-size:18px;margin:20px 0 8px}.empty-state p{font-size:12px;line-height:1.8;color:#b1a0c0;max-width:400px}.empty-state .secondary-btn{margin-top:10px}.skeleton{min-height:178px;pointer-events:none}.skeleton:before{content:"";width:82px;height:82px;border-radius:50%;background:#272330;margin:0 auto 20px}.skeleton:after{content:"";height:25px;border-radius:5px;background:#272330}.skeleton{background:linear-gradient(100deg,#16151f 20%,#211b2c 45%,#16151f 70%);background-size:250% 100%;animation:shimmer 1.8s linear infinite}
.discovery-section{margin-bottom:26px}.discovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.discovery-card{min-height:118px;border-radius:12px;overflow:hidden;position:relative;border:1px solid #c9b0e823;text-align:left;transition:transform .2s,border-color .2s;background-size:cover;background-position:center;background-color:#201c2b}.discovery-card:before,.genre-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,#11111acc)}.discovery-card:hover{transform:translateY(-3px);border-color:#c591ea66}.scene-night{background-image:url('assets/scene-night.svg')}.scene-sunset{background-image:url('assets/scene-sunset.svg')}.scene-neon{background-image:url('assets/scene-neon.svg')}.scene-vinyl{background-image:url('assets/scene-vinyl.svg')}.scene-label{position:absolute;left:12px;right:9px;bottom:12px}.scene-label b{display:block;font-size:10px;font-weight:600;margin-bottom:5px}.scene-label small{display:block;color:#b3a7c4;font-size:8px;line-height:1.4}.genre-section{margin-bottom:25px}.genre-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.genre-tile{min-width:0;position:relative;overflow:hidden;min-height:92px;border-radius:11px;border:1px solid #bfaae021;text-align:left;background-position:center;background-size:cover;transition:transform .2s,border-color .2s}.genre-tile:hover{transform:translateY(-2px);border-color:#c38cec66}.genre-tile span{position:absolute;bottom:12px;left:12px;font-size:11px;font-weight:600}.genre-tile small{position:absolute;bottom:7px;left:12px;font-size:8px;color:#b4a4c4}.favorites-nudge{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #b283dd25;border-radius:12px;background:#1c142233}.favorites-nudge>.icon{color:#c48aec}.favorites-nudge>div{flex:1}.favorites-nudge h2{font-size:11px;margin:0 0 5px}.favorites-nudge p{font-size:9px;color:#a797b8;margin:0}.favorites-nudge .secondary-btn{font-size:9px;min-height:34px;padding:9px 12px}.favorites-nudge #favoriteTotal{background:#63437770;padding:2px 5px;border-radius:5px}.app-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:24px 2px 4px;color:#847b91;font-size:9px}.app-links a{color:#a08dae;text-decoration:none;min-height:24px;display:flex;align-items:center}.app-links a:hover{color:#cbb1e1}.back-top{position:sticky;bottom:5px;float:right;background:#30213f!important;border:1px solid #a977c244!important;margin-top:-36px;z-index:3}.browse-tabs{display:flex;gap:5px}.browse-tabs button{background:#1b1722;border:1px solid #a488bb30;border-radius:15px;font-size:10px;padding:8px 12px}.browse-tabs button.active{background:#69418955;color:#e1c0fd}.section-description{font-size:12px;line-height:1.8;color:#b4a6c3;margin:0 0 22px}.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.browse-grid .country-item{padding:16px;background:#18151f;border:1px solid #bb9ed724;border-radius:12px;min-height:68px;font-size:12px}.browse-grid .genre-tile{min-height:145px}.browse-grid .genre-tile span{font-size:17px;bottom:19px;left:16px}.setting-row{padding:25px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:24px}.setting-row h3{font-size:14px;margin:0 0 7px}.setting-row p{font-size:11px;line-height:1.8;color:#a899b8;margin:0;max-width:370px}.language-switch{display:flex;border:1px solid var(--border);border-radius:10px;padding:4px}.lang-btn{border:0;background:none;padding:9px 12px;border-radius:7px;font-size:11px;color:#ab9abd;min-height:36px}.lang-btn.active{background:#714c9366;color:#eed8ff}.browse-panel,.settings-panel{min-height:70%;padding-top:8px}
.player{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;padding:27px 23px 22px;border-left:1px solid var(--border);background:linear-gradient(145deg,#16121f80,#0d0e14)}.player-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}.player-heading h2{font-size:14px;font-weight:600;margin:0}.player-heading .small-dot{opacity:.5}.icon-button{border:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:10px;color:#bdb2cd;background:transparent;padding:8px}.icon-button:hover{background:#a173c21a;color:#f3dfff}.player #closePlayer{display:none}.now-art{width:100%;aspect-ratio:1;position:relative;border:1px solid #b69bdb28;border-radius:17px;overflow:hidden;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(#19122500,#13121a70),url('assets/scene-night.svg') center/cover;color:#e5cefa;font-size:58px;font-weight:600;box-shadow:0 8px 32px #0004;margin-bottom:20px}.now-art .initials{color:#e6cefd;text-shadow:0 2px 12px #000;font-size:40px}.now-info{min-width:0;position:relative;padding-right:31px}.now-info small{display:block;color:#ad7cd0;letter-spacing:1.1px;font-size:7px;margin-bottom:6px}.now-info strong{display:block;font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.5px;overflow-wrap:anywhere}.now-info #nowCountry{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:11px;color:#c1b6cd}.now-info #nowCountry .country-flag{font-size:14px;min-width:16px}.now-info #nowMeta{display:block;color:#9e91b0;font-size:11px;line-height:1.7;margin-top:10px}.player-fav{position:absolute;top:calc(27px + 40px + var(--player) - 46px + 23px);right:20px;font-size:25px;color:#cba7e8;z-index:3}.player-fav.saved{color:#e0aafa;background:#8f49c033}.player-tags{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0 10px}.player-tags span{border-radius:20px;background:#211c2d;color:#b9a7cd;font-size:9px;padding:5px 10px}.player-visual{margin:13px 0 23px}.waveform{height:66px;display:flex;align-items:center;gap:3px;justify-content:center;opacity:.48}.waveform i{height:var(--h);width:3px;border-radius:5px;background:#484153;transform-origin:center;animation:wave 1.25s ease-in-out var(--delay) infinite;animation-play-state:paused}.waveform i:nth-child(-n+12){background:#bc72f1}.is-playing .waveform{opacity:.95}.is-playing .waveform i{animation-play-state:running}.live-track{height:3px;background:#393343;border-radius:4px;margin-top:12px}.live-track span{display:block;width:28%;height:100%;background:#bb88dc;border-radius:4px}.broadcast-label{display:flex;justify-content:space-between;color:#8c819c;font-size:9px;margin-top:10px}.broadcast-label>span:first-child{color:#be8be3;display:flex;align-items:center;gap:4px}.broadcast-label i{width:4px;height:4px;border-radius:50%;background:#c58bea}.player-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin:5px 0 21px}.player-controls .icon{width:20px;height:20px}.main-play{width:64px;height:64px;border:1px solid #b879e580;border-radius:50%;display:grid;place-items:center;color:#ead4ff;background:radial-gradient(circle at 35% 25%,#794ca68c,#311c45);box-shadow:0 0 22px #a052d530,inset 0 0 15px #a562d72a}.main-play:hover{background:#704295}.main-play .play-triangle:after{border-left-width:12px;border-top-width:8px;border-bottom-width:8px;margin-left:4px}.pause-icon{height:20px;width:15px;border-left:5px solid currentColor;border-right:5px solid currentColor;border-radius:1px}.is-buffering .main-play{position:relative}.is-buffering .main-play:before{content:"";position:absolute;inset:-4px;border:2px solid transparent;border-top-color:#d9a4fe;border-radius:50%;animation:spin 1s linear infinite}.volume-wrap{display:flex;align-items:center;gap:9px}.volume-wrap input{min-width:0;flex:1;accent-color:#b57ce0;height:4px;cursor:pointer}.volume-wrap>span{font-size:9px;color:#a69ab6;width:30px;text-align:right}.volume-wrap .icon{width:16px;height:16px}.volume-wrap .icon-button{width:25px;min-width:25px}.player-note{margin-top:auto;padding:25px 16px 17px;text-align:center;border:1px solid #b397cc17;border-radius:15px;background:linear-gradient(120deg,#1b182288,#14151d88);color:#b8a6c8}.player-note>.icon{color:#a877d0;width:28px;height:28px}.player-note p{font-size:13px;line-height:1.5;margin:10px 0}.player-note em{font-style:normal;color:#d1abea}.player-note small{color:#80728f;font-size:9px}.volume-wrap+.player-note{margin-top:max(30px,4vh)}.player-message{position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);max-width:min(520px,calc(100vw - 30px));width:max-content;border:1px solid #ba82e357;border-radius:12px;padding:13px 18px;background:#281b36f5;color:#e6d8f3;box-shadow:0 9px 32px #0007;font-size:12px;line-height:1.6;opacity:0;pointer-events:none;z-index:50;transition:.2s}.player-message.show{opacity:1;transform:translate(-50%,0)}#expandPlayer{display:none}.mobile-nav{display:none}.noscript-note{position:fixed;z-index:99;bottom:20px;left:20px;right:20px;background:#281b36;padding:18px;border-radius:14px}
@keyframes wave{50%{transform:scaleY(.4)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-250% 0}}@keyframes heart-pop{50%{transform:scale(1.2)}}
@media(min-width:1500px){.station-grid.home-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-card{min-height:243px}.station-card{padding-top:15px}.station-logo{width:87px;height:87px}.station-flag{top:89px}.main-content{padding-top:19px}.discovery-card{min-height:125px}}
@media(max-width:1390px){:root{--sidebar:195px;--player:272px}.app-shell{width:calc(100% - 30px);height:calc(100dvh - 30px);margin:15px auto;border-radius:19px}.sidebar{padding:25px 12px 12px}.app-brand{gap:6px}.app-brand img{width:33px;height:33px}.app-brand b{font-size:17px}.app-brand small{font-size:6px;letter-spacing:1.2px}.nav-link{font-size:11px;padding:10px;gap:10px}.sidebar-countries{padding-left:5px;padding-right:5px}.sidebar-art{margin-left:-12px;margin-right:-12px;padding:22px}.player{padding:25px 19px 20px}.app-topbar{padding:14px 20px;gap:12px}.topbar-note{display:none}.main-content{padding:18px 20px 25px}.hero-card{padding:22px;min-height:224px}.hero-card h1{font-size:35px}.station-grid.home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.station-grid.home-grid .station-card:nth-child(n+5){display:none}.station-logo{width:72px;height:72px}.station-flag{top:76px}.station-card{padding:14px 11px 13px}.scene-label{left:10px}.scene-label b{font-size:10px}.scene-label small{font-size:8px}.genre-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.genre-tile{min-height:82px}.genre-tile span{font-size:10px;left:9px}.player-fav{top:calc(25px + 40px + var(--player) - 38px + 23px);right:14px}.now-info strong{font-size:18px}.waveform{height:56px}.player-note{padding:18px 10px 14px}.player-controls{gap:16px}}
@media(min-width:1391px) and (max-width:1499px){.station-grid.home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.station-grid.home-grid .station-card:nth-child(n+5){display:none}}
@media(max-width:1100px){:root{--sidebar:76px;--player:252px}.sidebar{padding:24px 10px 13px;overflow:visible}.app-brand{margin:0 auto 29px}.app-brand img{width:40px;height:40px}.app-brand>span,.nav-link>span,.sidebar-countries,.sidebar-art,.sidebar-footer{display:none}.sidebar .nav-link{justify-content:center;padding:12px}.sidebar .nav-link .icon{width:21px;height:21px}.sidebar .nav-link{position:relative}.sidebar .nav-link:focus-visible:after,.sidebar .nav-link:hover:after{content:attr(aria-label);position:absolute;left:61px;z-index:30;background:#2c1d3c;border:1px solid #b889d95c;padding:10px 13px;border-radius:8px;color:#f4e7ff;font-size:11px}.player{padding:23px 17px}.hero-card h1{font-size:33px}.hero-note{display:none}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-card{min-height:124px}.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.genre-tile{min-height:104px}.favorites-nudge{flex-wrap:wrap}.favorites-nudge .secondary-btn{margin-left:34px}.player-fav{top:calc(23px + 40px + var(--player) - 34px + 23px)}.now-info strong{font-size:18px}.player-tags span{font-size:8px}.player-note p{font-size:12px}}
@media(max-width:820px){:root{--sidebar:68px}.app-shell{grid-template-columns:var(--sidebar) minmax(0,1fr);width:calc(100% - 20px);margin:10px auto;height:calc(100dvh - 20px)}.main-content{padding-bottom:110px}.player{position:fixed;bottom:24px;left:calc(var(--sidebar) + 27px);right:26px;border:1px solid #be8de542;border-radius:15px;background:#19131feF;backdrop-filter:blur(24px);height:77px;z-index:15;padding:10px;display:grid;grid-template-columns:50px minmax(0,1fr) 45px 35px;gap:10px;overflow:visible;align-items:center}.player-heading,.player-tags,.player-visual,.player .volume-wrap,.player-note{display:none}.now-art{width:50px;height:50px;aspect-ratio:auto;border-radius:10px;font-size:22px;margin:0;grid-column:1;grid-row:1}.now-art .initials{font-size:18px}.now-info{grid-column:2;grid-row:1;padding:0;min-width:0}.now-info strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0}.now-info small{font-size:7px;letter-spacing:.8px;margin-bottom:4px}.now-info #nowCountry,.now-info #nowMeta{display:none}.player-controls{grid-column:3;grid-row:1;display:block;margin:0}.player-controls #prevBtn,.player-controls #nextBtn{display:none}.main-play{width:43px;height:43px}.main-play .play-triangle:after{border-left-width:9px;border-top-width:6px;border-bottom-width:6px}.pause-icon{height:15px;width:12px;border-left-width:4px;border-right-width:4px}.player-fav{position:static;grid-column:4;grid-row:1;width:35px;height:43px;min-width:35px;font-size:23px}.player #expandPlayer{position:absolute;display:block;inset:0;width:100%;border:0;background:none;border-radius:5px}.player-message{bottom:110px}.player.expanded{inset:10px;left:10px;right:10px;bottom:10px;width:auto;height:auto;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;gap:0;padding:25px max(24px,calc((100% - 380px)/2));border-radius:18px;background:#101018;z-index:40}.player.expanded .player-heading{display:flex;margin-bottom:22px}.player.expanded .player-heading h2{font-size:16px}.player.expanded #closePlayer{display:flex}.player.expanded .small-dot{display:none}.player.expanded .now-art{width:100%;height:auto;aspect-ratio:1;border-radius:20px;max-height:40dvh;object-fit:contain;flex-shrink:0;margin:0 auto 20px}.player.expanded .now-art .initials{font-size:48px}.player.expanded .now-info{padding-right:0}.player.expanded .now-info strong{font-size:25px;white-space:normal}.player.expanded .now-info small{font-size:8px}.player.expanded #nowCountry,.player.expanded #nowMeta{display:flex}.player.expanded #expandPlayer{display:none}.player.expanded .player-fav{position:relative;align-self:flex-end;top:auto;right:auto;margin-top:-40px;margin-bottom:15px;min-height:43px}.player.expanded .player-tags{display:flex;flex-shrink:0}.player.expanded .player-visual{display:block;margin:6px 0 18px;flex-shrink:0}.player.expanded .player-controls{display:flex;align-items:center;justify-content:center;gap:25px;flex-shrink:0;margin:0 0 20px}.player.expanded #prevBtn,.player.expanded #nextBtn{display:flex}.player.expanded .main-play{width:66px;height:66px}.player.expanded .pause-icon{width:15px;height:21px;border-width:5px}.player.expanded .volume-wrap{display:flex;margin-bottom:20px;flex-shrink:0}.player.expanded .player-message{bottom:20px}.back-top{bottom:83px}.sidebar-footer{display:none}}
@media(max-width:600px){body{background:#0b0c12}.app-shell{display:block;border:0;border-radius:0;margin:0;width:100%;height:100dvh;box-shadow:none}.sidebar{display:none}.main-column{height:100dvh}.app-topbar{height:72px;min-height:72px;padding:14px 16px;gap:12px;background:#101018}.profile-button{width:31px;height:31px}.search-wrap input{height:42px;font-size:11px;padding-left:38px;padding-right:28px;border-radius:11px}.search-wrap>.icon{left:12px;width:16px}.search-wrap kbd{display:none}.main-content{padding:15px 16px 174px}.hero-card{border-radius:14px;min-height:229px;padding:23px 19px;background-position:55% center;margin-bottom:24px}.hero-card h1{font-size:33px;letter-spacing:-1.2px;line-height:1.07}.hero-card p{font-size:11px;margin:13px 0 20px}.eyebrow{font-size:9px}.hero-actions{gap:7px}.primary-btn,.secondary-btn{padding:10px 12px;font-size:10px;min-height:39px}.hero-card .secondary-btn .icon{display:none}.section-title h2{font-size:16px}.section-title .text-link{font-size:10px}.station-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.station-grid.home-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 12px;gap:11px;scrollbar-width:thin}.station-grid.home-grid .station-card{display:flex!important;flex:0 0 147px;scroll-snap-align:start}.station-card{padding:15px 12px 14px;min-height:184px}.station-logo{width:86px;height:86px;margin-bottom:17px}.station-flag{top:88px;width:22px;height:22px}.station-copy h3{font-size:12px}.station-copy p{font-size:10px}.station-play .play-triangle{right:9px;bottom:17px;width:31px;height:31px}.favorite-btn{width:35px;height:35px}.status-line{font-size:8px}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.discovery-card{min-height:130px}.scene-label b{font-size:11px}.scene-label small{font-size:9px}.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.genre-tile{min-height:110px}.genre-tile span{font-size:12px;left:10px}.favorites-nudge{gap:11px;padding:15px}.favorites-nudge h2{font-size:12px}.favorites-nudge p{font-size:10px;line-height:1.6}.favorites-nudge .secondary-btn{width:100%;margin:4px 0 0;font-size:11px}.app-links{font-size:10px;gap:6px 15px;padding-top:23px}.app-links a{min-height:32px}.app-links>span{width:100%;font-size:9px}.player{left:10px;right:10px;bottom:calc(69px + env(safe-area-inset-bottom));height:73px;padding:9px 10px;grid-template-columns:45px minmax(0,1fr) 41px 33px;gap:8px;border-radius:13px;box-shadow:0 -7px 30px #0004}.now-art{width:45px;height:45px}.now-info strong{font-size:12px}.now-info small{font-size:6px;letter-spacing:.7px}.main-play{width:40px;height:40px}.player-fav{width:33px;min-width:33px}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;min-height:62px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #bb99d923;background:#111019f5;backdrop-filter:blur(20px);align-items:center;justify-content:space-around}.mobile-nav .nav-link{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:48px;flex:1;padding:5px;border-radius:9px;font-size:9px;border:0}.mobile-nav .nav-link>span{display:block}.mobile-nav .nav-link .icon{width:19px;height:19px}.mobile-nav .nav-link.active{background:transparent;box-shadow:none;color:#d7acf9}.mobile-nav .nav-link.active .icon{color:#c28cf0}.player-message{bottom:calc(153px + env(safe-area-inset-bottom));font-size:11px;padding:10px 14px}.player.expanded{inset:0;border:0;border-radius:0;padding:20px 27px calc(20px + env(safe-area-inset-bottom))}.player.expanded .now-art{max-height:36dvh;max-width:330px}.player.expanded .now-info strong{font-size:24px}.player.expanded .now-info small{font-size:8px}.player.expanded .player-tags{margin:12px 0 6px}.player.expanded .waveform{height:48px}.player.expanded .player-visual{margin-bottom:15px}.player.expanded .player-controls{margin-bottom:15px}.back-top{bottom:144px}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;max-width:100%}.filter{flex-shrink:0;min-height:38px}.country-picker select{width:75%}.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.browse-grid .country-item{font-size:11px;padding:12px 10px;flex-wrap:wrap;gap:8px}.browse-grid .country-count{margin-left:0}.browse-grid .genre-tile{min-height:135px}.browse-grid .genre-tile span{font-size:17px}.browse-tabs button{padding:7px 9px;font-size:9px}.setting-row{flex-wrap:wrap;gap:15px}.setting-row h3{font-size:15px}.setting-row p{font-size:12px}.language-switch{width:100%}.lang-btn{flex:1}.empty-state{padding:35px 17px}.empty-state p{font-size:12px}}
@media(max-width:360px){.hero-card{padding:22px 15px}.hero-card h1{font-size:29px}.hero-actions{gap:5px}.hero-actions button{padding:9px;font-size:9px}.player{grid-template-columns:38px minmax(0,1fr) 38px 29px;gap:6px}.now-art{width:38px;height:38px}.main-play{width:37px;height:37px}.player-fav{min-width:29px;width:29px}.now-info strong{font-size:11px}.genre-tile span{font-size:11px}.browse-grid .country-item{font-size:10px}.section-title{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.country-flag img,.station-flag img{display:block;width:22px;height:15px;object-fit:cover;border-radius:3px}.station-flag{font-size:9px}.country-flag>span{display:inline-flex}