:root{--bg:#eeefe9;--surface:#f8f8f4;--ink:#12140f;--muted:#666b62;--line:#c9ccc3;--dark:#151810;--dark-2:#20251c;--accent:#f04d36;--lime:#c9dc72;--focus:#2376e5;--space:clamp(18px,3.5vw,56px);--content:1540px;--fast:180ms;--smooth:280ms}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,input{font:inherit}button,a{color:inherit}a{text-decoration:none}img{display:block;max-width:100%}.skip{position:fixed;left:16px;top:-60px;background:#fff;padding:12px 16px;z-index:30}.skip:focus{top:12px}.topbar{height:70px;padding:0 var(--space);display:flex;align-items:center;border-bottom:1px solid #34382f;background:rgba(21,24,16,.96);color:#f7f7f1;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{font:20px Archivo Black,sans-serif;letter-spacing:-.05em;margin-right:48px}.brand i{font-style:normal;color:var(--accent)}.topbar nav{display:flex;gap:25px;font-size:12px;font-weight:700}.topbar nav a{opacity:.68;transition:opacity var(--fast)}.topbar nav a:hover,.topbar nav a[aria-current=page]{opacity:1}.search-open{margin-left:auto;border:1px solid #51564b;background:transparent;color:#fff;padding:10px 14px;cursor:pointer}.listen-stage{max-width:var(--content);margin:auto;display:grid;grid-template-columns:minmax(340px,.72fr) minmax(560px,1.28fr);background:var(--dark);color:#f4f5ef;min-height:580px}.stage-copy{padding:clamp(46px,6vw,94px) var(--space);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden}.stage-copy:after{content:"";width:350px;height:350px;position:absolute;right:-210px;bottom:-210px;border:74px solid rgba(201,220,114,.08);border-radius:50%}.eyebrow,.section-head span{font:10px "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}h1{font:clamp(58px,7vw,112px)/.82 Archivo Black,sans-serif;letter-spacing:-.075em;margin:35px 0 28px;text-wrap:balance}.stage-copy p{font-size:16px;line-height:1.65;color:#aeb3a9;max-width:47ch}.stage-actions{display:flex;align-items:center;gap:24px;margin-top:32px;font-size:12px;font-weight:700}.primary{border:0;background:var(--accent);color:#fff;padding:15px 18px;cursor:pointer;font-weight:700}.primary span{margin-left:18px}.player-shell{background:#090a08;align-self:stretch;display:grid;grid-template-rows:1fr auto}.video-frame{display:grid;place-items:center;min-height:0}.video-frame iframe{width:100%;height:100%;min-height:450px;border:0;aspect-ratio:16/9}.now{border-top:1px solid #353a30;display:flex;justify-content:space-between;align-items:center;padding:22px 28px;gap:22px}.live-dot{font:9px "IBM Plex Mono";letter-spacing:.08em;color:var(--lime)}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px rgba(201,220,114,.08)}.now h2{font-size:24px;letter-spacing:-.04em;margin:8px 0 2px}.now p{margin:0;color:#93998e;font-size:13px}.now-actions{display:flex;align-items:center;gap:12px}.now-actions button{width:42px;height:42px;border:1px solid #4a5044;background:transparent;color:#fff;font-size:24px;cursor:pointer}.now-actions a{font:10px "IBM Plex Mono";border-bottom:1px solid;padding-bottom:4px}.command{max-width:var(--content);margin:auto;border:1px solid var(--line);border-top:0;background:var(--surface);display:grid;grid-template-columns:minmax(280px,1fr) 2fr auto;align-items:stretch}.command label{padding:20px var(--space);border-right:1px solid var(--line)}.command label span{display:block;font:9px "IBM Plex Mono";color:var(--muted);margin-bottom:6px}.command input{width:100%;border:0;background:transparent;font-weight:600;font-size:16px;outline:0}.chips{display:flex;align-items:center;gap:7px;padding:14px 22px;overflow:auto;scrollbar-width:none}.chips button,.library-tabs button{border:1px solid var(--line);background:transparent;padding:9px 12px;white-space:nowrap;cursor:pointer;font-size:11px}.chips button[aria-pressed=true],.library-tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.command-count{min-width:130px;padding:13px 22px;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.command-count strong{font:25px "IBM Plex Mono"}.command-count span{font-size:9px;color:var(--muted)}.section{max-width:var(--content);margin:0 auto;padding:76px var(--space) 90px;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr minmax(240px,420px);align-items:end;gap:35px;margin-bottom:34px}.section-head h2{font:clamp(42px,5.5vw,80px)/.9 Archivo Black;letter-spacing:-.06em;margin:13px 0 0}.section-head p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.chart-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:28px}.featured-grid{display:grid;grid-template-columns:1.3fr .7fr;grid-template-rows:1fr 1fr;gap:10px}.track-card{border:0;background:var(--dark);color:#fff;text-align:left;position:relative;overflow:hidden;cursor:pointer;min-height:210px;padding:0}.track-card:first-child{grid-row:1/3;min-height:430px}.track-card img{width:100%;height:100%;object-fit:cover;opacity:.72;transition:transform var(--smooth),opacity var(--smooth)}.track-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(5,6,4,.92))}.track-card .card-copy{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.track-card small{font:9px "IBM Plex Mono";color:var(--lime)}.track-card b{font-size:clamp(17px,2vw,29px);letter-spacing:-.04em;display:block;margin-top:8px}.track-card span{font-size:12px;color:#c7cbc1}.track-card:hover img{transform:scale(1.035);opacity:.86}.play-mark{position:absolute;z-index:3;right:18px;top:18px;width:42px;height:42px;background:var(--accent);display:grid;place-items:center}.chart-list{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}.chart-row{display:grid;grid-template-columns:38px 56px 1fr auto;gap:13px;align-items:center;border-bottom:1px solid var(--line);padding:13px 5px}.chart-row>span{font:11px "IBM Plex Mono";color:var(--muted)}.chart-row img{width:56px;height:56px;object-fit:cover}.chart-row button{border:0;background:transparent;text-align:left;cursor:pointer;padding:0;min-width:0}.chart-row b,.chart-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-row b{font-size:13px}.chart-row small{color:var(--muted);margin-top:4px}.chart-actions{display:flex;gap:5px}.chart-actions button{width:34px;height:34px;border:1px solid var(--line);display:grid;place-items:center}.genre-block{margin-top:52px}.genre-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px;border-bottom:2px solid var(--ink);padding-bottom:12px}.genre-title h3{font-size:24px;letter-spacing:-.04em;margin:0}.genre-title span{font:10px "IBM Plex Mono";color:var(--muted)}.track-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);grid-template-rows:auto;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:10px}.rail-card{scroll-snap-align:start;border:0;background:transparent;text-align:left;padding:0;cursor:pointer;min-width:0}.rail-cover{position:relative;aspect-ratio:1;overflow:hidden;background:var(--dark)}.rail-cover img{width:100%;height:100%;object-fit:cover;transition:transform var(--smooth),opacity var(--smooth)}.rail-cover span{position:absolute;right:11px;bottom:11px;width:42px;height:42px;background:var(--accent);color:white;display:grid;place-items:center;transform:translateY(5px);opacity:0;transition:all var(--fast)}.rail-card:hover .rail-cover img{transform:scale(1.035);opacity:.82}.rail-card:hover .rail-cover span,.rail-card:focus-visible .rail-cover span{transform:none;opacity:1}.rail-card b{display:block;font-size:13px;margin:11px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-card small{color:var(--muted)}.library{background:#e3e5dd}.library-tabs{display:flex;gap:7px;margin-bottom:18px;overflow:auto}.cover-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.cover-card{min-width:0}.cover-card .cover{aspect-ratio:1;overflow:hidden;background:#d0d3ca}.cover-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--smooth)}.cover-card:hover img{transform:scale(1.035)}.cover-card b,.cover-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-card b{font-size:13px;margin-top:11px}.cover-card small{font-size:11px;color:var(--muted);margin-top:4px}.skeleton{aspect-ratio:1;background:linear-gradient(90deg,#d4d6ce,#e9eae5,#d4d6ce);background-size:200% 100%;animation:pulse 1.2s infinite}.saved-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:2px solid var(--ink)}.saved-row{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:12px}.saved-row:nth-child(odd){border-right:1px solid var(--line)}.saved-row img{width:54px;height:54px;object-fit:cover}.saved-row button{border:0;background:transparent;text-align:left;cursor:pointer}.saved-row b,.saved-row small{display:block}.saved-row small{color:var(--muted);margin-top:3px}.saved-row .remove{font-size:18px}.empty{max-width:var(--content);margin:auto;padding:28px var(--space);background:#fff0ed;border-bottom:1px solid #f0b9af}.empty button{margin-left:16px;border:0;border-bottom:1px solid;background:transparent;cursor:pointer}.mini-player{position:fixed;z-index:15;bottom:16px;left:50%;transform:translateX(-50%);width:min(600px,calc(100% - 28px));background:rgba(21,24,16,.96);color:#fff;display:grid;grid-template-columns:56px 1fr auto;align-items:center;padding:8px;box-shadow:0 18px 60px rgba(15,18,12,.28);backdrop-filter:blur(16px)}.mini-player img{width:56px;height:56px;object-fit:cover}.mini-player button{border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}.mini-player small,.mini-player b,.mini-player span{display:block}.mini-player small{font:8px "IBM Plex Mono";color:var(--lime)}.mini-player b{font-size:13px;margin:3px 0}.mini-player span{font-size:10px;color:#aeb3aa}.mini-player #mini-next{border-left:1px solid #484e42;height:44px;padding:0 15px}footer{max-width:var(--content);margin:auto;background:var(--dark);color:#f5f5ef;padding:48px var(--space);display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}footer .footer-brand{font:28px Archivo Black}.footer-brand span{color:var(--accent)}footer p{color:#9ca196;font-size:13px}footer nav{display:flex;gap:18px;font-size:11px}footer small{grid-column:1/-1;color:#777d72;font-size:10px}.primary:hover,.play-mark:hover{background:#d83e2a}button:active{transform:translateY(1px)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@keyframes pulse{to{background-position:-200% 0}}
@media(max-width:1050px){.topbar nav{display:none}.listen-stage{grid-template-columns:1fr}.stage-copy{min-height:440px}.video-frame iframe{min-height:auto;aspect-ratio:16/9}.command{grid-template-columns:1fr}.command label,.command-count{border:0;border-bottom:1px solid var(--line)}.command-count{display:none}.chart-layout{grid-template-columns:1fr}.cover-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:680px){:root{--space:18px}.topbar{height:62px}.search-open{font-size:0;padding:9px 12px}.search-open span{font-size:19px}.listen-stage{min-height:0}.stage-copy{min-height:390px;padding-top:55px;padding-bottom:60px}.stage-copy h1{font-size:58px;margin:27px 0 22px}.stage-copy p{font-size:14px}.stage-actions{width:100%;justify-content:space-between}.player-shell{border-top:1px solid #353a30}.now{padding:16px 18px}.now h2{font-size:19px}.now-actions a{display:none}.command label{padding:17px 18px}.chips{padding:12px 18px}.section{padding-top:54px;padding-bottom:64px}.section-head{grid-template-columns:1fr;gap:13px;margin-bottom:25px}.section-head h2{font-size:45px}.section-head p{max-width:48ch}.featured-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 170px}.track-card:first-child{grid-column:1/-1;grid-row:auto;min-height:260px}.chart-row{grid-template-columns:25px 48px 1fr auto}.chart-row img{width:48px;height:48px}.chart-actions button:first-child{display:none}.track-rail{grid-auto-columns:42vw}.cover-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.cover-card,.skeleton{flex:0 0 42vw;scroll-snap-align:start}.saved-list{grid-template-columns:1fr}.saved-row:nth-child(odd){border-right:0}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}.mini-player{bottom:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.discovery{background:var(--surface)}.mood-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);margin-bottom:58px}.mood-grid button{min-height:155px;border:0;border-right:1px solid var(--line);background:transparent;text-align:left;padding:18px;display:flex;flex-direction:column;cursor:pointer;transition:background var(--fast),color var(--fast)}.mood-grid button:last-child{border-right:0}.mood-grid button:hover{background:var(--dark);color:white}.mood-grid span{font:9px "IBM Plex Mono";color:var(--accent)}.mood-grid b{font-size:21px;margin-top:auto}.mood-grid small{color:var(--muted);margin-top:5px}.mood-grid i{font-style:normal;align-self:flex-end;margin-top:12px}.discovery-split{display:grid;grid-template-columns:1fr 1fr;gap:42px}.sub-head{display:flex;justify-content:space-between;align-items:end;border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:12px}.sub-head h3{font-size:25px;letter-spacing:-.04em;margin:0}.sub-head span{font:9px "IBM Plex Mono";color:var(--muted)}.top-forty{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr}.top-forty li{display:grid;grid-template-columns:29px 46px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:9px 7px}.top-forty li:nth-child(odd){border-right:1px solid var(--line)}.top-forty>li>span{font:9px "IBM Plex Mono";color:var(--muted)}.top-forty img{width:46px;height:46px;object-fit:cover}.top-forty button{border:0;background:transparent;text-align:left;cursor:pointer;min-width:0}.top-forty b,.top-forty small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-forty b{font-size:11px}.top-forty small{font-size:9px;color:var(--muted);margin-top:3px}.fresh-albums{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.fresh-albums a{min-width:0}.fresh-albums img{width:100%;aspect-ratio:1;object-fit:cover}.fresh-albums b,.fresh-albums small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fresh-albums b{font-size:12px;margin-top:8px}.fresh-albums small{font-size:9px;color:var(--muted);margin-top:3px}.artist-showcase{margin-top:65px}.artist-showcase>div:last-child{display:grid;grid-template-columns:repeat(7,1fr);gap:13px}.artist-showcase a{min-width:0}.artist-showcase img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;filter:saturate(.82)}.artist-showcase b,.artist-showcase small{display:block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-showcase b{font-size:12px;margin-top:9px}.artist-showcase small{font-size:9px;color:var(--muted);margin-top:2px}@media(max-width:1000px){.mood-grid{grid-template-columns:repeat(3,1fr)}.mood-grid button:nth-child(3){border-right:0}.discovery-split{grid-template-columns:1fr}.artist-showcase>div:last-child{grid-template-columns:repeat(5,1fr)}}@media(max-width:680px){.mood-grid{display:flex;overflow-x:auto}.mood-grid button{flex:0 0 42vw}.top-forty{grid-template-columns:1fr}.top-forty li:nth-child(odd){border-right:0}.fresh-albums{display:flex;overflow-x:auto}.fresh-albums a{flex:0 0 42vw}.artist-showcase>div:last-child{display:flex;overflow-x:auto}.artist-showcase a{flex:0 0 31vw}}