@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080b12;--panel:#10141f;--line:rgba(205,215,255,.11);--text:#f2f2f7;--muted:#9095a8;--pink:#ff477e;--violet:#9879ff;font-family:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:fixed;z-index:-1;width:360px;height:360px;border-radius:50%;filter:blur(120px);opacity:.16}.ambient-a{background:#5a4aff;top:2%;left:-180px}.ambient-b{background:#e53383;right:-180px;bottom:-80px}.app-shell{max-width:1200px;margin:auto;padding:0 45px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font:700 17px Manrope,sans-serif;letter-spacing:-.7px}.brand>span:last-child>span{font-weight:400}.brand-mark{width:25px;height:25px;border:2px solid var(--pink);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px}.brand-mark i{background:var(--pink);width:2px;height:9px;border-radius:2px}.brand-mark i+i{height:14px}.top-label,.home-link{font-size:10px;letter-spacing:1.3px;color:#a7a9b8}.top-label i,.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink);margin-right:7px}.home-link{letter-spacing:0;font-size:12px}.home-link span{color:var(--pink);padding-left:7px}.intro{min-height:320px;display:flex;align-items:center;justify-content:space-between;padding:22px 5% 0}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#a0a4b8;margin:0 0 14px}.eyebrow>span{color:var(--pink)}h1,h2{font-family:Manrope,sans-serif}h1{font-size:clamp(42px,5.5vw,68px);letter-spacing:-.07em;line-height:1.03;margin:0 0 16px;font-weight:600}h1 em{font-style:normal;color:#a49aff}.lead{max-width:450px;color:#9b9fb0;font-size:13px;line-height:1.7}.sound-art{width:260px;height:240px;position:relative;display:grid;place-items:center;margin-right:6%}.sound-ring{position:absolute;border:1px solid rgba(143,119,255,.2);border-radius:50%;width:100px;height:100px}.ring-two{width:165px;height:165px;border-color:rgba(255,71,126,.14)}.ring-three{width:230px;height:230px;border-color:rgba(143,119,255,.1)}.sound-core{width:62px;height:62px;background:linear-gradient(145deg,#b397ff,#fc4882);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 45px #a752ff77}.equalizer{height:25px;display:flex;gap:3px;align-items:center}.equalizer i{width:2px;height:8px;background:#fff;border-radius:2px}.equalizer i:nth-child(2),.equalizer i:nth-child(4){height:17px}.equalizer i:nth-child(3){height:24px}.art-star{position:absolute;color:#ff6a9b}.star-a{top:26px;right:35px;font-size:18px}.star-b{bottom:35px;left:25px;font-size:13px;color:#9d8bff}.player-layout{display:grid;grid-template-columns:350px 1fr;gap:18px;margin:4px 0 70px}.station-panel,.now-panel{border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(19,23,36,.9),rgba(13,16,25,.95))}.station-panel{padding:23px 20px;min-height:460px}.panel-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px}.panel-heading .eyebrow{margin-bottom:6px}.panel-heading h2{font-size:22px;letter-spacing:-1px;margin:0}.station-count{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:5px 9px}.search-box{height:38px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#73798d}.search-box span{font-size:20px}.search-box input{width:100%;background:none;border:0;outline:0;color:var(--text);font:12px 'DM Sans',sans-serif}.search-box input::placeholder{color:#74798a}.station-list{display:grid;gap:7px;margin-top:15px;max-height:320px;overflow:auto}.loading,.empty-state{color:#888da0;font-size:12px;line-height:1.7}.station-item{width:100%;display:flex;align-items:center;text-align:left;gap:12px;border:1px solid transparent;border-radius:8px;padding:10px;background:transparent;color:var(--text);cursor:pointer}.station-item:hover,.station-item.active{background:#ffffff08;border-color:var(--line)}.station-art{height:38px;width:38px;flex:0 0 38px;border-radius:7px;background:linear-gradient(135deg,#342658,#9c4273);display:grid;place-items:center;color:#fff;font-size:17px;overflow:hidden}.station-art img{width:100%;height:100%;object-fit:cover}.station-text{min-width:0;flex:1}.station-text strong,.station-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-text strong{font-size:12px;font-weight:600}.station-text small{font-size:10px;color:#9398a8;margin-top:4px}.station-play{font-size:10px;color:var(--pink)}.now-panel{padding:21px 27px 17px;min-height:460px;display:flex;flex-direction:column}.on-air{font-size:9px;letter-spacing:1.5px;color:#c0c2cf}.pulse{width:6px;height:6px}.cover-art{height:210px;position:relative;overflow:hidden;border:1px solid #ffffff14;border-radius:9px;margin:17px 0;background:radial-gradient(ellipse at 50% 125%,#ff4c7c8c,transparent 50%),radial-gradient(circle at 70% 25%,#8272ff55,transparent 38%),linear-gradient(140deg,#15162b,#090d16 70%);display:grid;place-items:center}.cover-art:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,#adb2ff 1px,transparent 1.5px);background-size:27px 27px;opacity:.17;transform:rotate(-12deg)}.cover-mark{position:relative;z-index:1;width:67px;height:67px;border:2px solid #ff6993;border-radius:50%;display:flex;justify-content:center;align-items:center;gap:4px;box-shadow:0 0 35px #ec47854a}.cover-mark i{height:16px;width:4px;border-radius:5px;background:#ff6993}.cover-mark i+i{height:28px}.cover-mark i:last-child{height:21px}.cover-orbit{position:absolute;border:1px solid #c182ff2b;border-radius:50%;width:170px;height:80px;transform:rotate(-25deg)}.orbit-b{width:240px;height:115px;transform:rotate(35deg);border-color:#ff779526}.cover-name{position:absolute;z-index:1;bottom:15px;left:18px;font:700 9px Manrope,sans-serif;letter-spacing:2px}.cover-name span{font-weight:400;color:#b5a8ff;margin-left:4px}.track-meta{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px}.track-meta .eyebrow{font-size:8px;margin-bottom:5px}.track-meta h2{font-size:18px;letter-spacing:-.5px;margin:0;max-width:410px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genre{font-size:11px;color:#969bad;margin:4px 0 0}.playing-indicator{display:none;align-items:center;gap:3px;height:20px}.playing-indicator.active{display:flex}.playing-indicator i{width:3px;height:7px;background:var(--pink);border-radius:3px;animation:wave .7s ease-in-out infinite alternate}.playing-indicator i:nth-child(2){animation-delay:.2s}.playing-indicator i:nth-child(3){height:17px;animation-delay:.1s}.playing-indicator i:nth-child(4){animation-delay:.35s}@keyframes wave{to{height:17px}}.player-controls{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding-top:13px}.play-button{height:40px;width:40px;border:0;border-radius:50%;background:linear-gradient(140deg,#ff5685,#b650d9);color:white;cursor:pointer;box-shadow:0 4px 20px #d7477c33}.play-button:disabled{opacity:.45;cursor:not-allowed}.control-info{flex:1;min-width:60px;font-size:8px;letter-spacing:.9px;color:#9da1b1}.progress-track{height:3px;background:#ffffff1c;border-radius:4px;margin-top:8px}.progress-track span{display:block;height:100%;width:0;background:#e75b98;border-radius:4px}audio{display:none}.volume-button{border:0;background:none;color:#b4b6c3;font-size:19px;cursor:pointer}#volume{width:70px;accent-color:#f0528c}.player-hint{font-size:10px;color:#73798c;margin:11px 0 0 51px}footer{border-top:1px solid var(--line);padding:18px 0 25px;display:flex;justify-content:space-between;gap:15px;color:#72788a;font-size:8px;letter-spacing:1px}footer a{color:#a5a9b8;letter-spacing:0;font-size:10px}
@media(max-width:760px){.app-shell{padding:0 22px}.top-label{display:none}.intro{min-height:280px;padding:35px 0;position:relative}.intro>div:first-child{position:relative;z-index:1}.sound-art{position:absolute;right:-65px;opacity:.48;width:190px}.player-layout{grid-template-columns:1fr;margin-bottom:45px}.station-panel{min-height:0;order:2}.now-panel{min-height:0}.station-list{max-height:240px}.cover-art{height:190px}footer{flex-wrap:wrap}footer span:nth-child(2){display:none}}@media(max-width:420px){.app-shell{padding:0 16px}.topbar{height:70px}.intro{min-height:260px}h1{font-size:43px}.sound-art{right:-88px}.now-panel{padding:18px}.cover-art{height:165px}.track-meta h2{font-size:16px}#volume{width:55px}}