:root{color-scheme:dark;--bg:#0e1016;--panel:#171a23;--panel2:#1f2430;--text:#f5f7fb;--muted:#9aa4b6;--border:#292e3b;--blue:#387cff;--blue2:#75a0ff;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #6c9cff;outline-offset:3px}button:disabled{opacity:.35;cursor:not-allowed}[hidden]{display:none!important}.app-shell{display:flex;min-height:100vh;padding-bottom:112px}.sidebar{width:238px;flex:0 0 238px;background:#10131b;border-right:1px solid #202633;padding:27px 18px 22px;min-height:100vh;position:sticky;top:0;align-self:flex-start;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:21px;letter-spacing:-.9px;padding:0 8px;margin-bottom:44px}.brand-mark{display:grid;place-items:center;background:#3478fb;color:#fff;font-weight:800;font-size:20px;width:36px;height:36px;border-radius:12px;box-shadow:0 6px 24px #286cf63b}.brand-blue{color:#5a92ff}.sidebar-section-caption{color:#69758a;font-weight:800;font-size:10px;letter-spacing:1.8px;padding:0 12px;margin-bottom:14px}.side-nav,.genre-links{display:flex;flex-direction:column;gap:5px}.side-link{border:0;display:flex;align-items:center;width:100%;padding:12px 13px;background:transparent;color:#b6bfce;border-radius:11px;font-weight:650;text-align:left;gap:12px}.side-link:hover,.genre-links a:hover{background:#1d2636;color:white}.side-link.selected{background:#23375d;color:#90b4ff}.side-symbol{font-size:21px;line-height:1}.nav-count{margin-left:auto;font-size:11px;background:#2b3342;border-radius:11px;padding:2px 7px}.sidebar-separator{height:1px;background:#252a35;margin:22px 8px 24px}.genre-links a{padding:10px 12px;border-radius:10px;display:flex;gap:12px;color:#b5bfd0;align-items:center;font-weight:560}.genre-dot{width:9px;height:9px;border-radius:50%;background:#7c6cff}.genre-dot.pink{background:#f565a5}.genre-dot.purple{background:#a383ff}.genre-dot.orange{background:#f3985d}.genre-dot.red{background:#f26469}.genre-dot.blue{background:#5e90fa}.genre-dot.teal{background:#53c0ac}.genre-dot.amber{background:#e4a65d}.sidebar-footer{margin-top:auto;padding:45px 12px 4px;color:#637086;font-size:11px;line-height:1.8}.sidebar-footer small{color:#566274}.main-column{min-width:0;flex:1;max-width:100%}.topbar{display:flex;gap:21px;align-items:center;padding:20px clamp(20px,3vw,42px);background:#0e1016eb;position:sticky;z-index:20;top:0;border-bottom:1px solid #202633;backdrop-filter:blur(16px)}.top-tabs{display:flex;align-items:center;gap:18px;min-width:0;overflow:auto;scrollbar-width:none}.top-tabs::-webkit-scrollbar{display:none}.top-tabs a{font-weight:620;color:#929aab;white-space:nowrap;font-size:12px;padding:11px 0;position:relative}.top-tabs a:hover,.top-tabs a.tab-current{color:#fff}.top-tabs a.tab-current:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:4px;background:#4484ff}.search-box{margin-left:auto;display:flex;align-items:center;min-width:220px;width:min(360px,38%);border:1px solid #353a48;border-radius:30px;background:#20232d;overflow:hidden;height:43px}.search-box:focus-within{border-color:#5d91ff}.search-glass{font-size:24px;color:#b8c0ce;margin-left:15px;margin-top:-3px}.search-box input{min-width:0;flex:1;padding:0 8px;background:transparent;border:0;color:#fff;outline:0;font-size:13px}.search-box input::placeholder{color:#8c95a7}.search-box button{height:100%;padding:0 17px;background:transparent;border:0;color:#8eb3ff;font-weight:700}.search-box button:hover{background:#2c3548}.mobile-brand{display:none}main{max-width:1600px;margin:0 auto;padding:26px clamp(20px,3vw,42px) 64px}.hero{min-height:300px;padding:39px 45px;border-radius:25px;background:radial-gradient(ellipse at 80% 45%,#3b4f9a91,transparent 43%),linear-gradient(114deg,#14305c 0%,#1a2347 45%,#3c1b57 100%);position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;isolation:isolate;border:1px solid #5365a340}.hero:before{content:"";position:absolute;background:linear-gradient(125deg,transparent,#b588ff13);inset:0;z-index:-1}.hero-copy{max-width:650px;position:relative;z-index:2}.eyebrow{display:flex;gap:10px;align-items:center;color:#b6d0ff;letter-spacing:1.9px;font-weight:850;font-size:10px}.live-dot{width:7px;height:7px;display:inline-block;background:#6fd7b1;border-radius:50%;box-shadow:0 0 9px #63d3ae77}.hero h1{font-size:clamp(33px,4vw,57px);letter-spacing:-2.3px;line-height:1.12;margin:19px 0 14px;max-width:630px}.hero p{color:#d2d9ef;font-size:15px;max-width:450px;line-height:1.6;margin:0 0 25px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:40px;font-weight:760;padding:12px 22px}.primary-btn{background:#f9fbff;color:#152341;border:0}.primary-btn:hover{background:#cfe0ff}.secondary-btn{background:#ffffff15;border:1px solid #ffffff44;color:#fff}.secondary-btn:hover{background:#ffffff29}.hero-art{width:250px;height:250px;display:grid;place-items:center;position:relative;flex-shrink:0;margin-right:20px}.vinyl{width:226px;height:226px;border-radius:50%;background:repeating-radial-gradient(circle,#101526 0 4px,#2c3460 4.8px 5.7px,#11172c 7px 10px);box-shadow:0 24px 45px #0408196f,0 0 55px #a88bf34b;display:grid;place-items:center;transform:rotate(-19deg)}.vinyl-ring{width:101px;height:101px;border-radius:50%;background:conic-gradient(#6b52db,#b45ca0,#597ce3,#6b52db);display:grid;place-items:center;border:9px solid #11172c}.vinyl-center{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#f2f3ff;color:#426dde;font-size:27px;font-weight:850}.hero-music-note{position:absolute;font-size:60px;top:0;right:-6px;color:#cbb6ff;transform:rotate(19deg)}.section{margin-top:42px;scroll-margin-top:120px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:21px}.section-eyebrow{color:#6596fa;font-size:10px;font-weight:850;letter-spacing:1.8px}.section-header h2{font-size:clamp(21px,2vw,27px);letter-spacing:-.6px;margin:8px 0 0;overflow-wrap:anywhere}.section-detail,.result-tools{color:#929db1;font-size:12px}.station-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.station-tile{aspect-ratio:1.08;min-height:127px;min-width:0;border-radius:16px;padding:16px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;isolation:isolate;transition:transform .18s,border-color .18s;border:1px solid #ffffff1a}.station-tile:hover{transform:translateY(-3px);border-color:#ffffff5b}.station-tile:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#ffffff21;right:-76px;top:-75px;z-index:-1}.station-tile:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;border:18px solid #ffffff0e;right:-20px;top:3px;z-index:-1}.station-icon{font-size:39px;font-weight:800;line-height:1.1;position:absolute;top:18px;left:16px;text-shadow:0 5px 12px #0003}.station-name{font-size:15px;font-weight:830;letter-spacing:-.3px;line-height:1.2}.station-sub{font-size:10px;color:#ffffffc7;margin-top:4px;font-weight:600}.station-play{position:absolute;bottom:14px;right:13px;background:#ffffffdd;color:#192136;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:11px;opacity:0;transform:translateY(5px);transition:all .18s}.station-tile:hover .station-play{opacity:1;transform:translateY(0)}.station-pink{background:linear-gradient(140deg,#b63a91,#6d286c)}.station-purple{background:linear-gradient(140deg,#7044b6,#332d7c)}.station-orange{background:linear-gradient(140deg,#b9623b,#753457)}.station-red{background:linear-gradient(140deg,#ba3947,#6d2439)}.station-blue{background:linear-gradient(140deg,#3b73ca,#263b80)}.station-teal{background:linear-gradient(140deg,#278e8d,#19516f)}.station-amber{background:linear-gradient(140deg,#b67c2f,#755034)}.station-lavender{background:linear-gradient(140deg,#8566bd,#5c487d)}.station-green{background:linear-gradient(140deg,#3e9865,#285a4b)}.station-coral{background:linear-gradient(140deg,#c06163,#86354b)}.station-lime{background:linear-gradient(140deg,#7b9739,#4d6632)}.station-slate{background:linear-gradient(140deg,#58748b,#31435e)}.result-tools{display:flex;gap:17px;align-items:center;white-space:nowrap}.outline-action{border:1px solid #3d4456;border-radius:30px;padding:8px 14px;color:#d6dcea;background:transparent}.outline-action:hover,.outline-action.on{border-color:#79a4ff;color:#9bc0ff;background:#334a7026}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 15px}.filter-chip{border:1px solid transparent;border-radius:25px;background:#202632;color:#b3bdcc;padding:8px 16px;font-weight:700;font-size:12px}.filter-chip:hover{background:#313c50}.filter-chip.active{background:#e9f1ff;color:#14243e}.track-list{display:flex;flex-direction:column;gap:3px}.track-row{min-width:0;display:flex;align-items:center;gap:15px;border:1px solid transparent;padding:9px 12px;border-radius:11px}.track-row:hover{background:#1a202c;border-color:#242e40}.track-row.playing{background:#202e49;border-color:#34517b}.art-button,.track-title,.like-btn,.row-play{background:transparent;border:0;color:inherit}.art-button{padding:0;flex-shrink:0}.track-art{width:64px;height:59px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:linear-gradient(145deg,#4b62a6,#262b65);position:relative}.track-art img{width:100%;height:100%;object-fit:cover}.track-art.soundcloud{background:linear-gradient(145deg,#dd8b40,#a64d2e)}.track-art.archive{background:linear-gradient(145deg,#70878b,#3f5c61)}.track-art.link{background:linear-gradient(145deg,#6b587f,#38435c)}.art-overlay{position:absolute;display:grid;place-items:center;inset:0;background:#11182777;color:#fff;opacity:0;font-size:20px}.track-row:hover .art-overlay,.track-row.playing .art-overlay{opacity:1}.track-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.track-title{font-weight:730;text-align:left;padding:0;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-title:hover{color:#91b7ff}.track-description{color:#8d97a8;font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.track-source{color:#8994a7;font-size:11px;width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.like-btn,.external-link,.row-play{flex-shrink:0;color:#8390a4;font-size:20px;display:grid;place-items:center;width:30px;height:30px}.like-btn:hover,.like-btn.liked{color:#fc74a0}.external-link:hover{color:#a6c5ff}.row-play{border-radius:50%;background:#3279fd;color:white;font-size:12px}.row-play:hover{background:#5691ff}.attribution-note{color:#7c8798;margin-top:22px;font-size:11px;line-height:1.6}.empty-state{display:flex;align-items:center;flex-direction:column;text-align:center;background:#161b26;border:1px solid var(--border);border-radius:19px;padding:38px 18px;color:#9caac0}.empty-icon{font-size:42px;color:#6396ff}.empty-state h3{color:#eff4fb;margin:10px 0 4px}.empty-state p{line-height:1.6;max-width:460px}.favorites-explainer{color:#939fb0}.saved-item{display:flex;align-items:center;padding:11px 13px;gap:12px;border-radius:10px;background:#1a202d;margin:5px 0}.saved-item strong{flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.saved-item button{border:1px solid #4c5d77;border-radius:8px;background:#252e43;color:#dae6ff;padding:7px 12px}.saved-item button:hover{background:#344767}.player-dock{position:fixed;bottom:0;left:0;right:0;min-height:88px;z-index:50;background:#151922f5;border-top:1px solid #303848;display:grid;grid-template-columns:minmax(210px,1fr) minmax(250px,1fr) minmax(175px,1fr);gap:10px;align-items:center;padding:12px 26px;backdrop-filter:blur(20px);box-shadow:0 -10px 45px #0003}.now-playing{display:flex;align-items:center;gap:12px;min-width:0}.mini-art{flex-shrink:0;width:54px;height:54px;background:linear-gradient(135deg,#3b75c9,#7751ad);display:grid;place-items:center;border-radius:9px;font-size:26px}.now-text{display:flex;flex-direction:column;gap:5px;min-width:0}.now-text strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.now-text span{color:#8b97aa;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-like{background:transparent;border:0;color:#b8c0ce;font-size:21px}.dock-like.liked{color:#ff82a8}.center-player{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:5px}.player-buttons{display:flex;align-items:center;gap:16px}.player-buttons button{border:0;background:transparent;color:#aeb9c9;font-size:20px;line-height:1;min-width:23px;min-height:24px}.player-buttons button:hover,.player-buttons button.active{color:#8fb5ff}.player-buttons button.play-pause{width:38px;height:38px;border-radius:50%;background:#f7f9ff;color:#192136;display:grid;place-items:center;font-size:14px}.playing-status{color:#8996a8;font-size:10px;text-align:center;max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-right{display:flex;align-items:center;justify-content:flex-end;gap:14px}.radio-mode{white-space:nowrap;display:flex;gap:9px;align-items:center;border:1px solid #46556b;color:#abb8ce;border-radius:25px;background:#202735;padding:8px 12px;font-size:11px;font-weight:800}.radio-mode[aria-pressed=true]{border-color:#5ba68f;color:#92ddc0;background:#183b37}.player-right a{color:#afc5ed;font-size:11px}.embed-area{position:absolute;bottom:calc(100% + 12px);right:20px;width:min(430px,calc(100vw - 40px));background:#121821;border:1px solid #35435a;box-shadow:0 15px 55px #000a;border-radius:14px;overflow:hidden}.embed-heading{display:flex;justify-content:space-between;padding:10px 14px;align-items:center;font-size:12px}.embed-heading button{border:0;background:transparent;font-size:23px;color:#dce5f5}#embedTarget{aspect-ratio:16/9;background:#080b11}#embedTarget iframe,#embedTarget>div{width:100%;height:100%;border:0}.mobile-brand{font-weight:800}.mobile-brand .brand-mark{width:28px;height:28px;font-size:17px;border-radius:8px}@media(max-width:1260px){.station-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.top-tabs{gap:13px}.sidebar{width:205px;flex-basis:205px}.hero-art{width:200px;margin:0}.vinyl{width:190px;height:190px}}@media(max-width:930px){.sidebar{display:none}.topbar{gap:11px;flex-wrap:wrap;padding:15px 22px}.mobile-brand{display:flex;align-items:center;gap:7px;margin-right:auto}.top-tabs{order:3;width:100%;flex:1 0 100%}.search-box{width:min(440px,65%);margin-left:0}.hero{padding:30px 33px}.hero-art{width:185px;height:185px}.vinyl{width:170px;height:170px}.station-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.player-dock{grid-template-columns:1fr 1fr}.player-right{display:none}}@media(max-width:620px){.app-shell{padding-bottom:142px}.topbar{padding:12px 14px}.search-box{width:100%;order:2}.top-tabs{order:3;gap:18px}.top-tabs a{font-size:12px}main{padding:17px 14px 45px}.hero{padding:30px 22px;min-height:275px}.hero h1{font-size:33px;letter-spacing:-1px}.hero p{font-size:13px;max-width:270px}.hero-art{position:absolute;right:-55px;bottom:10px;opacity:.4;pointer-events:none}.hero-copy{z-index:3}.station-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.station-tile{min-height:116px;padding:12px}.station-icon{font-size:31px;top:11px;left:12px}.station-name{font-size:13px}.station-sub{font-size:9px}.station-play{display:none}.section{margin-top:29px}.section-header{align-items:start;flex-direction:column;margin-bottom:15px}.result-tools{width:100%;justify-content:space-between}.track-row{padding:7px 5px;gap:10px}.track-art{width:49px;height:49px}.track-source{display:none}.track-title{font-size:12px}.track-description{font-size:11px}.external-link{display:none}.like-btn{width:24px}.row-play{width:27px;height:27px}.player-dock{grid-template-columns:1fr;padding:9px 12px 11px;gap:5px}.now-playing{width:100%}.mini-art{width:36px;height:36px;font-size:19px}.center-player{flex-direction:row;align-items:center;gap:16px}.player-buttons{gap:15px}.playing-status{font-size:10px}.center-player .playing-status{max-width:130px;white-space:nowrap}.embed-area{right:8px;width:calc(100vw - 16px)}.sidebar-footer{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}