:root{--red:#a83335;--red-dark:#7a2428;--red-soft:#fff0f0;--ink:#16171b;--muted:#626873;--line:#e8e8ec;--panel:#fff;--wash:#fafafa;--page-bg:#fff;--panel-soft:#fff7f7;--panel-soft-2:snow;--panel-elevated:#fff;--shadow:0 18px 48px #14141e14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--page-bg);margin:0;padding-bottom:86px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.page-loader{z-index:80;pointer-events:none;opacity:0;background:#a8333514;height:5px;transition:opacity .12s;position:fixed;inset:0 0 auto}.page-loader.is-visible{opacity:1}.page-loader span{background:linear-gradient(90deg,#a83335 0%,#c84f53 55%,#f2c4c6 100%);border-radius:0 999px 999px 0;width:0;height:100%;transition:width .18s;display:block;box-shadow:0 6px 18px #a8333552}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{max-width:100%;display:block}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--panel);height:100vh;padding:34px 20px 24px;position:sticky;top:0;overflow-y:auto}.sidebar-mobile,.mobile-drawer-backdrop{display:none}.brand{align-items:center;gap:10px;margin-bottom:44px;font-size:31px;font-weight:760;display:flex}.brand-mark{border-radius:8px;width:40px;height:40px;display:block;overflow:hidden;box-shadow:0 8px 20px #d7262e33}.brand-mark img{object-fit:cover;width:100%;height:100%}.brand span span{color:var(--red)}.nav-section{margin:0 0 24px}.nav-label{color:var(--muted);margin:0 0 8px 12px;font-size:12px;display:block}.nav-link{height:48px;color:var(--ink);border-radius:8px;align-items:center;gap:14px;margin-bottom:6px;padding:0 14px;font-weight:540;display:flex}.nav-link.active,.nav-link:hover{color:var(--red);background:linear-gradient(90deg,#ffe9e9,#fff7f7)}.download-card{background:radial-gradient(circle at 90% 12%,#d7262e24,#0000 34%),linear-gradient(#fff8f8,#fff);border:1px solid #f0d2d4;border-radius:8px;margin-top:34px;padding:18px;box-shadow:0 12px 30px #5000000f}.download-card h3{color:var(--ink);margin:12px 0 8px;font-size:17px;line-height:1.35}.download-card p{color:var(--muted);margin:0 0 14px;line-height:1.55}.download-icon{background:#fff;border-radius:8px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden;box-shadow:0 10px 22px #0000001a}.download-logo{object-fit:cover;width:100%;height:100%;display:block}.store-buttons{gap:9px;display:grid}.store-badge{color:#f8fafc;background:linear-gradient(#17181d,#050505);border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;min-height:46px;padding:7px 12px;font-size:15px;font-weight:700;line-height:1;display:flex;box-shadow:0 8px 18px #0000001f}.store-badge svg{flex:none}.store-badge span{gap:2px;display:grid}.store-badge small{color:#b8c0cc;letter-spacing:0;font-size:8px;font-weight:800;line-height:1}.download-card .store-buttons{grid-template-columns:1fr;gap:8px}.download-card .store-badge{border-radius:8px;min-height:44px;padding:7px 10px;font-size:14px}.page{min-width:0}.topbar{z-index:20;background:radial-gradient(circle at 88% 10%,#a8333517,#0000 22%),linear-gradient(#fbf5f5 0%,snow 58%,#fff 100%);border-bottom:1px solid #ead6d7;grid-template-columns:minmax(0,1fr) minmax(0,720px) auto;align-items:center;gap:16px;width:min(100% - 96px,1120px);min-height:82px;margin:0 0 22px 48px;padding:18px 18px 14px;display:grid;position:sticky;top:0;box-shadow:0 12px 24px #7a24280d}.theme-toggle.topbar-theme{display:none}.topbar-install{background:#ffffffe0;border:1px solid #ead6d7;border-radius:999px;grid-column:3;justify-self:end;align-items:center;gap:8px;padding:6px;display:flex;box-shadow:0 10px 24px #7a242814}.mobile-install-row{display:none}.search{width:100%;max-width:none;height:50px;color:var(--muted);background:var(--panel);border:1px solid #ececef;border-radius:999px;flex:auto;align-items:center;gap:12px;padding:0 18px 0 22px;display:flex;box-shadow:0 6px 18px #14141e0a}.search-autocomplete{grid-column:2;width:100%;max-width:none;position:relative}.search:focus-within{background:#fff;border-color:#d4d7de;box-shadow:0 6px 18px #14141e0d,0 0 0 4px #a833350d}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.search-submit{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:inline-grid}.search-submit:hover{color:var(--ink);background:#ffffff14}.theme-toggle{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);background:var(--panel);cursor:pointer;border-radius:50%;place-items:center;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s;display:inline-grid;box-shadow:0 8px 18px #14141e0f}.theme-toggle:hover{border-color:#d4d7de;transform:translateY(-1px);box-shadow:0 12px 24px #14141e1a}.install-button{color:#fff;cursor:pointer;background:radial-gradient(circle at 22% 18%,#ffffff3d,#0000 32%),linear-gradient(135deg,#a83335 0%,#932d2f 52%,#7a2428 100%);border:1px solid #d7a8aa;border-radius:999px;align-items:center;gap:8px;height:44px;padding:0 16px;font-weight:750;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 14px 28px #7a24282e}.install-button:hover{filter:saturate(1.04);transform:translateY(-1px);box-shadow:0 18px 32px #7a242838}.install-button.install-inline{flex:none;justify-content:center;min-width:126px}.install-button.install-primary{justify-content:center;min-width:148px}.pwa-install-backdrop{z-index:57;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#14141e47;border:0;position:fixed;inset:0}.pwa-install-popup{z-index:58;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:radial-gradient(circle at 86% 10%,#a833351a,#0000 28%),linear-gradient(#fffdfd 0%,#fff8f8 100%);border:1px solid #ecd6d7;border-radius:18px;gap:14px;width:min(392px,100vw - 32px);padding:20px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 48px #2410122e}.pwa-install-close{width:30px;height:30px;color:var(--muted);cursor:pointer;background:#ffffffe0;border:0;border-radius:50%;place-items:center;transition:background-color .16s,color .16s,transform .16s;display:grid;position:absolute;top:12px;right:12px}.pwa-install-close:hover{color:var(--ink);background:#fff;transform:translateY(-1px)}.pwa-install-badge{color:#fff;background:radial-gradient(circle at 24% 18%,#ffffff3d,#0000 34%),linear-gradient(135deg,#a83335 0%,#932d2f 52%,#7a2428 100%);border-radius:14px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 14px 28px #7a242838}.pwa-install-copy{gap:6px;display:grid}.pwa-install-copy strong{font-size:17px;line-height:1.2}.pwa-install-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.pwa-install-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pwa-install-dismiss{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--panel);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-weight:720;transition:border-color .16s,transform .16s,background-color .16s;display:inline-flex}.pwa-install-dismiss:hover{border-color:#d4d7de;transform:translateY(-1px)}.search-dropdown{background:#fff;border:1px solid #ececef;border-radius:12px;position:absolute;top:calc(100% + 10px);left:0;right:0;overflow:hidden;box-shadow:0 18px 42px #14141e1f}.search-state{min-height:58px;color:var(--muted);align-items:center;gap:10px;padding:18px 18px 16px;display:flex}.search-suggestion-list{display:grid}.search-suggestion{border-bottom:1px solid #f2f2f5;align-items:center;gap:12px;min-height:64px;padding:12px 16px;transition:background-color .14s;display:flex}.search-suggestion:hover,.search-suggestion.is-active{background:#faf4f4}.search-suggestion img{object-fit:contain;background:#fff9f9;border:1px solid #f0eeee;border-radius:8px;flex:none;width:42px;height:42px}.search-suggestion span{gap:4px;min-width:0;display:grid}.search-suggestion strong,.search-suggestion small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.search-suggestion strong{color:var(--ink);font-size:14px}.search-suggestion small{color:var(--muted);font-size:12px}.search-all-link{color:#8f2b2e;background:#fff8f8;align-items:center;min-height:48px;padding:14px 16px;font-weight:700;display:flex}.search-all-link:hover{background:#fff1f1}.spin-icon{animation:.9s linear infinite spin}.icon-button{color:#20252d;cursor:pointer;background:#fff;border:1px solid #ececef;border-radius:50%;place-items:center;width:42px;height:42px;display:inline-grid;box-shadow:0 4px 12px #14141e0a}.icon-button:hover{background:#fafbfc;border-color:#d4d6db}.mobile-menu{flex:none;display:none}.listen-button{color:#fff;background:linear-gradient(#e52f37,#c91e27);border:0;border-radius:14px;align-items:center;gap:10px;height:50px;padding:0 22px;font-weight:750;display:inline-flex;box-shadow:0 14px 28px #d7262e38}.content{width:min(100% - 96px,1120px);margin:0 0 0 48px;padding:0}.home-starter{color:#fff;background:radial-gradient(circle at 92% 8%,#ffffff29,#0000 30%),linear-gradient(135deg,#a83335 0%,#932d2f 52%,#7a2428 100%);border:1px solid #7f2a2d;border-radius:8px;grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:24px;margin:0 0 28px;padding:30px;display:grid;box-shadow:0 18px 44px #4a14161f}.starter-copy span{color:#ffffffd1;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800;display:inline-block}.starter-copy h1{letter-spacing:0;margin:0 0 8px;font-size:34px;line-height:1.12}.starter-copy p{color:#ffffffd6;margin:0 0 22px;font-size:16px;line-height:1.55}.starter-actions{flex-wrap:wrap;gap:10px;display:flex}.starter-actions a{color:#fff;background:#ffffff1a;border:1px solid #ffffff59;border-radius:999px;align-items:center;min-height:38px;padding:0 16px;font-weight:720;display:inline-flex}.starter-station{min-height:150px;color:var(--ink);background:#fffffff0;border:1px solid #ffffff42;border-radius:8px;grid-template-columns:86px minmax(0,1fr) 54px;align-items:center;gap:16px;padding:16px;display:grid;box-shadow:0 20px 44px #4b00002e}.starter-station-media{width:86px;display:block}.starter-station-media img{object-fit:contain;background:#fff7f7;border:1px solid #f0eeee;border-radius:8px;width:86px;height:86px}.starter-station-body{min-width:0;color:inherit}.starter-badge{color:#8f2b2e;background:#f8eaea;border-radius:999px;margin-bottom:8px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.starter-station h2{margin:0 0 6px;font-size:22px;line-height:1.18}.starter-station p{color:var(--muted);margin:0}.starter-play{color:#fff;cursor:pointer;background:linear-gradient(#a83335,#7a2428);border:0;border-radius:50%;place-items:center;width:54px;height:54px;transition:transform .18s,box-shadow .18s,background .18s;display:grid;box-shadow:0 12px 24px #7a242847}.starter-play:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 16px 30px #7a242852}.starter-play.is-loading svg{animation:.9s linear infinite spin}.starter-stats{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.starter-stats span{color:#ffffffd1;background:#ffffff17;border:1px solid #ffffff2e;border-radius:8px;min-height:58px;padding:10px 14px}.starter-stats strong{color:#fff;font-size:20px;line-height:1.1;display:block}.section-head{justify-content:space-between;align-items:center;gap:12px;margin:26px 0 16px;display:flex}.section-title{align-items:center;gap:11px;font-size:18px;font-weight:760;display:flex}.section-title:before{content:"";background:var(--red);border-radius:2px;width:4px;height:24px}.feature-section{background:linear-gradient(105deg,#fff5f5 0%,#fff 48% 100%),radial-gradient(circle at 92% 10%,#d7262e1f,#0000 26%);border:1px solid #f1d9d9;border-radius:8px;margin:28px 0 8px;padding:26px;box-shadow:0 16px 40px #5000000d}.feature-section-head{justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 18px;display:flex}.feature-section-head span{color:var(--red);margin-bottom:6px;font-size:12px;font-weight:780;display:block}.feature-section-head h2{letter-spacing:0;margin:0;font-size:22px;line-height:1.2}.view-all{border:1px solid var(--line);color:var(--red);background:#fff;border-radius:18px;padding:8px 14px;font-size:12px;font-weight:700}.discover-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.discover-card,.stat-card,.station-card,.country-card,.info-card,.station-hero,.about-box{border:1px solid var(--line);background:var(--panel);border-radius:8px;box-shadow:0 8px 24px #14141e0a}.discover-card{background:#ffffffe6;align-items:center;gap:22px;min-height:164px;padding:24px 20px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative}.discover-card:hover{border-color:#f3b8bb;transform:translateY(-3px);box-shadow:0 16px 36px #d7262e1a}.bubble{width:74px;height:74px;color:var(--red);background:var(--red-soft);border-radius:50%;flex:none;place-items:center;display:grid}.discover-card h3{margin:0 0 8px;font-size:17px}.discover-card p{color:var(--muted);margin:0;line-height:1.5}.arrow{color:var(--red);align-self:flex-end;margin-left:auto}.card-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.carousel-section{position:relative}.carousel-section-head{margin-bottom:16px}.carousel-nav{align-items:center;gap:8px;display:inline-flex}.carousel-button{color:#3f454d;cursor:pointer;background:#fff;border:1px solid #ecd7d8;border-radius:999px;place-items:center;width:38px;height:38px;transition:transform .16s,border-color .16s,box-shadow .16s,color .16s;display:inline-grid;box-shadow:0 8px 20px #14141e0d}.carousel-button:hover:not(:disabled){color:var(--red);border-color:#d6a5a8;transform:translateY(-1px);box-shadow:0 12px 22px #50000014}.carousel-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.station-carousel{--carousel-columns:5;--carousel-gap:18px;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--carousel-gap) * (var(--carousel-columns) - 1))) / var(--carousel-columns));gap:var(--carousel-gap);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;padding-bottom:4px;display:grid;overflow-x:auto}.station-carousel::-webkit-scrollbar{display:none}.station-carousel-slide{scroll-snap-align:start;min-width:0}.station-carousel-slide .station-card{height:100%}.listing-shell{margin-top:20px}.listing-toolbar{background:radial-gradient(circle at 92% 10%,#a833350f,#0000 28%),linear-gradient(#fff,#fffaf9);border:1px solid #f0e1e1;border-radius:14px;align-items:center;gap:14px;margin:0 0 18px;padding:14px 16px;display:flex}.listing-search{flex:340px;min-width:0}.listing-summary{min-width:180px;color:var(--muted);justify-items:end;gap:2px;font-size:12px;line-height:1.3;display:grid}.listing-summary strong{color:var(--ink);font-size:18px}.listing-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.listing-empty{margin-top:18px}.listing-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:24px;display:flex}.pagination-pages{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagination-link{color:#4d535c;background:#fff;border:1px solid #edd6d7;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:40px;height:40px;padding:0 14px;font-weight:650;transition:transform .16s,border-color .16s,box-shadow .16s,color .16s;display:inline-flex}.pagination-link:hover{color:var(--red);border-color:#d9a9ab;transform:translateY(-1px);box-shadow:0 10px 20px #50000014}.pagination-link.is-active{color:#fff;background:linear-gradient(135deg,#a83335 0%,#7a2428 100%);border-color:#0000;box-shadow:0 12px 22px #7a242838}.pagination-link.is-disabled{color:#a3a8b0;box-shadow:none;pointer-events:none;background:#faf7f7;border-color:#eee4e4}.pagination-control{min-width:96px}.pagination-gap{color:var(--muted);padding:0 2px}.station-card{isolation:isolate;background:radial-gradient(circle at 86% 12%,#a8333514,#0000 30%),linear-gradient(#fff 0%,#fff8f8 100%);border-color:#efe6e6;grid-template-rows:164px minmax(44px,auto);gap:0;min-height:236px;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 28px #14141e0f}.station-card:before{content:"";opacity:0;background:linear-gradient(90deg,#a83335,#cf5a5c,#f3d8d9);height:3px;transition:opacity .18s;position:absolute;inset:0 0 auto}.station-card:after{content:"";opacity:.55;pointer-events:none;background:radial-gradient(circle,#a8333524,#a8333500);border-radius:50%;width:110px;height:110px;transition:transform .22s,opacity .22s;position:absolute;inset:auto -12px -42px auto}.station-card:hover{background:radial-gradient(circle at 86% 12%,#a833351f,#0000 32%),linear-gradient(#fff 0%,#fff6f6 100%);border-color:#e8b8ba;transform:translateY(-5px);box-shadow:0 24px 42px #7a24281f}.station-card:hover:before{opacity:1}.station-card:hover:after{opacity:.78;transform:translate(-6px,-10px)scale(1.08)}.station-logo-wrap{background:radial-gradient(circle at 18% 18%,#d7262e1a,#0000 36%),radial-gradient(circle at 84% 84%,#a8333514,#0000 28%),linear-gradient(#fffaf9,#fff);border:0;border-bottom:1px solid #f1ecec;border-radius:8px 8px 0 0;place-items:center;height:164px;padding:0;transition:border-color .18s,transform .18s,box-shadow .18s,background .18s;display:grid;position:relative;overflow:hidden}.station-logo-wrap:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(#ffffff05,#a833351a),linear-gradient(#fff0,#0a0c1214);transition:opacity .18s;position:absolute;inset:0}.station-card:hover .station-logo-wrap{background:radial-gradient(circle at 18% 18%,#d7262e1f,#0000 38%),radial-gradient(circle at 84% 84%,#a833351a,#0000 30%),linear-gradient(#fff8f7,#fff);border-bottom-color:#e6c5c7;box-shadow:inset 0 0 0 1px #ffffff59,0 16px 24px #7a242814}.station-card:hover .station-logo-wrap:before{opacity:1}.station-logo-wrap>a{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:14px;display:flex;position:relative}.station-logo{object-fit:contain;object-position:center;filter:drop-shadow(0 10px 18px #14141e14);width:auto;max-width:100%;height:auto;max-height:100%;padding:0;transition:transform .22s,filter .22s}.station-card:hover .station-logo{filter:drop-shadow(0 16px 24px #14141e1f)saturate(1.05);transform:scale(1.04)translateY(-1px)}.station-copy{z-index:1;align-content:start;gap:4px;min-width:0;padding:12px 12px 13px;display:grid;position:relative}.heart-small{width:32px;height:32px;color:var(--red);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;z-index:2;background:#fffffff5;border:1px solid #f1d8d9;border-radius:50%;place-items:center;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:absolute;top:10px;left:10px;box-shadow:0 10px 18px #50000014}.station-card:hover .heart-small{border-color:#efcacc;transform:translateY(-1px)}.heart-small.is-active{color:#fff;background:linear-gradient(180deg, var(--red), var(--red-dark));border-color:#0000}.station-name{-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:18px;font-size:14px;font-weight:760;line-height:1.3;transition:color .18s;display:-webkit-box;overflow:hidden}.station-card:hover .station-name{color:#7a2428}.station-meta{color:var(--muted);font-size:12px;line-height:1.35}.play-small{background:linear-gradient(180deg, var(--red), var(--red-dark));color:#fff;cursor:pointer;z-index:2;border:0;border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .18s,box-shadow .18s,background .18s,opacity .18s,filter .18s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 24px #7a24283d,0 0 0 8px #ffffff42}.station-card:hover .play-small{filter:saturate(1.06);transform:translate(-50%,-50%)scale(1.08);box-shadow:0 18px 32px #7a24284d,0 0 0 10px #ffffff47}.play-small.compact{color:#fff;background:linear-gradient(180deg, var(--red), var(--red-dark))}.play-main.is-loading svg,.play-small.is-loading svg,.mini-main.is-loading svg{animation:.9s linear infinite spin}.mini-player{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 92% 8%,#ffffff29,#0000 30%),linear-gradient(135deg,#a83335 0%,#932d2f 52%,#7a2428 100%);border-top:1px solid #ffffff2e;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:10px 28px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -14px 34px #4a14163d}.mini-player-progress{background:#ffffff1f;height:3px;position:absolute;top:0;left:0;right:0;overflow:hidden}.mini-player-progress span{border-radius:999px;height:100%;position:absolute;inset:0 auto 0 0}.mini-player-buffer{background:#ffffff38}.mini-player-fill{background:#fff}.mini-player-live-fill{background:linear-gradient(90deg,#ffffff47,#fff,#ffffff47);width:34%;transform:translate(-120%)}.mini-player-progress.is-live.is-playing .mini-player-live-fill,.mini-player-progress.is-live.is-loading .mini-player-live-fill{animation:1.6s ease-in-out infinite liveProgress}.mini-player-station{align-items:center;gap:12px;min-width:0;display:flex}.mini-player-station img{border:1px solid var(--line);object-fit:contain;background:#fff7f7;border-radius:8px;width:48px;height:48px}.mini-player-station strong,.mini-player-station span{display:block}.mini-player-station strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;max-width:420px;overflow:hidden}.mini-player-station span{color:#ffffffd1;margin-top:3px;font-size:12px}.mini-player-controls{align-items:center;gap:10px;display:flex}.mini-player-controls button{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.mini-player-controls button:disabled{opacity:.45;cursor:not-allowed}.mini-favorite{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.mini-favorite.is-active{color:#7a2428;background:#fff;border-color:#ffffff47}.outline-pill{cursor:pointer}.outline-pill.is-active{color:#7a2428;background:#fff0f0;border-color:#f0c7c9}.outline-pill span{align-items:center;display:inline-flex}.favorites-list,.history-list{grid-template-columns:repeat(6,minmax(0,1fr))}.mini-player-controls .mini-main{color:#7a2428;background:#fff;border-color:#ffffff47;width:48px;height:48px;box-shadow:0 12px 24px #4a141633}@keyframes spin{to{transform:rotate(360deg)}}@keyframes liveProgress{0%{transform:translate(-120%)}to{transform:translate(320%)}}.directory-panel{background:linear-gradient(105deg,#fff7f7 0%,#fff 48% 100%),radial-gradient(circle at 95% 0,#d7262e1a,#0000 28%);border:1px solid #f0dddd;border-radius:8px;margin-top:28px;padding:20px;box-shadow:0 16px 42px #5000000d}.toolbar{flex-wrap:wrap;align-items:center;gap:18px;margin:0 0 22px;display:flex}.segmented{background:#fff;border:1px solid #f0c5c7;border-radius:8px;display:flex;overflow:hidden;box-shadow:0 8px 20px #14141e0a}.segmented button{color:#4a4f57;cursor:pointer;background:#fff;border:0;min-height:44px;padding:0 18px;font-weight:720}.segmented button.active{background:var(--red);color:#fff}.field{border:1px solid var(--line);min-width:240px;height:44px;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex;box-shadow:inset 0 1px 2px #14141e05}.field input,.field select{color:#333942;background:0 0;border:0;outline:0;flex:1;min-width:0}.field select{appearance:none;cursor:pointer}.sort{min-width:180px;margin-left:auto}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 24px;display:flex}.crumb-item{align-items:center;gap:8px;display:inline-flex}.crumb-link{color:inherit;transition:color .16s}.crumb-link:hover{color:var(--red)}.crumb-separator{color:#b8bec7}.crumbs .current{color:var(--red)}.page-title{letter-spacing:0;margin:0 0 10px;font-size:28px}.lead{color:var(--muted);margin:0;line-height:1.6}.page-ad-slot{justify-content:center;margin:0 0 22px;display:flex}.page-ad-slot>div{width:100%}.country-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.country-grid.list-view{grid-template-columns:1fr;gap:10px}.country-card{isolation:isolate;background:#fff;flex-direction:column;justify-content:flex-start;gap:12px;min-height:136px;padding:16px 16px 14px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.country-card:before{content:"";background:linear-gradient(#f0444c,#b91620);width:5px;position:absolute;inset:0 auto 0 0}.country-card:after{content:"";z-index:-1;background:#fff1f1;border-radius:50%;width:110px;height:110px;position:absolute;top:-46px;right:-44px}.country-card:hover{border-color:#efb6b9;transform:translateY(-3px);box-shadow:0 18px 34px #71141a1a}.country-grid.list-view .country-card{grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:16px;min-height:78px;padding:14px 18px;display:grid}.country-grid.list-view .country-card:after{width:72px;height:72px;top:-30px;right:-28px}.country-grid.list-view .directory-top{align-items:center}.country-grid.list-view .directory-icon{width:44px;height:44px}.country-grid.list-view .country-bottom{border-top:0;justify-content:flex-end;padding-top:0}.country-card img{object-fit:contain;border-radius:50%;width:100%;height:100%}.country-card h3{margin:0;font-size:17px;line-height:1.25}.directory-top{align-items:flex-start;gap:13px;min-width:0;display:flex}.directory-icon{width:54px;height:54px;color:var(--red);background:linear-gradient(145deg,#fff7f7,#ffe5e5);border-radius:8px;flex:none;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffd7d8}.directory-icon svg{width:26px;height:26px}.directory-icon img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.directory-card .station-meta{margin-top:5px}.country-bottom{border-top:1px solid #f2eeee;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:10px;display:flex}.country-count{color:var(--red);font-size:16px;font-weight:720}.country-count span{color:var(--muted);margin-left:6px;font-size:12px;font-weight:450;display:inline}.empty-state{min-height:120px;color:var(--muted);background:#ffffffad;border:1px dashed #efc4c6;border-radius:8px;grid-column:1/-1;place-items:center;display:grid}.stats-band{color:var(--red);background:linear-gradient(90deg,#fff5f5,#fff);border:1px solid #f1dcdc;border-radius:8px;grid-template-columns:repeat(3,1fr);margin:30px 0 26px;padding:22px;display:grid}.stats-band div{justify-content:center;align-items:center;gap:14px;font-size:26px;font-weight:820;display:flex}.stats-band span{color:var(--muted);font-size:13px;font-weight:520;display:block}.station-hero{grid-template-columns:280px 1fr;align-items:center;gap:36px;padding:26px;display:grid}.detail-logo{object-fit:contain;border:1px solid var(--line);border-radius:18px;height:260px;padding:18px;box-shadow:0 16px 38px #14141e14}.pill{color:var(--red);border:1px solid #ffc9c9;border-radius:18px;align-items:center;gap:7px;padding:7px 12px;font-weight:700;display:inline-flex}.detail-title{margin:20px 0 8px;font-size:34px}.player-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;display:flex}.play-main{color:#fff;background:linear-gradient(180deg, var(--red), var(--red-dark));border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:transform .18s,box-shadow .18s;display:inline-grid;box-shadow:0 14px 30px #d7262e3d}.play-main:hover{transform:translateY(-1px);box-shadow:0 16px 32px #d7262e47}.outline-pill{border:1px solid var(--line);background:#fff;border-radius:22px;align-items:center;gap:9px;height:44px;padding:0 18px;font-weight:720;display:inline-flex}.action-icon-button{border:1px solid var(--line);color:#20252d;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-grid;box-shadow:0 8px 20px #14141e0d}.action-icon-button:hover{border-color:#d7d9de;transform:translateY(-1px);box-shadow:0 12px 24px #14141e14}.action-icon-button.is-active{color:#fff;background:linear-gradient(180deg, var(--red), var(--red-dark));border-color:#0000}.info-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin:26px 0;display:grid}.info-card{align-items:center;gap:16px;min-height:90px;padding:20px 22px;display:flex}.info-card .bubble{width:42px;height:42px}.about-box{margin-bottom:26px;padding:24px}.about-box h2{margin:0 0 14px;font-size:28px;line-height:1.15}.editorial-section{background:radial-gradient(circle at 94% 10%,#a8333514,#0000 24%),linear-gradient(#fff 0%,#fff8f8 100%);margin-top:16px}.faq-item{background:linear-gradient(#fff 0%,#fffbfb 100%);border:1px solid #efe6e6;border-radius:8px;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;box-shadow:0 12px 28px #14141e0d}.faq-question{margin:0 0 10px;font-size:18px;line-height:1.3}.faq-answer p{margin:0}.faq-list{gap:16px;display:grid}.faq-item{padding:0;position:relative;overflow:hidden}.faq-item:hover{border-color:#e8d2d3;transform:translateY(-1px);box-shadow:0 16px 34px #14141e14}.faq-item[open]{background:linear-gradient(#fff 0%,#fff5f5 100%);border-color:#e5cbcc;box-shadow:0 18px 38px #14141e14}.faq-question{cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;gap:18px;margin:0;padding:20px 22px;font-size:17px;font-weight:760;line-height:1.4;list-style:none;transition:color .16s;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-item:hover .faq-question{color:#10141a}.faq-question:after{content:"+";width:34px;height:34px;color:var(--red);background:linear-gradient(#fff8f8 0%,#fff0f0 100%);border:1px solid #f0d7d9;border-radius:50%;flex:none;place-items:center;font-size:22px;font-weight:700;line-height:1;transition:transform .16s,background-color .16s,border-color .16s,color .16s;display:inline-grid;box-shadow:inset 0 1px #ffffffe6}.faq-item[open] .faq-question:after{content:"-";color:#fff;background:linear-gradient(#b93d40 0%,#8f2b2e 100%);border-color:#a833352e;transform:scale(1.04)}.faq-answer{background:linear-gradient(#fff0,#fff9f9b3);border-top:1px solid #f3e8e8;padding:0 22px 20px}.faq-item[open] .faq-answer{animation:.18s faqReveal}.about-box h2{margin:0 0 14px}.about-box p{color:var(--muted);margin:0 0 20px;line-height:1.65}.faq-answer p{font-size:15px;line-height:1.75}@keyframes faqReveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.static-content{color:var(--muted);margin-top:30px;line-height:1.75}.static-content h1,.static-content h2,.static-content h3,.static-content h4,.static-content h5{color:var(--ink);line-height:1.3}.static-content h1{margin:0 0 20px;font-size:28px}.static-content h2{margin:26px 0 12px;font-size:22px}.static-content h5{font-size:18px}.static-content p,.static-content li{color:var(--muted);line-height:1.75}.static-content a{color:var(--red)}.static-content ul,.static-content ol{padding-left:24px}.notice{color:#7b4c13;background:#fff8ef;border:1px solid #ffd6a8;border-radius:8px;margin:0 0 20px;padding:12px 14px}.blog-list{gap:18px;margin-top:28px;display:grid}.blog-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:210px 1fr;gap:22px;padding:16px;display:grid;box-shadow:0 8px 24px #14141e0a}.blog-image-wrap{background:#fafafa;border-radius:8px;height:142px;display:block;position:relative;overflow:hidden}.blog-image{object-fit:cover}.blog-content h2{margin:2px 0 10px;font-size:20px;line-height:1.3}.blog-content p{color:var(--muted);margin:0 0 14px;line-height:1.65}.blog-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;font-size:13px;display:flex}.blog-detail{margin-top:24px}.blog-body{color:var(--muted);margin-top:22px;line-height:1.78}.blog-body img{border-radius:8px;width:100%;height:auto;margin:0 0 22px}.blog-body h2{color:var(--ink);margin:30px 0 12px;font-size:23px}.blog-body p,.blog-body span,.blog-body li{color:var(--muted);line-height:1.78}.blog-body a{color:var(--red);font-weight:700}.footer{border-top:1px solid var(--line);margin-top:50px;padding:28px 36px 18px}.footer-grid{grid-template-columns:1.4fr .8fr .9fr 1fr 1.4fr;align-items:start;gap:32px;display:grid}.footer h4{margin:0 0 12px}.footer p,.footer a{color:var(--muted);line-height:1.7}.socials{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.footer .social-link{color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-grid;box-shadow:0 10px 18px #14141e14}.footer .social-link:hover{filter:saturate(1.03);transform:translateY(-1px);box-shadow:0 14px 24px #14141e1f}.footer .social-link svg,.footer .social-link span{color:#fff}.footer .social-link-text span{font-size:18px;font-weight:800;line-height:1}.copyright{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;margin-top:26px;padding-top:16px;font-size:12px;display:flex}.mobile-menu{display:none}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eef2f7;--muted:#a3adb9;--line:#2b3440;--panel:#131a24;--wash:#0f141b;--page-bg:#0c1117;--panel-soft:#1a202b;--panel-soft-2:#171d27;--panel-elevated:#181f2a;--red-soft:#a8333538;--shadow:0 18px 48px #00000059}html[data-theme=dark] body,html[data-theme=dark] .page{background:var(--page-bg)}html[data-theme=dark] .sidebar,html[data-theme=dark] .footer,html[data-theme=dark] .search,html[data-theme=dark] .search-dropdown,html[data-theme=dark] .field,html[data-theme=dark] .segmented,html[data-theme=dark] .country-card,html[data-theme=dark] .station-hero,html[data-theme=dark] .about-box,html[data-theme=dark] .faq-item,html[data-theme=dark] .view-all,html[data-theme=dark] .pagination-link,html[data-theme=dark] .outline-pill,html[data-theme=dark] .action-icon-button,html[data-theme=dark] .icon-button,html[data-theme=dark] .theme-toggle,html[data-theme=dark] .info-card,html[data-theme=dark] .detail-logo,html[data-theme=dark] .topbar{border-color:var(--line)}html[data-theme=dark] .topbar{background:radial-gradient(circle at 88% 10%,#a8333529,#0000 22%),linear-gradient(#171d27 0%,#131923 58%,#10161d 100%);box-shadow:0 14px 26px #0000003d}html[data-theme=dark] .download-card,html[data-theme=dark] .listing-toolbar,html[data-theme=dark] .directory-panel,html[data-theme=dark] .stats-band{border-color:var(--line);box-shadow:0 16px 36px #00000038}html[data-theme=dark] .home-starter{background:radial-gradient(circle at 14% 18%,#a833353d,#0000 30%),radial-gradient(circle at 86% 12%,#d062661f,#0000 24%),radial-gradient(circle at 68% 82%,#ffffff0a,#0000 24%),linear-gradient(135deg,#1e1519 0%,#25171c 48%,#130e11 100%);border-color:#493038;box-shadow:0 24px 50px #00000057}html[data-theme=dark] .starter-actions a{background:#080a0e29;border-color:#ffffff29}html[data-theme=dark] .starter-station{color:var(--ink);background:radial-gradient(circle at 84% 16%,#a8333524,#0000 28%),linear-gradient(#111821fa,#0c1117f5);border-color:#ffffff14;box-shadow:0 18px 38px #00000057}html[data-theme=dark] .starter-station-media img{background:linear-gradient(#171d26,#10161d);border-color:#313b49}html[data-theme=dark] .starter-badge{color:#ffe4e4;background:#a8333533}html[data-theme=dark] .starter-stats span{background:#080a0e24;border-color:#ffffff14}html[data-theme=dark] .download-card{background:radial-gradient(circle at 90% 12%,#a8333533,#0000 34%),linear-gradient(#171d27,#121821)}html[data-theme=dark] .download-icon,html[data-theme=dark] .pagination-link.is-active,html[data-theme=dark] .play-main,html[data-theme=dark] .play-small,html[data-theme=dark] .play-small.compact,html[data-theme=dark] .heart-small.is-active,html[data-theme=dark] .action-icon-button.is-active,html[data-theme=dark] .pwa-install-badge{box-shadow:0 14px 28px #00000047}html[data-theme=dark] .search,html[data-theme=dark] .field,html[data-theme=dark] .segmented,html[data-theme=dark] .search-dropdown,html[data-theme=dark] .pagination-link,html[data-theme=dark] .carousel-button,html[data-theme=dark] .view-all,html[data-theme=dark] .outline-pill,html[data-theme=dark] .action-icon-button,html[data-theme=dark] .icon-button,html[data-theme=dark] .theme-toggle,html[data-theme=dark] .pwa-install-dismiss{background:var(--panel);color:var(--ink)}html[data-theme=dark] .pwa-install-popup{background:radial-gradient(circle at 86% 10%,#a8333538,#0000 30%),linear-gradient(#171d27 0%,#121821 100%);border-color:#2c3441;box-shadow:0 24px 48px #00000052}html[data-theme=dark] .topbar-install{background:#121821e6;border-color:#2c3441;box-shadow:0 14px 28px #00000038}html[data-theme=dark] .pwa-install-backdrop{background:#04080e8a}html[data-theme=dark] .pwa-install-close{color:#c2cad6;background:#141a22eb}html[data-theme=dark] .pwa-install-close:hover{color:#fff;background:#1c222cf5}html[data-theme=dark] .pwa-install-dismiss{border-color:#313948}html[data-theme=dark] .pwa-install-dismiss:hover{border-color:#4f5d70}html[data-theme=dark] .carousel-button{border-color:#303949;box-shadow:0 10px 22px #0000002e}html[data-theme=dark] .carousel-button:hover:not(:disabled){color:#f0b4b6;border-color:#4c596b;box-shadow:0 14px 24px #00000042}html[data-theme=dark] .carousel-button:disabled{color:#657182;border-color:#27303b}html[data-theme=dark] .search:focus-within{border-color:#4d5867;box-shadow:0 6px 18px #00000038,0 0 0 4px #a8333526}html[data-theme=dark] .search-dropdown,html[data-theme=dark] .search-suggestion,html[data-theme=dark] .search-all-link,html[data-theme=dark] .search-state,html[data-theme=dark] .field input,html[data-theme=dark] .field select{color:var(--ink)}html[data-theme=dark] .search-suggestion{border-bottom-color:#222a35}html[data-theme=dark] .search-all-link{color:#f0b4b6;background:linear-gradient(#161d27 0%,#111821 100%);border-top:1px solid #222a35}html[data-theme=dark] .search-suggestion:hover,html[data-theme=dark] .search-suggestion.is-active,html[data-theme=dark] .search-all-link:hover,html[data-theme=dark] .nav-link.active,html[data-theme=dark] .nav-link:hover{background:linear-gradient(90deg,#a833352e,#a8333514)}html[data-theme=dark] .search-suggestion img,html[data-theme=dark] .station-logo-wrap,html[data-theme=dark] .detail-logo,html[data-theme=dark] .mini-player-station img{background:linear-gradient(#171d26,#10161d);border-color:#303949}html[data-theme=dark] .station-logo-wrap{border-bottom-color:#303949}html[data-theme=dark] .listing-toolbar,html[data-theme=dark] .directory-panel,html[data-theme=dark] .stats-band,html[data-theme=dark] .empty-state,html[data-theme=dark] .feature-section,html[data-theme=dark] .discover-card,html[data-theme=dark] .station-card,html[data-theme=dark] .country-card,html[data-theme=dark] .station-hero,html[data-theme=dark] .about-box,html[data-theme=dark] .info-card{background:linear-gradient(180deg, var(--panel-elevated), var(--panel))}html[data-theme=dark] .station-card{border-color:#2b3440}html[data-theme=dark] .discover-card,html[data-theme=dark] .station-card,html[data-theme=dark] .country-card,html[data-theme=dark] .info-card,html[data-theme=dark] .about-box,html[data-theme=dark] .station-hero{box-shadow:0 14px 30px #0003}html[data-theme=dark] .station-card:hover{background:radial-gradient(circle at 86% 12%,#a8333533,#0000 34%),linear-gradient(#171f2a 0%,#111821 100%);border-color:#3a4656;box-shadow:0 22px 40px #00000047}html[data-theme=dark] .feature-section{background:radial-gradient(circle at 92% 10%,#a8333533,#0000 26%),linear-gradient(#161d27 0%,#111821 100%);border-color:#2b3440;box-shadow:0 16px 38px #0000003d}html[data-theme=dark] .feature-section-head span{color:#f0b4b6}html[data-theme=dark] .station-card:before{opacity:.85}html[data-theme=dark] .station-card:hover:before{opacity:1}html[data-theme=dark] .station-card:after{background:radial-gradient(circle,#a8333538,#a8333500)}html[data-theme=dark] .country-card:after,html[data-theme=dark] .directory-icon,html[data-theme=dark] .bubble,html[data-theme=dark] .pill{background:#a833352e}html[data-theme=dark] .directory-icon{background:radial-gradient(circle at 30% 30%,#a8333533,#0000 52%),linear-gradient(#171d26,#10161d);box-shadow:inset 0 0 0 1px #343e4d}html[data-theme=dark] .directory-icon img,html[data-theme=dark] .country-card img{transform-origin:50%;transform:scale(1.08)}html[data-theme=dark] .station-card:hover .station-logo-wrap{background:radial-gradient(circle at 18% 18%,#d7262e24,#0000 38%),radial-gradient(circle at 84% 84%,#a833351f,#0000 30%),linear-gradient(#181f29,#101720);border-bottom-color:#3c4758;box-shadow:inset 0 0 0 1px #ffffff08,0 16px 24px #0000002e}html[data-theme=dark] .station-logo-wrap:before{background:linear-gradient(#ffffff03,#a8333524),linear-gradient(#fff0,#00000029)}html[data-theme=dark] .station-logo{filter:drop-shadow(0 12px 20px #00000038)}html[data-theme=dark] .station-card:hover .station-logo{filter:drop-shadow(0 18px 26px #00000047)saturate(1.06)}html[data-theme=dark] .heart-small{color:#f2d8d9;background:#0f141beb;border-color:#364150;box-shadow:0 10px 20px #00000038}html[data-theme=dark] .station-card:hover .heart-small{border-color:#4a5669}html[data-theme=dark] .station-card:hover .station-name{color:#f4d5d6}html[data-theme=dark] .play-small{box-shadow:0 14px 24px #00000042,0 0 0 8px #0c11176b}html[data-theme=dark] .station-card:hover .play-small{box-shadow:0 18px 30px #00000052,0 0 0 10px #0c11177a}html[data-theme=dark] .country-bottom,html[data-theme=dark] .faq-answer{border-top-color:#242d39}html[data-theme=dark] .blog-card{background:linear-gradient(#161d27 0%,#111821 100%);border-color:#2b3440;box-shadow:0 14px 30px #00000038}html[data-theme=dark] .blog-image-wrap{background:linear-gradient(#111821,#0e141b);border:1px solid #2f3948}html[data-theme=dark] .blog-body img{background:#10161d;border:1px solid #2f3948}html[data-theme=dark] .editorial-section{background:radial-gradient(circle at 92% 10%,#a833353d,#0000 26%),linear-gradient(#131b24 0%,#101720 100%)}html[data-theme=dark] .faq-item{background:linear-gradient(#141c24 0%,#101720 100%);border-color:#2a3340;box-shadow:0 12px 30px #0000003d}html[data-theme=dark] .faq-item:hover{border-color:#404b5b;box-shadow:0 18px 36px #0000004d}html[data-theme=dark] .faq-item[open]{background:radial-gradient(circle at 100% 0,#a833352e,#0000 28%),linear-gradient(#151d26 0%,#101720 100%);border-color:#a8333585}html[data-theme=dark] .faq-question{color:#f3f6fa}html[data-theme=dark] .faq-item:hover .faq-question{color:#fff}html[data-theme=dark] .faq-question:after{color:#f2d8d9;box-shadow:none;background:linear-gradient(#ffffff14,#ffffff08);border-color:#364150}html[data-theme=dark] .faq-item[open] .faq-question:after{color:#fff;background:linear-gradient(#b93d40 0%,#8f2b2e 100%);border-color:#b24d50}html[data-theme=dark] .faq-answer{background:linear-gradient(#fff0,#ffffff05)}html[data-theme=dark] .faq-answer p{color:#c0c8d2}html[data-theme=dark] .pagination-link.is-disabled,html[data-theme=dark] .empty-state{color:var(--muted);background:#161c25;border-color:#2b3440}html[data-theme=dark] .search-submit:hover{background:#ffffff14}html[data-theme=dark] .footer p,html[data-theme=dark] .footer a,html[data-theme=dark] .copyright{color:var(--muted)}html[data-theme=dark] .page-loader{background:#a8333529}@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar-desktop{display:none}.mobile-drawer-backdrop{opacity:0;pointer-events:none;z-index:54;background:#0a0d1275;border:0;padding:0;transition:opacity .18s;display:block;position:fixed;inset:0}.mobile-drawer-backdrop.is-open{opacity:1;pointer-events:auto}.sidebar-mobile{z-index:55;width:min(84vw,320px);height:100dvh;transition:transform .22s;display:block;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:18px 0 48px #0000003d}.sidebar-mobile.is-open{transform:translate(0)}.topbar{grid-template-rows:auto auto;grid-template-columns:44px minmax(0,1fr) 44px;justify-content:stretch;align-items:center;gap:12px;width:auto;min-height:72px;margin:0 18px 18px;padding:14px 0 12px;display:grid}.theme-toggle.topbar-theme{grid-area:1/3;justify-self:end;display:inline-grid}.topbar-install{display:none}.mobile-install-row{grid-area:2/1/auto/-1;justify-content:center;display:flex}.mobile-install-row:empty{display:none}.mobile-install-button{justify-content:center;width:min(100%,220px)}.mobile-menu{grid-area:1/1;justify-self:start;display:inline-grid}.content{width:auto;margin-left:18px;margin-right:18px;padding:0}.station-carousel{--carousel-columns:4}.topbar .search{width:100%;max-width:none}.search-autocomplete{grid-area:1/2;width:100%;max-width:none}.card-row,.country-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.country-grid.list-view{grid-template-columns:1fr}}@media (max-width:760px){.mini-player{min-height:auto;padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:10px;display:grid}.mini-player-station{gap:10px;width:100%}.mini-player-station>div{min-width:0}.mini-player-station img{width:44px;height:44px}.mini-player-station strong{max-width:none;font-size:14px}.mini-player-station span{margin-top:2px;font-size:11px}.mini-player-controls{justify-content:center;gap:8px;width:100%}.mini-player-controls button,.mini-favorite{width:38px;height:38px}.mini-player-controls .mini-main{width:44px;height:44px}.listen-button{padding:0 14px}.discover-grid,.info-grid,.stats-band,.starter-stats,.footer-grid{grid-template-columns:1fr}.home-starter{grid-template-columns:1fr;padding:22px}.station-carousel{--carousel-columns:2.2;--carousel-gap:12px}.starter-copy h1{font-size:28px}.starter-station{grid-template-columns:70px minmax(0,1fr) 46px}.starter-station-media{width:70px}.starter-station-media img{width:70px;height:70px}.starter-play{width:46px;height:46px}.card-row,.country-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-row{gap:12px}.station-card{grid-template-rows:138px minmax(34px,auto);gap:0;min-height:206px;padding:0}.station-logo-wrap{border-radius:8px 8px 0 0;height:138px;padding:0}.station-logo-wrap>a{padding:12px}.station-name{min-height:17px;font-size:13px}.station-meta{font-size:11px}.heart-small{width:28px;height:28px;top:8px;left:8px}.play-small{width:40px;height:40px}.station-hero{grid-template-columns:1fr}.detail-logo{width:100%}.toolbar{flex-wrap:wrap}.listing-toolbar{flex-wrap:wrap;padding:14px}.listing-summary{justify-items:start;width:100%}.listing-pagination{justify-content:center}.directory-panel{padding:14px}.segmented,.field{width:100%}.segmented button{flex:1}.sort{margin-left:0}.pagination-pages{justify-content:center}.pagination-control{min-width:88px}.country-grid.list-view .country-card{grid-template-columns:1fr}.copyright{flex-direction:column}.blog-card{grid-template-columns:1fr}.blog-image-wrap{height:190px}.faq-item{padding:0}.faq-question{gap:14px;padding:18px;font-size:16px}.faq-answer{padding:0 18px 18px}}@media (max-width:480px){.mini-player{gap:8px;padding-inline:12px}.mini-player-station{gap:8px}.mini-player-station img{width:40px;height:40px}.mini-player-station strong{font-size:13px}.mini-player-station span{font-size:10px}.mini-player-controls{flex-wrap:nowrap;gap:6px}.mini-player-controls button,.mini-favorite{width:36px;height:36px}.mini-player-controls .mini-main{width:42px;height:42px}.card-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.station-carousel{--carousel-columns:1.22}.carousel-button{width:34px;height:34px}.country-grid{grid-template-columns:1fr}.station-card{min-height:188px}.station-copy{gap:3px;padding:10px 10px 12px}.install-button{height:42px;padding:0 14px}.pwa-install-popup{width:min(360px,100vw - 32px);padding:16px;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}}@media (max-width:360px){.card-row{grid-template-columns:1fr}}
