.radio-nav-dot{width:5px;height:5px;border-radius:50%;background:var(--green);margin-left:auto}.radio-hero{position:relative;display:flex;align-items:center;gap:40px;padding:42px;border-radius:16px;overflow:hidden;background:#2c4439;min-height:320px;border:1px solid #ffffff08}.radio-hero-copy{position:relative;z-index:1;max-width:490px}.radio-hero h1{font-size:clamp(38px,4vw,60px);font-weight:550;line-height:1.05;letter-spacing:-2.7px;margin:18px 0}.radio-hero h1 em{font-weight:800;color:#c8e2d1}.radio-hero-copy>.eyebrow{color:#9db9a7;font-size:8px;letter-spacing:2.4px}#radio-intro{color:#a2baac;font-size:12px;line-height:1.8;max-width:350px}.radio-hero-actions{display:flex;gap:17px;align-items:center;flex-wrap:wrap;margin-top:24px}.radio-hero-actions .small-link{font-size:10px}.radio-frequency{position:absolute;right:25px;top:25px;font-size:7px;letter-spacing:2px;color:#86a28f;text-align:right;line-height:2}.radio-frequency b{font-weight:400;font-size:6px;color:#668873}.radio-orbit{position:relative;width:230px;height:230px;flex-shrink:0;display:grid;place-items:center;isolation:isolate}.radio-orbit>i{position:absolute;inset:0;border:1px solid rgba(255, 255, 255, .1);border-radius:50%;transform:rotate(-25deg) scaleX(.9);background:#92be9b08}.radio-orbit>i:nth-child(2){inset:20px;border-color:rgba(255, 255, 255, .1);transform:rotate(30deg) scaleY(.92)}.radio-orbit>i:nth-child(3){inset:45px;border-color:rgba(255, 255, 255, .1)}.radio-orbit>span{width:95px;height:95px;display:grid;place-items:center;background:#789b80;border:1px solid rgba(255, 255, 255, .1);border-radius:50%;z-index:1;color:#e0ece2}.radio-orbit svg{width:46px;height:46px;stroke-width:1}.radio-orbit small{position:absolute;bottom:40px;font-size:7px;letter-spacing:3px;color:#b2cbb9}.radio-active .radio-orbit>i{animation:radio-ring 12s ease-in-out infinite alternate}.radio-active .radio-orbit>i:nth-child(2){animation-delay:-4s}.radio-active .radio-orbit>i:nth-child(3){animation-delay:-8s}@keyframes radio-ring{to{transform:rotate(25deg) scale(.97);opacity:.45}}
.radio-tuning{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:28px 0;border-bottom:1px solid #ffffff09}.radio-tuning h2{font-size:16px}.radio-tuning p{font-size:11px;color:#82988b;margin-top:7px}.radio-tuning .filter-tabs button{padding:9px 14px;font-size:10px}.radio-basis{display:flex;align-items:center;gap:20px;margin:25px 0}.radio-basis>span{font-size:7px;letter-spacing:1.6px;color:#789682;flex-shrink:0}#radio-seeds{display:flex;gap:8px;flex-wrap:wrap}#radio-seeds>span{padding:10px 14px;border:1px solid #ffffff0a;border-radius:9px;background:#ffffff02;font-size:11px;color:#b9d0c1}#radio-seeds small{display:block;font-size:8px;color:#7c9b87;margin-top:5px}#radio-status{font-size:11px;color:#a4c0af;line-height:1.7;margin:18px 0}#radio-status:empty{display:none}.radio-loading:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:12px;animation:pulse 1s infinite}.radio-song{padding:4px 0 12px;border-bottom:1px solid #ffffff07}.radio-song>.track-row{background:none!important}.radio-song-context{display:flex;align-items:center;justify-content:space-between;padding-left:80px;gap:10px}.radio-song-context>span{font-size:9px;color:#709880}.radio-song-context>div{display:flex;gap:14px}.radio-song-context button{display:flex;align-items:center;gap:5px;font-size:9px;color:#8aa393;padding:4px 0}.radio-song-context button:hover{color:#c4e3cf}.radio-song-context svg{width:12px;height:12px}.radio-footnote{font-size:10px;line-height:1.8;color:#6d8979;padding:25px 0;max-width:650px}#radio-onboarding{padding:25px 0}#radio-onboarding>h3{font-size:20px}#radio-onboarding>p{font-size:12px;color:#8fab99;margin:10px 0 25px}.radio-starters{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin:15px 0 25px}.radio-starters img{width:100%;max-width:100px;aspect-ratio:1;object-fit:cover;border-radius:50%;display:block;margin:0 auto 12px}.radio-starters button{font-size:11px;color:#b7cbbf}.radio-starters button:hover{color:#d4eadc}
.personal-home{margin:30px 0 35px}.personal-home>.section-title{align-items:flex-end}.personal-home>.section-title .eyebrow{font-size:7px;letter-spacing:1.8px;color:#7e9f8a;margin-bottom:10px}.personal-home>.section-title h2{font-size:19px}.personal-home-grid{display:grid;grid-template-columns:.95fr 1.5fr;gap:20px}.radio-home-card{position:relative;overflow:hidden;text-align:left;border:1px solid rgba(255, 255, 255, .1);border-radius:12px;padding:23px;background:#334f40;min-height:240px;display:flex;flex-direction:column;align-items:flex-start}.radio-home-card:after{content:'';position:absolute;width:180px;height:180px;border:1px solid rgba(255, 255, 255, .1);border-radius:50%;right:-90px;top:35px;transform:scaleY(1.4);pointer-events:none}.radio-home-card>span{display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:1.4px;color:#98b6a2}.radio-home-card>span svg{width:16px;height:16px}.radio-home-card strong{font:650 32px/1.15 Manrope,sans-serif;letter-spacing:-1.4px;margin:20px 0 14px;color:#d6e7db}.radio-home-card small{font-size:10px;line-height:1.6;color:#95b49f;max-width:200px}.radio-home-card b{font-weight:400;color:#bddec7;font-size:10px;margin-top:auto;padding-top:20px}.radio-home-card:hover{border-color:rgba(255, 255, 255, .1)}.personal-picks{display:grid;gap:5px;align-content:center}.personal-picks>article{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff07;padding:10px 0}.personal-picks>article:last-child{border:0}.personal-picks>article>button:first-child{padding:0;flex-shrink:0}.personal-picks img{width:48px;height:48px;border-radius:6px;object-fit:cover;display:block}.personal-picks>article>div{min-width:0;flex:1}.personal-picks .track-title{font-size:12px;display:block;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.personal-picks small{font-size:10px;color:#91a797;display:block;margin:5px 0}.personal-picks article span{font-size:8px;color:#6f967c;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.personal-picks .icon-btn{width:25px;height:25px}.personal-picks .icon-btn svg{width:13px;height:13px}.personal-picks>p{font-size:12px;line-height:1.9;color:#8ba493;max-width:300px;margin:auto;padding:20px}.radio-account{border-top:1px solid #ffffff0c;margin-top:25px;padding-top:24px}.radio-account h3{font-size:13px;margin-bottom:20px}.radio-account>p{font-size:10px;margin:10px 0 17px}.radio-account>.small-link{font-size:11px}#radio-hidden-list{max-height:180px;overflow:auto;margin-top:12px}#radio-hidden-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid #ffffff08;font-size:11px;color:#a2bbab}#radio-hidden-list>div>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-song-tools{flex-wrap:wrap;gap:13px}.room-song-tools .small-link{font-size:9px}.room-song-tools #room-radio-hide{color:#82988c}
@media(max-width:1400px){.radio-hero{padding:30px;gap:25px}.radio-orbit{width:180px;height:180px}.radio-orbit>span{width:74px;height:74px}.radio-orbit svg{width:34px;height:34px}.radio-orbit small{bottom:28px;font-size:6px}.radio-tuning{align-items:flex-start;flex-direction:column;gap:17px}.radio-song-context{padding-left:70px}.radio-hero h1{font-size:46px}.personal-home-grid{gap:15px}.radio-home-card{padding:20px}.personal-picks img{width:40px;height:40px}.personal-picks article span{max-width:190px}.radio-frequency{display:none}}
@media(max-width:800px){.radio-hero{padding:24px;gap:20px}.radio-orbit{width:110px;height:110px}.radio-orbit>i:nth-child(2){inset:10px}.radio-orbit>i:nth-child(3){inset:20px}.radio-orbit small{display:none}.radio-orbit>span{width:50px;height:50px}.radio-orbit svg{width:26px;height:26px}.radio-hero h1{font-size:37px}.radio-hero-actions{gap:12px}.radio-basis{align-items:flex-start;flex-direction:column;gap:12px}.radio-song-context{padding-left:45px;align-items:flex-start;flex-direction:column}.radio-starters{grid-template-columns:repeat(3,1fr)}.personal-home-grid{grid-template-columns:1fr}.radio-home-card{min-height:190px}.radio-home-card strong{font-size:30px}.personal-picks article span{max-width:none}.personal-home>.section-title h2{font-size:16px}.radio-nav-dot{display:none}}
@media(prefers-reduced-motion:reduce){.radio-active .radio-orbit>i,.radio-loading:before{animation:none}}