@font-face{font-family:Golos Text;font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/golos-cyrillic/font.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Golos Text;font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/golos-latin/font.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#f0f1f3;font-synthesis:none;--bg:#101114;--surface:#191a1e;--surface-2:#212328;--line:#ffffff0d;--muted:#989ba4;--accent:#c5f779;--sidebar:232px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101114;font-family:Golos Text Variable,Golos Text,sans-serif}*{box-sizing:border-box}body{min-width:360px;margin:0}button,input,select{font:inherit;outline:none}a,button,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.35}a{text-decoration:none}a,button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h2{letter-spacing:-.8px;font-size:24px;font-weight:750}img{max-width:100%}select{cursor:pointer}option{color:#f3f4f5;background:#24262c}::selection{background:var(--accent);color:#15200a}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--accent);color:#14200b;padding:12px;position:fixed;top:-100px;left:250px}.skip-link:focus{top:10px}.muted{color:var(--muted)}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.live-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 12px #c5f77944}.icon-button{color:var(--muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:color .2s,background .2s;display:inline-flex}.icon-button:hover{color:#fff;background:#ffffff0a}.is-favorite{color:var(--accent)!important}.button{white-space:nowrap;border-radius:11px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:14px 21px;font-size:13px;font-weight:750;transition:background .2s,transform .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#18200e}.button-primary:hover{background:#d4ff92}.button-outline{color:#e5e7eb;background:#ffffff04;border:1px solid #ffffff16}.button-outline:hover{background:#ffffff0a}.text-link{color:var(--muted);align-items:center;gap:9px;font-size:12px;font-weight:650;display:inline-flex}.eyebrow,.text-link:hover{color:var(--accent)}.eyebrow{letter-spacing:1.9px;align-items:center;gap:9px;font-size:10px;font-weight:750;display:flex}.section-kicker{letter-spacing:1.8px;color:var(--muted);margin-bottom:9px;font-size:9px;font-weight:750;display:block}.tiny-tag{color:#b6bdad;background:#c5f77908;border:1px solid #c5f77917;border-radius:5px;align-items:center;gap:6px;padding:5px 7px;font-size:9px;display:inline-flex}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.heading-inline{align-items:center;gap:14px;display:flex}.section-caption{color:#7e828b;font-size:11px}.sidebar{width:var(--sidebar);z-index:30;background:#151619;border-right:1px solid #ffffff06;flex-direction:column;padding:33px 22px 25px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand{letter-spacing:1.1px;gap:10px;margin:0 5px 47px;font-size:26px;font-weight:850}.brand,.brand-symbol{align-items:center;display:flex}.brand-symbol{background:var(--accent);border-radius:10px;justify-content:center;width:34px;height:34px}.brand-symbol svg{width:28px;height:28px}.brand-symbol path{fill:none;stroke:#25321a;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.brand-dot{color:var(--accent)}.brand-name{flex-direction:column;gap:4px;line-height:1;display:flex}.brand-prefix{letter-spacing:3.2px;color:var(--muted);font-size:8px;font-weight:650}.vinyl-label>span:first-child{text-align:center;line-height:1.1}.sidebar-label{letter-spacing:1.9px;color:#696d76;margin:0 12px 13px;font-size:8px;font-weight:750}.main-nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#90939c;border-radius:9px;align-items:center;gap:13px;padding:13px;font-size:12px;font-weight:650;transition:all .2s;display:flex}.nav-item:hover{color:#f3f4f5;background:#ffffff05}.nav-item.is-active{color:var(--accent);background:#c5f7790b}.nav-active-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-left:auto;display:none}.is-active .nav-active-dot{display:block}.nav-count{color:#c0c4cc;background:#ffffff08;border-radius:5px;margin-left:auto;padding:2px 6px;font-size:10px}.sidebar-section{margin-top:35px}.mood-link{color:#a0a3ab;align-items:center;gap:11px;padding:10px 13px;font-size:11px;font-weight:550;display:flex}.mood-link svg{color:#4c5058;margin-left:auto;transition:color .2s}.mood-link:hover{color:#fff}.mood-link:hover svg{color:var(--accent)}.mood-dot{background:#c4b6e7;border-radius:50%;width:7px;height:7px}.mood-1{background:#acc9a6}.mood-2{background:#dda99c}.mood-3{background:#b7cddd}.sidebar-favorite{color:#969ba5;align-items:center;gap:10px;margin:15px 13px;font-size:11px;display:flex}.sidebar-favorite span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-favorite:hover{color:#fff}.sidebar-bottom{margin-top:auto;padding-top:40px}.sidebar-note{background:linear-gradient(145deg,#23271d,#191b1b);border:1px solid #ffffff0a;border-radius:12px;margin-bottom:20px;padding:16px}.sidebar-note svg{color:#b0c491;margin-bottom:14px}.sidebar-note strong{font-size:10px;font-weight:700;display:block}.sidebar-note p{color:#818a7b;margin-top:7px;font-size:10px;line-height:1.8}.source-credit{color:#636770;align-items:center;gap:4px;margin-left:10px;font-size:9px;display:flex}.sidebar-footnote{letter-spacing:1.5px;color:#4f535b;margin:10px 10px 0;font-size:7px;display:block}.main-shell{margin-left:var(--sidebar);min-height:100vh}.topbar{background:#101114ef;border-bottom:1px solid #ffffff05;gap:24px;height:85px;padding:0 38px}.top-explore,.top-search,.topbar,.topbar-location{align-items:center;display:flex}.topbar-location{white-space:nowrap;color:#c0c2c7;gap:12px;font-size:11px}.topbar-divider{color:#43464f}.topbar-subtitle{color:#5f626c}.back-button{width:27px;height:27px}.top-search{color:#777c86;background:#191a1e;border:1px solid #ffffff0c;border-radius:9px;gap:10px;width:30%;max-width:300px;margin-left:auto;padding:10px 12px}.top-search input{color:#d9dde4;background:0 0;border:0;width:100%;min-width:0;font-size:10px}.top-search input::placeholder{color:#676c77}.top-search kbd{color:#636773;border:1px solid #ffffff10;border-radius:3px;padding:0 4px;font-size:10px}.top-explore{gap:9px;font-size:11px;font-weight:650}.top-explore:hover{color:var(--accent)}.mobile-nav{display:none}.page-content{max-width:1560px;margin:0 auto;padding:31px 38px 133px}.home-page>section{margin-bottom:38px}.page-footer{border-top:1px solid var(--line);color:#666b75;justify-content:space-between;gap:20px;margin-top:50px;padding-top:23px;font-size:10px}.page-footer,.page-footer a{align-items:center;display:flex}.page-footer a{gap:5px;font-size:9px}.hero{background:linear-gradient(110deg,#252b22,#1c221d 38%,#202820 75%,#1e241e);border:1px solid #ffffff08;border-radius:18px;min-height:330px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;opacity:.13;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20180%20180%22%3E%3Cfilter%20id%3D%22a%22%3E%3CfeTurbulence%20baseFrequency%3D%22.7%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22%20type%3D%22fractalNoise%22%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20filter%3D%22url\(%23a\)%22%20opacity%3D%22.2%22%2F%3E%3C%2Fsvg%3E);position:absolute;inset:0}.hero-copy{z-index:2;width:58%;padding:34px 34px 26px;position:relative}.hero .eyebrow{letter-spacing:1.8px;color:#c4cfb8;margin-bottom:19px;font-size:8px}.hero h1{letter-spacing:-2.8px;font-size:calc(clamp(38px,4vw,60px));font-weight:800;line-height:1.12}.hero h1 span{color:var(--accent)}.hero-copy>p{color:#a1ada0;margin-top:18px;font-size:11px;line-height:1.8}.hero-actions{align-items:center;gap:22px;margin-top:24px;display:flex}.hero-actions .button{min-height:42px;padding:12px 17px;font-size:11px}.hero-catalog{color:#c5cbbf;white-space:nowrap;align-items:center;gap:8px;font-size:10px;font-weight:650;display:flex}.hero-catalog:hover{color:var(--accent)}.hero-footnote{color:#798774;align-items:center;gap:7px;margin-top:25px;font-size:8px;display:flex}.hero-art{perspective:900px;width:47%;height:100%;position:absolute;top:0;right:-10px;overflow:hidden}.hero-orbit{border:1px solid #c5f77916;border-radius:50%;width:460px;height:460px;position:absolute;top:-61px;left:-17px;transform:rotateX(32deg)rotateY(-22deg)}.orbit-two{border-style:dashed;border-color:#c5f7790b;width:590px;height:590px;top:-129px;left:-81px}.vinyl{background:radial-gradient(circle at 36% 30%,#3b4439,#151c15 33%,#090d09 66%,#101910 76%);width:285px;height:285px;top:47px;left:53px;transform:rotate(-19deg)rotateY(-13deg);box-shadow:inset 0 0 3px 2px #939d8260,5px 16px 4px #00000030,35px 45px 70px #060b0660}.vinyl,.vinyl-grooves,.vinyl-label,.vinyl-label i,.vinyl:before{border-radius:50%;position:absolute}.vinyl:before{content:"";background:conic-gradient(from 12deg,#0000,#b7d38920,#0000 23% 40%,#b7d38920,#0000 65% 80%,#b7d38916,#0000);inset:0}.vinyl-grooves{background:repeating-radial-gradient(circle,#0000,#0000 2px,#a4b09214 2.8px,#030503 3.5px);inset:9px}.vinyl-label{color:#203514;background:linear-gradient(120deg,#deffa8,#aad361);flex-direction:column;justify-content:center;align-items:center;display:flex;inset:83px;box-shadow:0 0 0 4px #0b150c,inset 0 0 20px #64802933}.vinyl-label>span:first-child{letter-spacing:2px;margin-top:-12px;font-size:18px;font-weight:850}.vinyl-label-small{letter-spacing:1px;margin-top:6px;font-size:4px;font-weight:700}.vinyl-label i{background:#14220c;border:2px solid #759649;width:8px;height:8px;bottom:23px}.art-tag{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.5px;color:#cedbc3;background:#313a29a1;border:1px solid #ffffff13;border-radius:9px;align-items:center;gap:8px;padding:10px 14px;font-size:8px;display:flex;position:absolute}.art-tag-top{letter-spacing:1.5px;font-size:7px;top:37px;right:24px;transform:rotate(5deg)}.art-tag-bottom{padding:12px 16px;font-size:10px;bottom:38px;left:23px;transform:rotate(-5deg)}.art-tag-bottom svg:first-child{color:var(--accent)}.art-coordinate{letter-spacing:1.2px;color:#6f8066;font-size:6px;position:absolute;bottom:19px;right:22px}.mood-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.mood-card{background:#191b20;border:1px solid #ffffff06;border-radius:12px;align-items:center;gap:13px;padding:17px 14px;transition:border-color .2s,transform .2s;display:flex}.mood-card:hover{border-color:#ffffff23;transform:translateY(-3px)}.mood-card>svg{color:#646976;width:15px;margin-left:auto}.mood-icon{color:#c1b0e7;background:#c8bbf112;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.mood-card strong{font-size:11px;font-weight:750;display:block}.mood-card div>span{color:#727785;white-space:nowrap;margin-top:4px;font-size:8px;display:block}.tone-lime .mood-icon{color:#c2e49e;background:#bade9410}.tone-peach .mood-icon{color:#e5b59a;background:#e5b59a10}.tone-blue .mood-icon{color:#9ebfe8;background:#9ebfe810}.station-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 17px;display:grid}.station-card{border-radius:13px;min-width:0;transition:transform .25s}.station-card:hover{transform:translateY(-4px)}.station-art{background:radial-gradient(ellipse at 50% 100%,var(--art-tint),#202228 85%);border:1px solid #ffffff06;border-radius:12px;height:158px;transition:border-color .2s;position:relative;overflow:hidden}.card-active .station-art{border-color:#c5f77970}.station-art:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff04,#0000 40%);position:absolute;inset:0}.station-art-link{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.station-logo{-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:18px;width:90px;height:90px;padding:7px;display:block;box-shadow:0 10px 20px #00000019}.logo-fallback{color:var(--accent);box-shadow:none;background:#c5f77912;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:20px;font-weight:800;display:flex}.card-favorite{color:#9599a3;z-index:2;background:#10111430;width:29px;height:29px;position:absolute;top:9px;right:9px}.card-favorite:hover{background:#10111480}.card-play{color:#25272a;z-index:2;opacity:0;background:#f3f6f3;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;transition:opacity .2s,transform .2s,background .2s;display:flex;position:absolute;bottom:12px;right:12px;transform:translateY(4px);box-shadow:0 4px 15px #0003}.card-play svg{width:16px}.card-active .card-play,.station-card:focus-within .card-play,.station-card:hover .card-play{opacity:1;transform:none}.card-play.is-playing,.card-play:hover{background:var(--accent)}.card-live,.card-source{color:#bcc2c8;background:#0e131799;border-radius:4px;align-items:center;gap:5px;padding:5px 7px;font-size:7px;display:flex;position:absolute;bottom:13px;left:10px}.card-live{color:var(--accent)}.card-live .live-dot{width:4px;height:4px}.station-card-info{padding:11px 2px 0}.station-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;max-width:100%;font-size:12px;font-weight:750;display:flex;overflow:hidden}.station-name svg{opacity:0;color:#888e98;margin-left:auto;transition:opacity .2s}.station-card:hover .station-name svg{opacity:1}.station-card-info p{color:#717680;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:9px;line-height:1.6;overflow:hidden}.discovery-banner{background:linear-gradient(115deg,#20252a,#1b2023);border:1px solid #ffffff08;border-radius:14px;gap:20px;padding:24px 28px}.banner-icon,.discovery-banner,.filter-icon,.filter-reset,.filter-row,.filter-search,.filter-select{align-items:center;display:flex}.banner-icon{color:#b7c8da;background:#b4c7df05;border:1px solid #b4c7df1f;border-radius:50%;justify-content:center;width:59px;height:59px}.discovery-banner h2{font-size:20px}.discovery-banner p{color:#7e8993;margin-top:6px;font-size:10px}.discovery-banner .button{min-height:42px;margin-left:auto;padding:12px 15px;font-size:10px}.page-heading{margin:7px 0 30px}.page-heading .eyebrow{margin-bottom:17px}.page-heading h1{letter-spacing:-1.9px;font-size:43px;font-weight:800}.page-heading h1 span{color:var(--accent)}.page-heading>p{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.8}.catalog-filter-panel{background:#18191d;border:1px solid #ffffff0a;border-radius:12px;overflow:hidden}.filter-search{color:#717784;border-bottom:1px solid #ffffff08;gap:13px;padding:17px 19px}.filter-search input{color:#eee;background:0 0;border:0;flex:1;min-width:0;font-size:12px}.filter-search input::placeholder{color:#6c717c}.filter-row{flex-wrap:wrap;gap:10px;padding:12px 17px}.filter-icon{color:#717682;margin-right:6px}.filter-select{background:#22242a;border:1px solid #ffffff0b;border-radius:7px;min-width:129px;position:relative}.filter-select select{appearance:none;color:#b8bcc7;background:0 0;border:0;width:100%;padding:10px 30px 10px 12px;font-size:10px}.filter-select svg{color:#727886;pointer-events:none;position:absolute;right:10px}.filter-reset{color:#9299a5;background:0 0;gap:5px;margin-left:auto;padding:9px;font-size:10px}.filter-reset:hover{color:var(--accent)}.genre-chips{flex-wrap:wrap;gap:8px;margin:21px 0 28px;display:flex}.genre-chip{color:#939aa5;background:0 0;border:1px solid #ffffff0f;border-radius:7px;align-items:center;padding:8px 13px;font-size:10px;transition:all .2s;display:inline-flex}.genre-chip:hover{color:#d5ddcc;border-color:#c5f77940}.genre-chip.selected{background:var(--accent);color:#253416;border-color:var(--accent);font-weight:750}.catalog-results-heading{color:#a6acb7;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;font-size:11px;display:flex}.catalog-results-heading strong{color:#f0f3f7;font-weight:750}.sort-select{color:#737a87;align-items:center;gap:8px;font-size:10px;display:flex}.sort-select select{color:#b6bfcd;background:0 0;border:0;max-width:130px;padding:6px;font-size:10px}.pagination{justify-content:center;align-items:center;gap:24px;margin-top:37px;display:flex}.pagination>span{color:#717886;font-size:11px}.pagination strong{color:#d7dfeb}.pagination .button{min-height:39px;padding:10px 14px;font-size:10px}.empty-state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:21px;padding:80px 20px;display:flex}.empty-state>svg{color:#93a57b}.empty-state h1,.empty-state h2{color:#e8ece4;letter-spacing:-.7px}.empty-state h1{font-size:34px}.empty-state p{max-width:430px;font-size:12px;line-height:1.9}.favorites-empty{background:radial-gradient(at 50% 30%,#c5f77904,#0000 60%);border:1px dashed #ffffff0e;border-radius:15px;min-height:390px}.empty-heart{color:#c1d8a4;background:#c5f77909;border-radius:24px;justify-content:center;align-items:center;width:87px;height:87px;display:flex}.empty-state .button{margin-top:5px}.station-hero{border-bottom:1px solid var(--line);align-items:center;gap:38px;margin-bottom:35px;padding:30px 0 38px;display:flex}.station-detail-art{background:radial-gradient(at 50% 100%,#344435,#25282d 70%);border:1px solid #ffffff0a;border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:245px;height:245px;display:flex;position:relative}.station-detail-art .station-logo{border-radius:23px;width:150px;height:150px;padding:12px}.detail-art-label{letter-spacing:1.4px;color:#a1af9e;justify-content:center;gap:6px;font-size:7px;display:flex;position:absolute;bottom:17px;left:0;right:0}.station-detail-copy{min-width:0}.station-detail-copy h1{letter-spacing:-1.5px;overflow-wrap:anywhere;margin-top:15px;font-size:calc(clamp(25px,3vw,41px));font-weight:800;line-height:1.25}.detail-genres{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.detail-genres .genre-chip{padding:5px 9px;font-size:9px}.station-detail-copy>p{color:#959da8;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:530px;margin-top:18px;font-size:11px;line-height:1.9;display:-webkit-box;overflow:hidden}.detail-actions{gap:12px;margin-top:24px;display:flex}.detail-actions .button{font-size:11px}.detail-geography{flex-wrap:wrap;gap:17px;margin-top:18px;display:flex}.detail-geography span{color:#808a98;align-items:center;gap:6px;font-size:9px;display:flex}.detail-columns{grid-template-columns:1.4fr 1fr;gap:40px;margin-bottom:43px;display:grid}.detail-about>p{color:#9ba2ae;white-space:pre-line;margin-top:20px;font-size:12px;line-height:2}.detail-about .text-link{color:var(--accent);margin-top:21px}.source-detail{color:#67717e;align-items:center;gap:4px;margin-top:13px;font-size:9px;display:flex}.detail-about p.detail-disclaimer{color:#606a76;margin-top:24px;font-size:9px;line-height:1.8}.detail-streams{background:#181b20;border:1px solid #ffffff08;border-radius:13px;padding:23px}.detail-streams h2{margin-bottom:20px;font-size:20px}.stream-option{text-align:left;background:#22262c;border:1px solid #ffffff0b;border-radius:9px;align-items:center;gap:12px;width:100%;margin-top:10px;padding:12px;display:flex}.stream-option.selected{background:#c5f77907;border-color:#c5f77960}.stream-option-icon{color:#929eaf;background:#ffffff04;border-radius:8px;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.stream-option.selected .stream-option-icon{color:var(--accent);background:#c5f77912}.stream-option strong{font-size:11px;display:block}.stream-option small{color:#707d90;margin-top:4px;font-size:8px;display:block}.stream-option>svg{color:#758298;margin-left:auto}.stream-hint{color:#657384;margin-top:18px;font-size:9px;line-height:1.8}.video-note{color:#b2bfce;gap:15px;font-size:11px;line-height:1.9;display:flex}.player-bar{left:var(--sidebar);z-index:50;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#1a1c20f5;border-top:1px solid #ffffff10;gap:20px;min-height:91px;padding:18px 30px;position:fixed;bottom:0;right:0;box-shadow:0 -12px 45px #00000025}.player-bar,.player-track{align-items:center;display:flex}.player-track{gap:12px;width:37%;min-width:0}.player-art .station-logo{border-radius:9px;width:50px;height:50px;padding:3px}.player-art{flex-shrink:0}.player-track-text{flex-direction:column;gap:5px;min-width:0;display:flex}.player-track-text>a,.player-track-text>strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:750;overflow:hidden}.player-track-text>span{color:#737d8a;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.player-heart{flex-shrink:0;margin-left:4px}.empty-player-art{color:#91a474;background:#c5f77909;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:47px;height:47px;display:flex}.player-empty strong{color:#c1c7ce;font-size:11px}.player-center{gap:13px;margin-left:auto}.player-center,.player-toggle{justify-content:center;align-items:center;display:flex}.player-toggle{background:var(--accent);color:#1e2814;border-radius:50%;flex-shrink:0;width:45px;height:45px}.player-toggle:disabled{color:#819177;opacity:.6;background:#343a32}.player-status{color:#8c96a5;white-space:nowrap;align-items:center;gap:7px;min-width:115px;font-size:9px;display:flex}.player-status.status-live{color:#bbd59a}.player-status.status-error{color:#e0a18b}.player-right{gap:9px;margin-left:auto}.player-error,.player-right,.player-stream{align-items:center;display:flex}.player-stream{max-width:140px;margin-right:8px;position:relative}.player-stream select{appearance:none;color:#b1bbc8;background:#252a30;border:1px solid #ffffff0d;border-radius:7px;max-width:140px;padding:9px 25px 9px 10px;font-size:9px}.player-stream>svg{pointer-events:none;color:#6e7d8f;position:absolute;right:9px}.volume-toggle{width:28px;height:28px}.volume-slider{appearance:none;background:linear-gradient(to right,#c5f779 var(--volume),#41464f var(--volume));cursor:pointer;border-radius:2px;width:79px;height:3px}.volume-slider::-webkit-slider-thumb{appearance:none;background:#c5f779;border-radius:50%;width:9px;height:9px}.volume-slider::-moz-range-thumb{background:#c5f779;border:0;border-radius:50%;width:9px;height:9px}.player-brand{letter-spacing:1.2px;color:#555f6d;margin-left:16px;font-size:10px;font-weight:850}.player-brand span{color:#9bad88}.player-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e8c5ae;background:#272321f5;border:1px solid #f1ad7040;border-radius:10px;gap:14px;padding:13px 16px;font-size:11px;position:absolute;bottom:calc(100% + 8px);left:20px;right:20px}.player-error>span{flex:1}.player-error a,.player-error button{color:#eac4a7;white-space:nowrap;background:0 0;align-items:center;gap:6px;font-size:10px;display:flex}.video-panel{z-index:42;background:#20242a;border:1px solid #ffffff19;border-radius:12px;width:320px;padding:10px;position:fixed;bottom:115px;right:25px;box-shadow:0 10px 50px #0007}.video-panel-title{color:#c9d2de;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;margin-bottom:9px;font-size:10px;display:flex;overflow:hidden}.video-host{aspect-ratio:16/9;background:#111;border-radius:6px;width:100%;overflow:hidden}.video-host iframe{border:0;width:100%;height:100%}.catalog-loading{min-height:70vh}.skeleton{background:linear-gradient(100deg,#1c1e23 25%,#272a31 50%,#1c1e23 75%) 0 0/200% 100%;border-radius:12px;animation:1.8s infinite shimmer}.skeleton-hero{height:340px;margin-bottom:35px}.skeleton-card{height:195px}@keyframes shimmer{to{background-position:-200% 0}}@media (width>=1600px){.hero{min-height:385px}.hero-copy{padding:42px}.hero-art{right:0}.vinyl{width:340px;height:340px;top:32px;left:67px}.vinyl-label{inset:102px}.vinyl-label>span:first-child{font-size:23px}.station-art{height:205px}.station-logo{width:115px;height:115px}.mood-card{padding:22px}.station-grid{gap:26px}.hero-copy>p{font-size:13px}}@media (width<=1200px){:root{--sidebar:205px}.sidebar{padding:30px 16px 22px}.topbar{gap:18px;padding:0 26px}.page-content{padding:25px 26px 125px}.mood-card>svg,.player-brand,.player-heart,.topbar-subtitle{display:none}.hero h1{font-size:43px}.hero-copy{padding:29px}.hero-actions{flex-wrap:wrap;gap:15px}.hero-art{width:44%;right:-20px}.vinyl{width:260px;height:260px;top:70px;left:12px}.vinyl-label{inset:76px}.art-tag-top{right:14px}.art-tag-bottom{font-size:9px;bottom:32px;left:0}.hero-copy>p{font-size:11px}.station-art{height:145px}.mood-grid{gap:10px}.mood-card{gap:9px;padding:14px 10px}.mood-icon{width:34px;height:34px}.mood-card strong{font-size:10px}.mood-card div>span{font-size:7px}.player-bar{padding:17px 21px}.player-right{gap:5px}.player-track{width:32%}.player-stream{margin-right:4px}.player-stream,.player-stream select{max-width:115px}.player-status{min-width:104px;font-size:8px}.player-empty strong{font-size:9px}.player-track-text>a{font-size:11px}.volume-slider{width:60px}.detail-columns{gap:25px}.station-detail-art{width:210px;height:210px}.station-hero{gap:28px}.station-detail-art .station-logo{width:130px;height:130px}}@media (width<=1000px){:root{--sidebar:185px}.brand{gap:8px;font-size:24px}.sidebar-label{font-size:7px}.nav-item{gap:10px;padding:13px 9px;font-size:11px}.topbar{gap:16px;height:73px}.top-search{width:45%}.top-explore{font-size:9px}.page-content{padding:23px 22px 128px}.hero{min-height:355px}.hero-copy{width:70%;padding:28px 25px}.hero h1{font-size:42px}.hero-art{opacity:.7;width:48%;right:-62px}.vinyl{width:235px;height:235px;top:95px}.vinyl-label{inset:68px}.hero-art .art-tag-top{top:55px;right:50px}.hero-art .art-tag-bottom{display:none}.hero-copy>p{max-width:230px}.station-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 13px}.station-art{height:148px}.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.mood-card{padding:17px}.mood-card>svg{display:block}.mood-card strong{font-size:11px}.mood-card div>span{font-size:8px}.mood-icon{width:39px;height:39px}.discovery-banner{gap:16px;padding:22px}.discovery-banner h2{font-size:17px}.discovery-banner .button{padding:11px;font-size:9px}.banner-icon{flex-shrink:0;width:43px;height:43px}.banner-icon svg{width:26px}.player-track{width:42%}.player-right{margin-left:10px}.player-status,.player-stream{display:none}.player-center{gap:10px}.player-empty strong{font-size:10px}.player-toggle{width:42px;height:42px}.station-hero{align-items:flex-start;gap:24px}.station-detail-art{width:155px;height:180px}.station-detail-art .station-logo{border-radius:16px;width:100px;height:100px}.detail-art-label{font-size:6px}.station-detail-copy h1{font-size:27px}.detail-actions{flex-wrap:wrap;gap:9px}.detail-actions .button{min-height:42px;padding:12px 15px;font-size:10px}.detail-columns{grid-template-columns:1fr;gap:24px}.heading-inline{gap:10px}.heading-inline h2{font-size:22px}.tiny-tag{font-size:8px}.filter-select{min-width:120px}.page-heading h1{font-size:36px}}@media (width<=760px){:root{--sidebar:0px}.sidebar{border-bottom:1px solid var(--line);background:#151619;width:100%;height:65px;padding:0;display:block;position:relative;overflow:visible}.sidebar .brand{margin:0;font-size:23px;position:absolute;top:16px;left:22px}.brand-symbol{border-radius:8px;width:29px;height:29px}.brand-symbol svg{width:24px;height:24px}.sidebar .main-nav,.sidebar-bottom,.sidebar-section,.sidebar>.sidebar-label,.top-explore,.top-search kbd,.topbar-location,.topbar-subtitle{display:none}.main-shell{margin-left:0}.topbar{background:0 0;border:0;justify-content:flex-end;gap:12px;height:65px;padding:0 20px;position:absolute;top:0;left:175px;right:0}.top-search{gap:6px;width:100%;max-width:250px;padding:8px 10px}.top-search input{font-size:9px}.mobile-nav{border-bottom:1px solid var(--line);gap:25px;padding:13px 22px;overflow-x:auto}.mobile-nav,.mobile-nav a{align-items:center;display:flex}.mobile-nav a{white-space:nowrap;color:#7f8793;gap:7px;font-size:10px}.mobile-nav a.router-link-exact-active{color:var(--accent)}.page-content{padding:22px 20px 122px}.hero{border-radius:15px;min-height:325px}.hero-copy{width:75%;padding:25px}.hero h1{font-size:44px}.hero-art{opacity:.65;width:49%;right:-50px}.hero .eyebrow{letter-spacing:1.4px;font-size:7px}.hero-catalog{font-size:9px}.hero-footnote{max-width:220px;font-size:7px;line-height:1.7}.home-page>section{margin-bottom:30px}.filter-icon,.section-caption{display:none}.section-heading{margin-bottom:18px}.section-heading h2{font-size:21px}.station-art{height:153px}.station-logo{border-radius:16px;width:92px;height:92px}.card-play{opacity:1;width:31px;height:31px;bottom:10px;right:10px;transform:none}.card-play svg{width:14px}.station-card-info{padding-top:10px}.station-name{font-size:11px}.station-card-info p{font-size:8px}.card-favorite{width:28px;height:28px;top:6px;right:6px}.discovery-banner{flex-wrap:wrap;gap:15px}.discovery-banner .button{margin-top:0;margin-left:58px}.discovery-banner h2{font-size:19px}.discovery-banner .section-kicker{font-size:7px}.page-footer{flex-direction:column;align-items:flex-start;gap:7px;margin-top:30px;font-size:8px;line-height:1.8}.player-bar{gap:13px;min-height:81px;padding:14px 19px;left:0}.player-track{flex:1;gap:10px;width:auto}.player-track-text>a{font-size:11px}.player-art .station-logo{border-radius:8px;width:42px;height:42px}.player-track-text>span{font-size:8px}.player-toggle{width:40px;height:40px}.player-right{gap:7px;margin-left:0}.volume-slider{width:48px}.volume-toggle svg{width:18px}.player-center{margin-left:0}.player-empty strong{font-size:10px}.player-empty .player-track-text>span{font-size:8px}.empty-player-art{width:38px;height:38px}.player-error{flex-wrap:wrap;font-size:10px;left:12px;right:12px}.player-error>span{flex-basis:100%}.video-panel{width:270px;bottom:100px;right:16px}.page-heading h1{font-size:36px}.page-heading>p{font-size:11px}.genre-chips{gap:6px;margin-bottom:22px}.genre-chip{padding:8px 11px;font-size:9px}.filter-row{gap:8px;padding:13px}.filter-select{flex:1;min-width:130px}.filter-reset{font-size:9px}.catalog-results-heading{font-size:10px}.catalog-results-heading .sort-select,.pagination .button,.sort-select select{font-size:9px}.pagination{gap:17px}.pagination>span,.station-detail-copy>p{font-size:10px}.station-hero{gap:23px;padding-top:8px}.detail-geography{gap:8px}.detail-geography span{font-size:8px}.detail-actions .button{font-size:10px}.detail-about>p{font-size:11px}.detail-about h2{font-size:23px}.skip-link{left:10px}}@media (width<=480px){body{min-width:320px}.page-content{padding:18px 16px 115px}.mobile-nav{gap:23px;padding:13px 18px}.sidebar .brand{left:18px}.topbar{padding:0 16px;left:160px}.top-search{padding:8px}.top-search svg{width:14px}.hero{min-height:325px}.hero-copy{width:100%;padding:25px 22px}.hero h1{letter-spacing:-1.9px;font-size:41px;position:relative}.hero-copy>p{max-width:240px;font-size:10px}.hero-art{opacity:.23;pointer-events:none;width:100%;right:-155px}.vinyl{width:250px;height:250px;top:54px;left:40px}.vinyl-label{inset:73px}.art-coordinate,.art-tag-top,.mood-card>svg{display:none}.hero-actions{gap:15px}.hero-actions .button{padding:12px 15px;font-size:10px}.hero-footnote{color:#909d86;font-size:7px}.hero-catalog{font-size:8px}.mood-grid{gap:9px}.mood-card{border-radius:10px;gap:9px;padding:14px 10px}.mood-card strong{font-size:10px}.mood-card div>span{white-space:normal;font-size:7px;line-height:1.5}.mood-icon{border-radius:9px;width:31px;height:36px}.mood-icon svg{width:20px}.heading-inline h2,.section-heading h2{font-size:19px}.heading-inline{flex-wrap:wrap;gap:6px}.tiny-tag{padding:4px 5px;font-size:7px}.text-link{white-space:nowrap;gap:5px;font-size:9px}.text-link svg{width:13px}.station-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 12px}.station-art{height:151px}.station-logo{border-radius:14px;width:83px;height:83px;padding:6px}.station-name{font-size:11px;display:block}.player-right,.station-name svg{display:none}.station-card-info p{font-size:8px}.card-play{width:32px;height:32px;bottom:9px;right:9px}.card-live,.card-source{padding:4px 5px;font-size:6px;bottom:13px;left:8px}.card-source svg{width:10px}.discovery-banner{padding:20px 16px}.discovery-banner h2{letter-spacing:-.5px;font-size:17px}.discovery-banner p{font-size:9px}.discovery-banner .button{width:100%;margin-left:0;font-size:10px}.banner-icon{width:36px;height:36px}.banner-icon svg{width:23px}.discovery-banner .section-kicker{font-size:6px}.discovery-banner>div:nth-child(2){flex:1;min-width:0}.page-heading h1{letter-spacing:-1.4px;font-size:32px}.page-heading .eyebrow{font-size:9px}.filter-search{gap:10px;padding:14px}.filter-search input{font-size:10px}.filter-search svg{width:17px}.filter-select{min-width:120px}.catalog-results-heading,.filter-select select{font-size:9px}.sort-select select{max-width:110px}.sort-select{font-size:8px}.pagination{gap:10px}.pagination .button{min-height:36px;padding:9px 10px;font-size:8px}.pagination>span{font-size:9px}.player-bar{gap:9px;min-height:76px;padding:12px 14px}.player-track-text>a{font-size:10px}.player-track-text>span{font-size:8px}.player-toggle{width:39px;height:39px}.player-track-text>strong{font-size:9px}.player-empty .player-track-text>span{font-size:7px}.video-panel{width:252px;bottom:91px;right:12px}.station-hero{flex-direction:column;align-items:stretch;gap:24px;padding-top:7px}.station-detail-art{width:100%;height:207px}.station-detail-art .station-logo{border-radius:20px;width:125px;height:125px}.station-detail-copy h1{font-size:31px}.station-detail-copy>p{font-size:11px}.detail-actions .button{flex:1;font-size:11px}.detail-geography span{font-size:9px}.detail-columns{gap:26px}.empty-state{padding:60px 14px}.empty-state h1{font-size:27px}.empty-state p{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}.button:hover,.mood-card:hover,.station-card:hover{transform:none}}.logo-container{flex-shrink:0;display:block;position:relative}.logo-container .logo-loading{opacity:0;position:absolute;inset:0}.theme-toggle{border:1px solid #ffffff0d;border-radius:9px;flex-shrink:0;width:34px;height:34px}.station-name{padding-right:18px;display:block;position:relative}.station-name svg{position:absolute;top:2px;right:0}.card-play{opacity:1;transform:none}:root[data-theme=light]{--bg:#f5f6f2;--surface:#fff;--surface-2:#edf0e8;--line:#24311812;--muted:#6b7466;--accent:#416b2a;color:#20271c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f6f2}[data-theme=light] .sidebar{background:#fff;border-color:#e5e9df}[data-theme=light] .brand-symbol{background:#c5f779}[data-theme=light] .sidebar-label{color:#8a9284}[data-theme=light] .nav-item{color:#6b7563}[data-theme=light] .nav-item:hover{color:#2d3b23;background:#f1f4eb}[data-theme=light] .nav-item.is-active{color:#416b2a;background:#eaf2df}[data-theme=light] .nav-count{color:#637357;background:#ebeee5}[data-theme=light] .mood-link,[data-theme=light] .sidebar-favorite{color:#6d7765}[data-theme=light] .mood-link:hover,[data-theme=light] .sidebar-favorite:hover{color:#365525}[data-theme=light] .mood-link svg{color:#929c88}[data-theme=light] .sidebar-note{background:linear-gradient(145deg,#f1f6e8,#f8faf3);border-color:#e4ebda}[data-theme=light] .sidebar-note svg{color:#698c48}[data-theme=light] .sidebar-note strong{color:#354a26}[data-theme=light] .sidebar-note p{color:#7c8b6e}[data-theme=light] .source-credit{color:#78836e}[data-theme=light] .sidebar-footnote{color:#9ba690}[data-theme=light] .topbar{background:#f5f6f2f5;border-color:#e8ebe3}[data-theme=light] .topbar-location{color:#526147}[data-theme=light] .topbar-divider{color:#bec7b4}[data-theme=light] .topbar-subtitle{color:#929d87}[data-theme=light] .top-search{color:#8a9580;background:#fff;border-color:#e1e6da}[data-theme=light] .top-search input{color:#2c3d20}[data-theme=light] .top-search input::placeholder{color:#929d85}[data-theme=light] .top-search kbd{color:#99a28d;border-color:#e4e8dc}[data-theme=light] .theme-toggle{color:#56733b;background:#ffffff60;border-color:#dee5d5}[data-theme=light] .icon-button:hover{color:#416b2a;background:#364b2510}[data-theme=light] .hero{--accent:#c5f779;color:#f3f6ef;background:linear-gradient(115deg,#303e2b,#253421 55%,#31432b);border-color:#25321b}[data-theme=light] .hero .button-primary{color:#243b14;background:#c5f779}[data-theme=light] .hero h1 span{color:#c5f779}[data-theme=light] .hero-copy>p{color:#b5c6a8}[data-theme=light] .hero-footnote{color:#9aac8d}[data-theme=light] .section-kicker{color:#899680}[data-theme=light] .section-caption{color:#8b9881}[data-theme=light] .tiny-tag{color:#6f8458;background:#eef3e6;border-color:#e3ead8}[data-theme=light] .mood-card{background:#fff;border-color:#e6ebdf;box-shadow:0 3px 15px #33482003}[data-theme=light] .mood-card:hover{border-color:#bdcfaa}[data-theme=light] .mood-card strong{color:#35422b}[data-theme=light] .mood-card div>span{color:#8b9880}[data-theme=light] .mood-card>svg{color:#9ca991}[data-theme=light] .mood-icon{color:#8a71ad;background:#f0ebf8}[data-theme=light] .tone-lime .mood-icon{color:#6c8c42;background:#edf4e2}[data-theme=light] .tone-peach .mood-icon{color:#b18464;background:#f8eee4}[data-theme=light] .tone-blue .mood-icon{color:#6085ad;background:#eaf1f9}[data-theme=light] .station-art{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--art-tint) 14%,#f0f4e9));border-color:#e4e9df}[data-theme=light] .station-art:after{background:linear-gradient(135deg,#ffffff50,#0000)}[data-theme=light] .station-logo{box-shadow:0 8px 23px #2441100b}[data-theme=light] .logo-fallback{color:#628444;box-shadow:none;background:#e7efdc}[data-theme=light] .card-favorite{color:#8c987f;background:#fff6}[data-theme=light] .card-favorite:hover{background:#fff}[data-theme=light] .card-active .station-art{border-color:#88b557}[data-theme=light] .card-play{color:#4e653a;background:#fff;box-shadow:0 4px 15px #24361813}[data-theme=light] .card-play.is-playing,[data-theme=light] .card-play:hover{color:#fff;background:#416b2a}[data-theme=light] .station-card-info p{color:#899680}[data-theme=light] .card-live,[data-theme=light] .card-source{color:#597345;background:#ffffffc9}[data-theme=light] .discovery-banner{background:linear-gradient(120deg,#eaf0e3,#edf2e8);border-color:#dee8d4}[data-theme=light] .discovery-banner p{color:#7e916e}[data-theme=light] .banner-icon{color:#71915b;background:#ffffff70;border-color:#d5e2c9}[data-theme=light] .button-primary,[data-theme=light] .genre-chip.selected{color:#fff;background:#416b2a}[data-theme=light] .button-primary:hover{background:#335a21}[data-theme=light] .button-outline{color:#536d40;background:#ffffff50;border-color:#dce4d3}[data-theme=light] .button-outline:hover{background:#fff}[data-theme=light] .genre-chip{color:#7a8a6c;background:#ffffff40;border-color:#dfe7d6}[data-theme=light] .genre-chip:hover{color:#416b2a;border-color:#95b77a}[data-theme=light] .genre-chip.selected:hover{color:#fff}[data-theme=light] .catalog-filter-panel{background:#fff;border-color:#e0e7d8}[data-theme=light] .filter-search{color:#8fa081;border-color:#e9eee2}[data-theme=light] .filter-search input{color:#354b24}[data-theme=light] .filter-search input::placeholder{color:#91a081}[data-theme=light] .filter-select{background:#f5f7f0;border-color:#e5eadc}[data-theme=light] .filter-select select{color:#6c815b}[data-theme=light] .filter-icon,[data-theme=light] .filter-select svg{color:#8ea47c}[data-theme=light] .filter-reset{color:#86987a}[data-theme=light] .catalog-results-heading{color:#74876a}[data-theme=light] .catalog-results-heading strong{color:#334d23}[data-theme=light] .sort-select{color:#93a386}[data-theme=light] .sort-select select{color:#5b744b}[data-theme=light] option{color:#3b532b;background:#fff}[data-theme=light] .empty-state h1,[data-theme=light] .empty-state h2{color:#314627}[data-theme=light] .empty-state>svg{color:#8fa376}[data-theme=light] .favorites-empty{background:#ffffff50;border-color:#d8e3ce}[data-theme=light] .empty-heart{color:#84a860;background:#eaf2df}[data-theme=light] .pagination>span{color:#8a9a7b}[data-theme=light] .pagination strong{color:#4d6b39}[data-theme=light] .page-footer{color:#899980}[data-theme=light] .station-detail-art{background:radial-gradient(at 50% 100%,#dce9cf,#edf3e5 70%);border-color:#dce6d2}[data-theme=light] .detail-art-label{color:#7c906d}[data-theme=light] .detail-about>p,[data-theme=light] .station-detail-copy>p{color:#79896c}[data-theme=light] .detail-geography span,[data-theme=light] .source-detail{color:#8b9c7d}[data-theme=light] .detail-about p.detail-disclaimer{color:#9baa8d}[data-theme=light] .detail-streams{background:#fff;border-color:#e1e9d8}[data-theme=light] .stream-option{background:#f4f7ef;border-color:#e5ecdc}[data-theme=light] .stream-option.selected{background:#eef5e5;border-color:#97bb79}[data-theme=light] .stream-option-icon{color:#7c9863;background:#eaf0e1}[data-theme=light] .stream-option small,[data-theme=light] .stream-option>svg{color:#8a9f77}[data-theme=light] .stream-hint,[data-theme=light] .video-note{color:#8a9b7b}[data-theme=light] .player-bar{background:#fffffff5;border-color:#dfe6d7;box-shadow:0 -8px 30px #30431e08}[data-theme=light] .player-track-text>span{color:#8b9d7d}[data-theme=light] .player-empty strong{color:#526945}[data-theme=light] .empty-player-art{color:#7e9e5a;background:#eef5e5}[data-theme=light] .player-toggle{color:#fff;background:#416b2a}[data-theme=light] .player-toggle:disabled{color:#99ae84;background:#edf2e5}[data-theme=light] .player-status{color:#8b9e7d}[data-theme=light] .player-status.status-live{color:#527b36}[data-theme=light] .player-status.status-error{color:#b16d4c}[data-theme=light] .player-stream select{color:#72895f;background:#f4f7ef;border-color:#e4eada}[data-theme=light] .player-brand{color:#9dad90}[data-theme=light] .player-error{color:#94602e;background:#fffbf4f5;border-color:#e5caa3}[data-theme=light] .player-error a,[data-theme=light] .player-error button{color:#956b39}[data-theme=light] .video-panel{background:#fff;border-color:#dce5d0}[data-theme=light] .video-panel-title{color:#66814f}[data-theme=light] .skeleton{background:linear-gradient(100deg,#edf1e6 25%,#e3ead8 50%,#edf1e6 75%) 0 0/200% 100%}@media (width<=760px){[data-theme=light] .topbar{background:0 0}.topbar{z-index:31;gap:9px}.top-search{flex:1;min-width:0}.theme-toggle{width:31px;height:31px}[data-theme=light] .mobile-nav a{color:#8a9c7b}[data-theme=light] .mobile-nav a.router-link-exact-active{color:#416b2a}}@media (width<=480px){.player-right{display:flex}.player-right .volume-slider{display:none}.player-right .volume-toggle{width:25px;height:25px}.player-track-text{max-width:calc(100vw - 150px)}}:root{--text:#f2f3f8;--muted:#a2a6b6;--bg:#111218;--surface:#1b1d27;--surface-2:#252836;--line:#ffffff12;--lime:#c5f779;--purple:#b5a0fa;--player-height:84px;--nav-height:0px;--safe-bottom:env(safe-area-inset-bottom,0px);font-size:15px}:root[data-theme=light]{--text:#202433;--muted:#626b80;--bg:#f5f6fb;--surface:#fff;--surface-2:#edf0f8;--line:#222a4212}:root[data-theme=light],body{background:var(--bg);color:var(--text)}.app-shell .sidebar{background:var(--bg);border-color:var(--line);padding:30px 20px 24px}.app-shell .sidebar-label{color:var(--muted);letter-spacing:1.3px;font-size:10px}.app-shell .sidebar .nav-item{color:var(--muted);min-height:48px;padding:14px 13px;font-size:14px}.app-shell .sidebar .nav-item.is-active{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent)}.app-shell .sidebar .mood-link{min-height:44px;color:var(--muted);font-size:13px}.app-shell .sidebar-note strong{color:var(--text);font-size:12px}.app-shell .sidebar-note p{color:var(--muted);font-size:12px}.app-shell .source-credit{color:var(--muted);font-size:11px}.app-shell .brand-prefix{color:var(--muted);font-size:9px}.app-shell .topbar{background:var(--bg);border-color:var(--line);gap:20px;height:84px;padding:0 36px}.app-shell .topbar-location{color:var(--text);font-size:13px}.app-shell .topbar-subtitle{color:var(--muted)}.app-shell .top-search{background:var(--surface);border-color:var(--line);width:34%;max-width:360px;min-height:46px;padding:10px 14px}.app-shell .top-search input{color:var(--text);font-size:13px}.app-shell .top-search input::placeholder{color:var(--muted)}.app-shell .top-explore{font-size:13px}.app-shell .icon-button,.app-shell .theme-toggle{min-width:44px;min-height:44px}.mobile-search{display:none}.mobile-dock{display:contents}.app-shell .page-content{max-width:1560px;padding:30px 36px 132px}.app-shell .page-footer{color:var(--muted);gap:16px;font-size:12px}.app-shell .page-footer a{color:var(--muted);font-size:11px}.app-shell .button{border-radius:13px;min-height:48px;padding:13px 20px;font-size:14px}.app-shell .button svg{width:18px;height:18px}.app-shell .text-link{white-space:nowrap;min-height:44px;color:var(--muted);font-size:13px}.app-shell .section-heading{align-items:end;gap:16px;margin-bottom:22px}.app-shell .section-heading h2{letter-spacing:-.9px;font-size:calc(clamp(23px,2.2vw,30px));line-height:1.2}.app-shell .section-kicker{letter-spacing:1.6px;color:var(--muted);font-size:10px;line-height:1.6}.app-shell .section-caption{color:var(--muted);font-size:13px}.app-shell .home-page>section{margin-bottom:42px}.app-shell .eyebrow{letter-spacing:1.4px;font-size:11px}.app-shell .discovery-hero{color:#f4f5f8;isolation:isolate;background:radial-gradient(at 86% 25%,#7c59bd32,#0000 50%),linear-gradient(125deg,#252b21,#222630 58%,#302744);border:1px solid #ffffff0d;border-radius:24px;min-height:365px}.app-shell .discovery-hero .hero-copy{z-index:2;width:65%;padding:38px}.app-shell .discovery-hero h1{letter-spacing:-2.8px;font-size:calc(clamp(42px,4.4vw,68px));line-height:1.04}.app-shell .discovery-hero h1 span{color:var(--lime)}.app-shell .discovery-hero .eyebrow{color:#d4e7bb;letter-spacing:1.7px;margin-bottom:24px;font-size:10px}.app-shell .discovery-hero .hero-copy>p{color:#c1c5c9;max-width:420px;margin-top:20px;font-size:15px;line-height:1.7}.app-shell .discovery-hero .hero-actions{flex-wrap:wrap;gap:12px;margin-top:25px}.app-shell .discovery-hero .button-primary{background:var(--lime);color:#1c2a12}.app-shell .discovery-hero .button-outline{color:#f3f4f6;background:#ffffff05;border-color:#ffffff25}.app-shell .discovery-hero .hero-footnote{color:#b9c0b8;max-width:none;margin-top:26px;font-size:11px;line-height:1.6}.discovery-art{z-index:1;pointer-events:none;width:42%;position:absolute;inset:0 0 0 auto;overflow:hidden}.sound-orbit{border:1px solid #c5f77924;border-radius:50%;width:380px;height:380px;position:absolute;top:0;left:0;transform:rotate(-25deg)scaleY(.83)}.orbit-inner{border-color:#b8a6ff30;width:285px;height:285px;top:46px;left:48px;transform:rotate(25deg)scaleY(.88)}.sound-disc{color:#25371b;background:linear-gradient(140deg,#c5f779,#9eda68);border-radius:38%;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:210px;height:210px;display:flex;position:absolute;top:78px;left:77px;transform:rotate(-14deg);box-shadow:12px 16px #c5f7790b,0 25px 65px #0003}.sound-disc>span{letter-spacing:4px;text-align:center;font-size:13px;line-height:1.4}.sound-disc strong{letter-spacing:3px;font-size:27px}.floating-tag{white-space:nowrap;border-radius:13px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:650;display:flex;position:absolute;box-shadow:0 8px 30px #0002}.tag-one{color:#2f1d4b;background:#bea5fb;font-size:17px;top:37px;left:22px;transform:rotate(-8deg)}.tag-two{color:#f2f4f0;letter-spacing:1.4px;background:#272932;border:1px solid #ffffff20;font-size:10px;top:91px;right:18px;transform:rotate(10deg)}.tag-three{color:#163c43;background:#b9e8ec;bottom:39px;left:20px;transform:rotate(5deg)}.sound-spark{color:#c2a6fa;font-size:76px;line-height:1;position:absolute;bottom:72px;right:27px;transform:rotate(-12deg)}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.collection-card{--cover:#b5a0fa;--cover-ink:#33224d;isolation:isolate;background:var(--cover);min-height:242px;color:var(--cover-ink);border-radius:22px;flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.collection-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #0002}.collection-card.tone-lime,.collection-hero.tone-lime{--cover:#c5f779;--cover-ink:#263d15}.collection-card.tone-cyan,.collection-hero.tone-cyan{--cover:#a9e4ee;--cover-ink:#173a45}.collection-card.tone-pink,.collection-hero.tone-pink{--cover:#f1b4cc;--cover-ink:#4b2037}.collection-card.tone-orange,.collection-hero.tone-orange{--cover:#f3c49b;--cover-ink:#50341b}.collection-card.tone-violet,.collection-hero,.collection-hero.tone-violet{--cover:#bca6f0;--cover-ink:#35234e}.collection-kicker{z-index:1;letter-spacing:1.3px;text-transform:uppercase;max-width:80%;margin-bottom:48px;font-size:10px;font-weight:700;position:relative}.collection-icon{opacity:.7;z-index:1;border:1px solid;border-radius:50%;width:46px;height:46px;padding:10px;position:absolute;top:21px;right:21px}.collection-icon svg{width:100%;height:100%}.collection-title{z-index:1;letter-spacing:-.7px;max-width:92%;margin-bottom:10px;font-size:25px;font-weight:800;line-height:1.12;position:relative}.collection-description{z-index:1;opacity:.9;max-width:95%;margin-bottom:20px;font-size:12px;line-height:1.6;position:relative}.collection-count{z-index:1;align-items:center;gap:8px;margin-top:auto;font-size:11px;font-weight:650;display:flex;position:relative}.cover-shapes{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cover-shape{opacity:.08;border:26px solid;border-radius:50%;width:190px;height:190px;position:absolute;top:68px;right:-65px;transform:rotate(-20deg)}.cover-shape:nth-child(2){opacity:.12;border-width:18px;width:110px;height:110px;top:-65px;right:28px}.cover-shape:nth-child(3){border-radius:30px;width:220px;height:80px;top:125px;right:-60px;transform:rotate(-35deg)}.tag-chips{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.tag-chip{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);border-radius:100px;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:550;transition:background .2s,border-color .2s;display:inline-flex}.tag-chip.is-active,.tag-chip:hover{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.hashtag-section{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:25px}.collections-hero{margin:8px 0 28px}.collections-hero h1{letter-spacing:-1.8px;margin:18px 0;font-size:calc(clamp(34px,4vw,52px));line-height:1.1}.collections-hero p{color:var(--muted);max-width:650px;font-size:15px;line-height:1.8}.collections-page>.tag-chips{margin-bottom:28px}.collection-hero{background:var(--cover);color:var(--cover-ink);border-radius:24px;margin-bottom:30px;padding:36px;position:relative;overflow:hidden}.collection-copy{z-index:1;position:relative}.collection-hero h1{letter-spacing:-1.7px;margin:14px 0;font-size:calc(clamp(36px,4vw,55px));line-height:1.1}.collection-hero p{max-width:640px;font-size:15px;line-height:1.8}.collection-hero .eyebrow{color:var(--cover-ink)}.collection-hero .tag-chips{margin-top:20px}.collection-hero .tag-chip{color:var(--cover-ink);background:#ffffff45;border-color:#00000012}.collection-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.collection-actions .button{background:var(--cover-ink);color:#fff}.collection-play-hint{font-size:12px!important}.collection-page>.tag-chips{margin-bottom:24px}.app-shell .station-grid{gap:25px 18px}.app-shell .station-art{border-color:var(--line);border-radius:18px;height:180px}.app-shell .station-logo{border-radius:18px}.app-shell .station-card-info{padding:13px 2px 0}.app-shell .station-name{color:var(--text);font-size:15px;font-weight:700;line-height:1.5}.app-shell .station-card-info p{color:var(--muted);font-size:12px;line-height:1.6}.app-shell .card-play{opacity:1;width:44px;height:44px;bottom:12px;right:12px;transform:none}.app-shell .card-play svg{width:19px;height:19px}.app-shell .card-favorite{width:44px;height:44px;top:7px;right:7px}.app-shell .card-live,.app-shell .card-source{padding:7px 9px;font-size:10px;bottom:17px}.app-shell .discovery-banner{background:var(--surface);border-color:var(--line);border-radius:20px;gap:20px;padding:26px}.app-shell .discovery-banner h2{color:var(--text);font-size:24px}.app-shell .discovery-banner p{color:var(--muted);font-size:13px;line-height:1.7}.app-shell .discovery-banner .button{font-size:13px}.app-shell .page-heading h1{font-size:calc(clamp(34px,3.5vw,49px));line-height:1.15}.app-shell .page-heading>p{color:var(--muted);font-size:15px}.app-shell .catalog-filter-panel{background:var(--surface);border-color:var(--line);border-radius:17px}.app-shell .filter-search{border-color:var(--line);min-height:60px;padding:14px 18px}.app-shell .filter-search input{color:var(--text);font-size:15px}.app-shell .filter-search input::placeholder{color:var(--muted)}.app-shell .filter-select{background:var(--surface-2);border-color:var(--line);min-width:145px}.app-shell .filter-select select{min-height:44px;color:var(--text);font-size:13px}.app-shell .filter-reset{min-height:44px;color:var(--muted);font-size:13px}.app-shell .genre-chips{gap:8px;margin:20px 0}.app-shell .genre-chip{align-items:center;min-height:44px;padding:10px 14px;font-size:13px;display:inline-flex}.catalog-tags{margin:20px 0}.active-tag-row{color:var(--muted);align-items:center;gap:12px;margin-top:12px;font-size:13px;display:flex}.app-shell .catalog-results-heading{color:var(--muted);font-size:14px}.app-shell .catalog-results-heading strong{color:var(--text)}.app-shell .sort-select,.app-shell .sort-select select{max-width:170px;color:var(--muted);min-height:44px;font-size:12px}.app-shell .pagination .button{min-height:44px;padding:10px 14px;font-size:13px}.app-shell .pagination>span{font-size:13px}.app-shell .detail-about>p,.app-shell .station-detail-copy>p{color:var(--muted);font-size:15px;line-height:1.9}.app-shell .detail-actions .button{min-height:48px;font-size:14px}.app-shell .detail-geography span{color:var(--muted);font-size:12px}.app-shell .detail-genres .genre-chip{min-height:36px;padding:7px 11px;font-size:12px}.station-discovery-tags{margin-top:18px}.app-shell .detail-streams{background:var(--surface);border-color:var(--line)}.app-shell .stream-option{background:var(--surface-2);border-color:var(--line);min-height:64px}.app-shell .stream-option strong{font-size:14px}.app-shell .stream-option small{color:var(--muted);font-size:11px}.app-shell .detail-disclaimer,.app-shell .source-detail,.app-shell .stream-hint{color:var(--muted);font-size:12px}.app-shell .empty-state p{font-size:15px}.app-shell .empty-state h2{color:var(--text)}.app-shell .player-bar{left:calc(20px + var(--sidebar));height:var(--player-height);min-height:var(--player-height);border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 95%,transparent);z-index:55;border-radius:19px;gap:15px;padding:12px 18px;bottom:16px;right:20px;box-shadow:0 8px 45px #0003}.app-shell .player-track{gap:8px;width:36%;min-width:0}.player-track-main{text-align:left;background:0 0;border-radius:10px;align-items:center;gap:12px;width:100%;min-width:0;min-height:48px;padding:0;display:flex}.player-track-main .station-logo{border-radius:11px;width:48px;height:48px;padding:4px}.app-shell .player-track-text{min-width:0;max-width:none;color:var(--text);gap:5px}.app-shell .player-track-text>strong{font-size:14px;line-height:1.4}.app-shell .player-track-text>span{color:var(--muted);font-size:11px}.app-shell .player-heart{min-width:44px;display:flex}.app-shell .player-toggle{width:48px;height:48px}.app-shell .player-status{gap:7px;min-width:100px;font-size:11px;display:flex}.app-shell .player-center{gap:15px;margin-left:auto}.app-shell .player-right{gap:10px;margin-left:auto;display:flex}.app-shell .player-stream{max-width:150px;display:flex}.app-shell .player-stream select{background:var(--surface-2);border-color:var(--line);max-width:150px;min-height:44px;color:var(--text);font-size:12px}.app-shell .player-expand{flex-shrink:0}.app-shell .volume-slider{width:75px}.app-shell .player-empty strong{color:var(--text);font-size:14px}.app-shell .player-empty .player-track-text>span{font-size:11px}.app-shell .player-error{background:var(--surface);color:var(--text);border-color:#e1a78355;gap:10px;font-size:12px}.app-shell .player-error a,.app-shell .player-error button{min-height:36px;font-size:12px}.app-shell .video-panel{bottom:calc(45px + var(--player-height));background:var(--surface);border-color:var(--line);z-index:45;right:20px}.app-shell .video-panel-title{color:var(--text);font-size:12px}.expanded-player{border:1px solid var(--line);background:var(--surface);width:calc(min(520px,100vw - 32px));max-height:calc(100dvh - 32px);color:var(--text);overscroll-behavior:contain;border-radius:28px;padding:0;box-shadow:0 25px 100px #0006}.expanded-player::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0c13b8}.expanded-player-content{flex-direction:column;align-items:center;gap:19px;padding:24px 30px 28px;display:flex}.expanded-player-header{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.expanded-player-header .icon-button{width:44px;height:44px}.expanded-art{background:radial-gradient(ellipse at 30% 70%,#c5f77920,transparent 65%),linear-gradient(145deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:24px;justify-content:center;align-items:center;width:100%;height:235px;display:flex}.expanded-art .station-logo{border-radius:26px;width:155px;height:155px;padding:14px}.expanded-heading{justify-content:space-between;align-items:center;gap:15px;width:100%;display:flex}.expanded-heading>div{min-width:0}.expanded-heading h2{letter-spacing:-.8px;overflow-wrap:anywhere;font-size:26px;line-height:1.2}.expanded-heading p{color:var(--muted);margin-top:7px;font-size:13px}.expanded-heading .icon-button{flex-shrink:0;width:44px;height:44px}.expanded-live{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.expanded-live.is-live{color:var(--accent)}.expanded-player .expanded-play.player-toggle{width:76px;height:76px}.expanded-player .expanded-art .station-logo{border-radius:26px;width:150px;height:150px;padding:14px}.expanded-volume{align-items:center;gap:12px;width:100%;max-width:310px;display:flex}.expanded-volume .icon-button{width:44px;height:44px}.expanded-volume input{accent-color:var(--accent);flex:1;min-width:0;height:44px}.expanded-stream{width:100%;color:var(--muted);flex-direction:column;gap:9px;font-size:12px;display:flex}.expanded-stream select{width:100%;height:48px;font:inherit;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:11px;padding:0 12px;font-size:14px}.expanded-error{color:#d7a88d;background:var(--surface-2);border-radius:12px;width:100%;padding:15px;font-size:13px;line-height:1.7}.expanded-error .button{margin-top:10px}.expanded-station-link{min-height:44px;font-size:14px}.expanded-disclaimer{color:var(--muted);text-align:center;font-size:11px;line-height:1.7}@media (width>=1600px){.app-shell .discovery-hero{min-height:410px}.discovery-art{top:22px;right:35px}.app-shell .station-art{height:205px}}@media (width<=1200px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-card{min-height:220px}.collection-title{font-size:29px}.collection-kicker{margin-bottom:35px}.app-shell .player-heart,.app-shell .player-status,.app-shell .top-explore{display:none}.app-shell .player-track{width:43%}.discovery-art{width:43%;right:-60px}.app-shell .discovery-hero .hero-copy{width:75%;padding:32px}.app-shell .discovery-hero h1{font-size:53px}.app-shell .discovery-hero .hero-copy>p{font-size:14px}.app-shell .page-content,.app-shell .topbar{padding-left:26px;padding-right:26px}}@media (width<=1000px){.app-shell .station-art{height:160px}.app-shell .station-name{font-size:14px}.app-shell .top-search{width:50%}.discovery-art{opacity:.5;width:65%;right:-130px}.app-shell .player-stream{display:none}.app-shell .player-track{width:50%}.app-shell .player-right{gap:4px}.app-shell .player-bar{left:calc(12px + var(--sidebar));gap:8px;right:12px}.app-shell .discovery-banner h2{font-size:21px}.app-shell .discovery-banner .button{font-size:12px}.app-shell .section-heading h2{font-size:25px}}@media (width<=760px){:root{--nav-height:64px;--player-height:72px}.app-shell .sidebar{background:var(--bg);width:100%;height:72px;padding:0;position:relative}.app-shell .sidebar .brand{gap:9px;font-size:24px;top:17px;left:20px}.app-shell .brand-symbol{width:33px;height:33px}.app-shell .topbar{z-index:31;background:0 0;border:0;gap:8px;height:72px;padding:0;position:absolute;top:0;left:auto;right:16px}.app-shell .top-explore,.app-shell .top-search,.app-shell .topbar-location{display:none}.app-shell .mobile-search{display:inline-flex}.app-shell .theme-toggle{width:44px;height:44px}.app-shell .mobile-dock{z-index:60;padding-bottom:var(--safe-bottom);border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);opacity:1;border-radius:20px 20px 0 0;flex-direction:column;transition:transform .3s ease-out,opacity .3s ease-out;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0);box-shadow:0 -12px 45px #00000025}.app-shell .mobile-dock.is-collapsed{opacity:0;pointer-events:none;transform:translateY(150%)}.app-shell .mobile-nav{z-index:auto;height:var(--nav-height);background:0 0;border:0;flex-shrink:0;padding:6px 12px;display:block;position:relative;bottom:auto;left:auto;right:auto;overflow:visible}.app-shell .player-bar+.mobile-nav{border-top:1px solid var(--line)}.mobile-nav-items{grid-template-columns:repeat(4,minmax(0,1fr));height:100%;display:grid;position:relative}.mobile-nav-indicator{pointer-events:none;opacity:1;width:25%;height:100%;position:absolute;top:0;left:0}.mobile-nav-indicator.is-hidden{opacity:0}.mobile-nav-highlight{background:color-mix(in srgb,var(--accent) 10%,transparent);opacity:1;border-radius:11px;width:100%;height:100%;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s;display:block;transform:scale(1)}.mobile-nav-highlight.is-moving{opacity:.8;transition:transform .15s cubic-bezier(.4,0,1,1),opacity .15s;transform:scale(.55)}.app-shell .mobile-nav a{z-index:1;min-width:0;min-height:48px;color:var(--muted);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:10px;font-weight:550;transition:color .3s;display:flex;position:relative}.app-shell .mobile-nav a.is-active{color:var(--accent);background:0 0}.app-shell .mobile-nav a svg{transition:transform .3s}.app-shell .mobile-nav a.is-active svg{transform:scale(1.1)}.app-shell .page-content{padding:20px 20px calc(42px + var(--player-height) + var(--nav-height) + var(--safe-bottom))}.app-shell .home-page>section{margin-bottom:32px}.app-shell .discovery-hero{border-radius:23px;min-height:360px}.app-shell .discovery-hero .hero-copy{width:100%;padding:28px}.app-shell .discovery-hero h1{letter-spacing:-2.3px;font-size:53px}.app-shell .discovery-hero .hero-copy>p{max-width:360px;font-size:14px}.app-shell .discovery-hero .hero-footnote{max-width:300px;font-size:11px}.discovery-art{opacity:.22;width:360px;top:24px;right:-85px}.app-shell .player-heart,.app-shell .player-right,.app-shell .player-status,.app-shell .section-caption,.app-shell .station-name svg,.desktop-break,.sound-spark,.tag-one,.tag-three,.tag-two{display:none}.sound-disc{width:220px;height:220px;top:100px;left:102px}.app-shell .station-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.app-shell .station-art{height:180px}.app-shell .station-name{padding-right:0;font-size:14px}.app-shell .station-card-info p{font-size:11px}.app-shell .station-logo{width:92px;height:92px}.collection-grid{gap:13px}.collection-card{border-radius:19px;min-height:240px;padding:20px}.collection-title{font-size:25px}.collection-description{font-size:12px}.collection-kicker{margin-bottom:45px;font-size:9px}.collection-icon{width:40px;height:40px;top:17px;right:17px}.app-shell .section-heading{align-items:center;gap:12px}.app-shell .section-heading h2{font-size:25px}.app-shell .section-kicker{font-size:9px}.app-shell .text-link{font-size:12px}.hashtag-section{padding:23px 20px}.tag-chip{padding:10px 15px;font-size:13px}.app-shell .discovery-banner{gap:15px;padding:23px}.app-shell .discovery-banner h2{font-size:22px}.app-shell .discovery-banner .button{width:100%;min-height:48px;margin-left:0;font-size:13px}.app-shell .player-bar{z-index:auto;height:var(--player-height);min-height:var(--player-height);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-shrink:0;gap:8px;padding:10px 12px;position:relative;bottom:auto;left:auto;right:auto}.app-shell .player-track{flex:1;gap:0;width:auto;min-width:0}.player-track-main{gap:10px}.player-track-main .station-logo{border-radius:10px;width:43px;height:43px;padding:4px}.app-shell .player-track-text{max-width:none}.app-shell .player-track-text>strong{font-size:13px}.app-shell .player-track-text>span{font-size:10px}.app-shell .player-empty strong{font-size:13px}.app-shell .player-empty .player-track-text>span{font-size:10px}.app-shell .player-center{gap:0;margin-left:0}.app-shell .player-toggle{width:44px;height:44px}.app-shell .player-expand{width:44px;min-width:44px;height:44px}.app-shell .empty-player-art{width:43px;height:43px}.app-shell .player-error{flex-wrap:wrap;max-height:200px;padding:12px;left:0;right:0;overflow:auto}.app-shell .player-error>span{flex-basis:100%}.app-shell .video-panel{bottom:calc(24px + var(--player-height) + var(--nav-height) + var(--safe-bottom));width:calc(min(310px,100vw - 24px));right:12px}.expanded-player{border:0;border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0}.expanded-player-content{padding:calc(16px + env(safe-area-inset-top,0px)) 24px calc(24px + var(--safe-bottom));gap:17px;min-height:100%}.expanded-art{height:230px}.expanded-art .station-logo{width:150px;height:150px}.app-shell .filter-select{flex:1;min-width:130px}.app-shell .filter-row{gap:8px;padding:12px}.app-shell .filter-search input{font-size:16px}.app-shell .catalog-results-heading{font-size:13px}.app-shell .sort-select{gap:5px;font-size:11px}.app-shell .sort-select select{max-width:145px;font-size:12px}.app-shell .genre-chips{margin:18px 0}.app-shell .genre-chip{font-size:12px}.catalog-tags{margin-top:18px}.collection-hero{border-radius:22px;padding:28px}.collection-hero h1{font-size:43px}.collection-hero p{font-size:14px}.collection-actions{flex-direction:column;align-items:flex-start}.app-shell .detail-actions .button{min-height:48px;font-size:13px}.app-shell .detail-about>p,.app-shell .page-heading>p,.app-shell .station-detail-copy>p{font-size:14px}.app-shell .page-footer{font-size:11px;line-height:1.8}.app-shell .page-footer a{font-size:11px}}@media (width<=480px){.app-shell .sidebar .brand{font-size:24px;left:17px}.app-shell .topbar{right:12px}.app-shell .page-content{padding-left:16px;padding-right:16px}.app-shell .discovery-hero{min-height:350px}.app-shell .discovery-hero .hero-copy{padding:26px 22px}.app-shell .discovery-hero h1{letter-spacing:-2px;font-size:43px}.app-shell .discovery-hero .hero-copy>p{max-width:265px;margin-top:18px;font-size:13px}.app-shell .discovery-hero .eyebrow{margin-bottom:21px;font-size:9px}.app-shell .discovery-hero .hero-actions{gap:10px}.app-shell .discovery-hero .hero-actions .button{min-height:46px;padding:12px 13px;font-size:12px}.app-shell .discovery-hero .hero-footnote{margin-top:22px;font-size:10px;line-height:1.7}.app-shell .section-heading h2{font-size:23px}.app-shell .section-heading .text-link{white-space:normal;text-align:right;flex-shrink:0;gap:4px;max-width:96px;font-size:11px;line-height:1.5}.app-shell .section-kicker{letter-spacing:1.25px;font-size:8px}.app-shell .section-heading{align-items:end;margin-bottom:18px}.collection-card{min-height:237px;padding:18px 15px}.collection-kicker{letter-spacing:.8px;max-width:68%;margin-bottom:43px;font-size:8px}.collection-icon{width:36px;height:36px;padding:8px;top:15px;right:12px}.collection-title{letter-spacing:-.6px;max-width:100%;font-size:22px}.collection-description{margin-bottom:15px;font-size:11px;line-height:1.7}.collection-count{font-size:10px}.collection-grid{gap:12px}.app-shell .station-grid{gap:22px 12px}.app-shell .station-art{height:165px}.app-shell .station-logo{border-radius:16px;width:82px;height:82px}.app-shell .station-name{font-size:13px}.app-shell .card-favorite{width:44px;height:44px;top:4px;right:4px}.app-shell .card-play{width:44px;height:44px;bottom:9px;right:9px}.app-shell .card-live,.app-shell .card-source{max-width:95px;padding:6px;font-size:8px;bottom:15px;left:8px}.app-shell .station-card-info p{font-size:10px}.hashtag-section{padding:22px 17px}.tag-chips{gap:8px}.tag-chip{min-height:44px;padding:10px 13px;font-size:12px}.app-shell .discovery-banner h2{font-size:20px}.app-shell .discovery-banner p{font-size:12px}.app-shell .catalog-results-heading{align-items:center;gap:6px;font-size:12px}.app-shell .sort-select{font-size:0}.app-shell .sort-select select{max-width:130px;font-size:11px}.app-shell .filter-select{min-width:120px}.app-shell .filter-search{padding:13px}.app-shell .page-heading h1{font-size:34px}.app-shell .page-heading .eyebrow{font-size:10px}.app-shell .page-heading>p{font-size:13px}.app-shell .player-empty strong,.app-shell .player-track-text>strong{font-size:12px}.app-shell .player-track-main .station-logo{width:40px;height:40px}.app-shell .player-expand{width:44px;min-width:44px}.app-shell .player-bar{gap:6px;padding:10px}.app-shell .player-track-text>span{font-size:10px}.collection-hero{padding:25px 22px}.collection-hero h1{font-size:37px}.collections-hero h1{font-size:35px}.collections-hero p{font-size:14px}.collection-hero .tag-chip{font-size:12px}.expanded-art{height:210px}.expanded-heading h2{font-size:24px}.expanded-player-content{padding-left:22px;padding-right:22px}}@media (prefers-reduced-motion:reduce){.collection-card:hover{transform:none}.collection-card,.tag-chip{transition:none}.mobile-dock,.mobile-nav a,.mobile-nav a svg,.mobile-nav-highlight,.mobile-nav-indicator{transition:none!important}.mobile-nav-highlight.is-moving{opacity:1;transform:scale(1)}}.breadcrumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 18px;font-size:12px;display:flex}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs [aria-current]{color:inherit;opacity:.8}.catalog-loader{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:12px;margin:30px 0 10px;font-size:13px;display:flex}.catalog-loader [role=alert]{color:#e0807a}.catalog-next-page.sr-only:focus{clip:auto;white-space:normal;width:auto;height:auto;position:static;overflow:visible}.directory-search{background:var(--surface);border:1px solid var(--line);border-radius:16px;align-items:center;gap:12px;margin:0 0 18px;padding:8px 8px 8px 18px;display:flex}.directory-search input{min-width:0;color:inherit;background:0 0;border:0;flex:1;padding:10px 0;font-size:14px}.directory-search input::placeholder{color:var(--muted)}.directory-search>svg,.directory-total{color:var(--muted)}.directory-total{margin:0 0 16px;font-size:13px}.directory-total strong{color:inherit}.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.directory-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:10px;min-height:170px;padding:22px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.directory-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);transform:translateY(-2px)}.directory-card .directory-icon{background:color-mix(in srgb,var(--accent) 14%,var(--surface));width:42px;height:42px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.directory-card .directory-label{background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);border-radius:100px;align-self:flex-start;padding:6px 11px;font-size:12px;font-weight:650}.directory-card h2{letter-spacing:-.5px;font-size:19px;line-height:1.25}.directory-card p{color:var(--muted);flex:1;font-size:13px;line-height:1.6}.directory-card .directory-count{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;font-weight:650;display:flex}.directory-card .directory-count svg{color:var(--accent)}.landing-about{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin:40px 0 10px;padding:28px}.landing-about h2{margin-bottom:14px}.landing-about p{color:var(--muted);max-width:760px;margin-top:10px;font-size:14px;line-height:1.8}.landing-selection{background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-radius:14px;gap:14px;margin-top:22px;padding:18px;display:flex}.landing-selection svg{color:var(--accent)}.landing-selection h3{margin-bottom:6px;font-size:14px}.landing-selection p{margin:0;font-size:13px}.station-cities{margin:36px 0 10px}.station-cities .tag-chips{margin-top:16px}.detail-about .about-text p{margin-top:12px}.detail-about .about-text p:first-child{margin-top:16px}.detail-facts{color:var(--muted);flex-wrap:wrap;gap:22px;margin:20px 0 4px;font-size:12px;display:flex}.detail-facts strong{color:inherit;opacity:.9;margin-top:4px;font-size:13px;display:block}.error-shell{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.error-shell .brand{margin-bottom:24px}@media (width<=1000px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.directory-grid{grid-template-columns:1fr}.directory-card{min-height:0}.landing-about{padding:20px}}.page-footer .footer-links{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.page-footer .footer-links a{color:inherit;display:inline}.page-footer .footer-links a:hover{color:var(--accent)}.player-panel{display:none}@media (width>=1440px){:root{--panel:calc(clamp(300px, 22vw, 380px))}.has-player .main-shell{margin-right:var(--panel)}.page-content{padding-bottom:56px}.player-bar,.player-error{display:none!important}.player-panel{width:var(--panel);background:var(--surface);border-left:1px solid var(--line);z-index:40;flex-direction:column;gap:20px;padding:30px 26px 26px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.panel-cover{aspect-ratio:1;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--accent) 18%,var(--surface-2)),var(--surface-2));border-radius:22px;justify-content:center;align-items:center;display:flex}.panel-cover .station-logo{border-radius:24px;width:160px;height:160px}.panel-heading{flex-direction:column;gap:8px;display:flex}.panel-title{letter-spacing:-.6px;font-size:22px;font-weight:800;line-height:1.2}.panel-title:hover{color:var(--accent)}.panel-status{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.panel-status.status-live{color:var(--accent)}.panel-status.status-error{color:#d9665f}.panel-controls{justify-content:space-between;align-items:center;display:flex}.panel-toggle{background:var(--accent);width:64px;height:64px;color:var(--bg);box-shadow:0 10px 30px color-mix(in srgb,var(--accent) 30%,transparent);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.panel-toggle:hover{transform:scale(1.05)}.panel-volume .volume-slider{width:100%}.panel-error{color:var(--muted);flex-direction:column;gap:12px;font-size:13px;display:flex}.panel-tracks{border-top:1px solid var(--line);margin-top:auto;padding-top:20px}.panel-tracks h2{letter-spacing:-.3px;margin-bottom:8px;font-size:16px}.panel-tracks p{color:var(--muted);font-size:12px;line-height:1.7}}@media (width>=1440px) and (width<=1799px){.station-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.expanded-tracks{border-top:1px solid var(--line);text-align:left;margin-top:8px;padding-top:18px}.expanded-tracks h2{margin-bottom:6px;font-size:16px}.expanded-tracks p{color:var(--muted);font-size:12px;line-height:1.7}:root{--field-bg:color-mix(in srgb,var(--surface) 92%,var(--surface-2));--field-border:color-mix(in srgb,var(--text) 18%,var(--surface));--field-hover-border:color-mix(in srgb,var(--accent) 40%,var(--field-border));--field-ring:color-mix(in srgb,var(--accent) 16%,transparent);--field-shadow:0 2px 8px color-mix(in srgb,var(--text) 4%,transparent)}.app-shell :where(input:not([type]),input[type=text],input[type=search],input[type=email],input[type=url],input[type=tel],input[type=password],input[type=number],textarea,select){min-width:0;max-width:100%;min-height:48px;font:inherit;color:var(--text);background:var(--field-bg);border:1px solid var(--field-border);box-shadow:var(--field-shadow);accent-color:var(--accent);border-radius:14px;padding:12px 16px;font-size:15px;line-height:1.45}.app-shell :where(input:not([type]),input[type=text],input[type=search],input[type=email],input[type=url],input[type=tel],input[type=password],input[type=number],textarea,select):focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 5px var(--field-ring)}.app-shell input::-moz-placeholder{color:var(--muted);opacity:1;font-weight:400}.app-shell textarea::-moz-placeholder{color:var(--muted);opacity:1;font-weight:400}.app-shell input::placeholder,.app-shell textarea::placeholder{color:var(--muted);opacity:1;font-weight:400}.app-shell :is(.top-search,.filter-search,.directory-search,.filter-select){min-width:0;color:var(--muted);background:var(--field-bg);border:1px solid var(--field-border);box-shadow:var(--field-shadow);border-radius:16px;gap:12px;transition:border-color .16s,background .16s,box-shadow .16s}.app-shell :is(.top-search,.filter-search,.directory-search,.filter-select):hover{border-color:var(--field-hover-border)}.app-shell :is(.top-search,.filter-search,.directory-search,.filter-select):focus-within{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 5px var(--field-ring)}.app-shell :is(.top-search,.filter-search,.directory-search) input{width:100%;min-width:0;min-height:44px;font:inherit;color:var(--text);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:10px 0;font-size:15px;line-height:1.45}.app-shell :is(.top-search,.filter-search,.directory-search) input::-moz-placeholder{color:var(--muted);opacity:1}.app-shell :is(.top-search,.filter-search,.directory-search) input::placeholder{color:var(--muted);opacity:1}.app-shell .filter-select select:focus,.app-shell :is(.top-search,.filter-search,.directory-search) input:focus{box-shadow:none;outline:none}.app-shell .filter-select>svg,.app-shell :is(.top-search,.filter-search,.directory-search)>svg{color:var(--muted);pointer-events:none}.app-shell :is(.top-search,.filter-search,.directory-search,.filter-select):focus-within>svg{color:var(--accent)}.app-shell .top-search{border-radius:14px;min-height:48px;padding:4px 14px}.app-shell .top-search input{min-height:36px;padding:8px 0;font-size:14px}.app-shell .top-search kbd{border:1px solid var(--field-border);font:inherit;color:var(--muted);background:var(--surface-2);border-radius:6px;flex-shrink:0;padding:3px 6px;font-size:11px;line-height:1.2}.app-shell .catalog-filter-panel{background:0 0;border:0;border-radius:0;overflow:visible}.app-shell .directory-search,.app-shell .filter-search{width:100%;min-height:58px;padding:6px 8px 6px 16px}.app-shell .filter-search .icon-button{width:44px;min-width:44px;height:44px;color:var(--muted);background:var(--surface-2);border-radius:11px;flex-shrink:0}.app-shell .filter-search .icon-button:hover{color:var(--accent);background:var(--field-ring)}.app-shell .filter-search input[type=search]::-webkit-search-cancel-button{appearance:none}.app-shell .directory-search .button{border-radius:11px;flex-shrink:0;min-height:44px;padding:10px 16px;font-size:14px}.app-shell .directory-search .button:hover{transform:none}.app-shell .filter-row{gap:10px;padding:14px 0 0}.app-shell .filter-select{border-radius:14px;flex:0 210px;min-width:145px;max-width:100%}.app-shell .filter-select select{width:100%;min-width:0;min-height:48px;font:inherit;color:var(--text);appearance:none;border-radius:inherit;box-shadow:none;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:12px 40px 12px 16px;font-size:14px;line-height:1.45}.app-shell .filter-select>svg{width:16px;height:16px;right:16px}.app-shell select optgroup,.app-shell select option{background:var(--surface);color:var(--text)}@media (width<=760px){.app-shell .filter-select select,.app-shell :is(.top-search,.filter-search,.directory-search) input,.app-shell :where(input:not([type]),input[type=text],input[type=search],input[type=email],input[type=url],input[type=tel],input[type=password],input[type=number],textarea,select){font-size:16px}.app-shell .filter-row{gap:8px;padding-top:12px}.app-shell .filter-select{flex:calc(50% - 4px);min-width:0}}@media (width<=480px){.app-shell .directory-search,.app-shell .filter-search{gap:8px;padding-left:12px}.app-shell .directory-search .button{padding:10px 12px}.app-shell .filter-select select{padding-left:12px;padding-right:34px}.app-shell .filter-select>svg{right:12px}}@media (forced-colors:active){.app-shell :is(.top-search,.filter-search,.directory-search,.filter-select){border-color:buttonborder}.app-shell :is(.top-search,.filter-search,.directory-search,.filter-select):focus-within{outline-color:highlight}}.app-shell :is(.station-art,.station-detail-art,.panel-cover,.expanded-art){color:#526542;background:#fff}.app-shell .station-art:after{content:none}.app-shell .logo-container{display:block;position:relative}.app-shell .logo-container,.app-shell .logo-container .station-logo{width:100%;min-width:0;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0}.app-shell .logo-container .station-logo{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;padding:0}.app-shell .logo-container .logo-fallback{color:inherit;gap:6px;font-size:22px}.app-shell .station-art-link .logo-container{padding:8px 12px}.app-shell .station-detail-art .logo-container{padding:10px 10px 36px}.app-shell .detail-art-label{color:#78846f}.app-shell .panel-cover{box-shadow:none;background:0 0;border:0;border-radius:0;flex-shrink:0;padding:0;overflow:hidden}.app-shell .panel-cover .logo-container{padding:0}.app-shell .expanded-art .logo-container{padding:10px 14px}.app-shell .player-art{color:#526542;background:#fff}.app-shell .genre-chip{border:1px solid var(--field-border);background:var(--field-bg);color:var(--text);border-radius:999px;transition:background .16s,border-color .16s,color .16s}.app-shell .genre-chip:hover{border-color:var(--field-hover-border);background:var(--field-ring);color:var(--accent)}.app-shell .genre-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell .genre-chip.selected{border-color:var(--accent);font-weight:700}.app-shell .genre-chip.selected,.app-shell .genre-chip.selected:hover{background:var(--accent);color:#fff}.app-shell :is(.station-art,.station-detail-art,.panel-cover,.expanded-art,.player-art):has(.logo-white){color:#e2e8df;background:#25282d}.app-shell .station-detail-art:has(.logo-white) .detail-art-label{color:#bdc8b4}.app-shell .player-art{border-radius:10px;width:48px;height:48px;display:block;overflow:hidden}.app-shell .player-art .logo-container{padding:4px}.app-shell .player-art .logo-fallback{gap:0}.app-shell .player-art .logo-fallback>svg{width:20px;height:20px}.app-shell .player-art .logo-fallback>span{display:none}@media (width<=760px){.app-shell .player-art{width:43px;height:43px}}@media (width<=480px){.app-shell .player-art{width:40px;height:40px}}