:root{color-scheme:dark;--bg:#101014;--card:#1a1a20;--muted:#a4a4b0;--lime:#bdff4a;--border:#ffffff12}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#f6f6fa}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button{border:0;background:none}button:disabled{opacity:.35;cursor:not-allowed}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:99;background:var(--lime);color:#111;padding:15px}.sidebar{position:fixed;inset:0 auto 108px 0;width:232px;padding:32px 22px;border-right:1px solid var(--border);background:#0b0b0f;overflow:auto}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:12px;letter-spacing:2px;font-weight:700;line-height:1.5}.brand b{font-size:20px;letter-spacing:5px}.brand-mark{letter-spacing:-5px;font-size:28px;font-weight:900;color:var(--lime);border:1px solid #bdff4a50;border-radius:14px;padding:4px 10px 8px 5px}.brand-mark span{color:white}.sidebar nav{margin:45px 0 35px}.nav{display:flex;width:100%;align-items:center;gap:13px;padding:13px;border-radius:9px;font-size:22px;color:#a4a4b0;text-align:left}.nav span{font-size:14px;font-weight:700}.nav:hover,.nav.active{background:#bdff4a12;color:var(--lime)}.side-label{color:#777782;letter-spacing:2px;font-size:10px;margin-bottom:12px;font-weight:700}.side-playlist{display:block;text-align:left;color:#b4b4c0;padding:12px 10px;font-size:13px;width:100%;border-radius:8px}.side-playlist:hover{background:#ffffff08;color:white}.side-bottom{margin-top:40px;color:var(--lime);font-size:9px;letter-spacing:1px}.side-bottom p{font-size:12px;line-height:1.9;color:#797985;letter-spacing:0}.side-bottom a{font-size:11px;letter-spacing:0;color:#b4b4c0}.live-dot{display:inline-block;border-radius:50%;background:var(--lime);width:6px;height:6px;margin-right:6px}main{margin-left:232px;padding:0 42px 140px;max-width:1800px}.topbar{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:26px 0}.search-wrap{display:flex;align-items:center;background:#1c1c22;border:1px solid #ffffff09;border-radius:30px;padding:0 16px;width:440px;max-width:70%;gap:12px}.search-wrap span{font-size:25px;color:#aaa}.search-wrap input{padding:13px 0;background:transparent;color:white;border:0;outline:none!important;width:100%;font-size:13px}.search-wrap kbd{color:#888;border:1px solid #555;padding:1px 5px;border-radius:4px}.mature-toggle{font-size:11px;color:#bbb;display:flex;gap:7px;align-items:center;white-space:nowrap}input[type=checkbox]{accent-color:var(--lime)}.mobile-brand{display:none}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:700;color:var(--lime);text-transform:uppercase}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:20px 0 25px}.page-heading h1{font-size:34px;letter-spacing:-1.3px;margin:7px 0}.page-heading p{font-size:12px;color:var(--muted);margin:0}.date-tag{font-size:10px;letter-spacing:2px;color:#7b7b86}.hero{min-height:310px;border-radius:20px;overflow:hidden;position:relative;padding:36px;display:flex;align-items:center;background:radial-gradient(ellipse at 90% 10%,#8d4598 0%,transparent 50%),linear-gradient(110deg,#29203a,#26214b 60%,#363c32)}.hero-copy{position:relative;z-index:1;max-width:65%}.hero h2{font-size:clamp(34px,4.5vw,64px);line-height:1;letter-spacing:-3px;margin:16px 0}.hero p{font-size:13px;line-height:1.7;color:#d7ccd9;max-width:450px}.hero .eyebrow{color:#dfc6fb}.primary{border-radius:24px;background:var(--lime);color:#121510;font-weight:bold;padding:13px 24px;font-size:13px}.primary:hover{background:#cfff79;transform:translateY(-1px)}.secondary{border:1px solid #ffffff45;border-radius:24px;padding:12px 20px;font-size:12px;margin-left:10px}.hero-art{position:absolute;right:4%;height:260px;width:260px;display:grid;place-items:center;transform:rotate(-13deg);border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#16151b 0 2px,#303039 3px 4px);box-shadow:12px 20px 50px #0006}.hero-art:before{content:'cb';height:105px;width:105px;display:grid;place-items:center;border-radius:50%;background:var(--lime);color:#141414;font-size:52px;letter-spacing:-6px;font-weight:900}.hero-art:after{content:'';position:absolute;background:#101014;width:12px;height:12px;border-radius:50%;border:3px solid #ffffff40}.notice{color:#9999a6;font-size:11px;line-height:1.6;margin:17px 2px 26px}.notice b{color:#d4d4da}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:30px 0 15px}.section-title h2{font-size:21px;letter-spacing:-.5px;margin:0}.section-title button{color:#aaa;font-size:11px}.playlist-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.playlist-card{text-align:left;min-width:0;padding:0;border-radius:12px;transition:transform .2s}.playlist-card:hover{transform:translateY(-4px)}.cover{aspect-ratio:1;border-radius:12px;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--c1),var(--c2));display:flex;flex-direction:column;justify-content:space-between;padding:16px;isolation:isolate}.cover:before{content:'';position:absolute;border:20px solid #ffffff25;width:85%;height:85%;border-radius:50%;top:24%;left:40%;z-index:-1}.cover small{font-size:8px;letter-spacing:2px;opacity:.7}.cover strong{font-size:clamp(18px,2vw,30px);line-height:.95;letter-spacing:-1px;text-transform:uppercase;overflow-wrap:anywhere;max-width:90%}.cover .cover-bottom{font-size:9px;letter-spacing:1px;opacity:.8}.card-name{display:block;font-size:13px;margin-top:12px;font-weight:bold}.card-sub{display:block;font-size:11px;color:#8a8a96;margin-top:6px;line-height:1.6}.track-list{width:100%}.track{display:grid;grid-template-columns:30px 46px minmax(0,1fr) minmax(130px,22%) 42px 36px;align-items:center;gap:14px;padding:13px 8px;border-bottom:1px solid #ffffff05;border-radius:8px}.track:hover{background:#ffffff06}.track.playing{background:#bdff4a09}.track.playing .title-button{color:var(--lime)}.track-play{font-size:12px;color:#aaa}.track:hover .track-play{color:var(--lime)}.track-art{height:44px;border-radius:7px;background:linear-gradient(145deg,var(--c1),var(--c2));display:grid;place-items:center;font-weight:bold;font-size:17px}.title-button{padding:0;text-align:left;display:block;font-size:13px;font-weight:700;line-height:1.4;max-width:100%}.track-copy{min-width:0}.track-copy .byline{font-size:11px;color:var(--muted);margin-top:5px}.credit-line{font-size:9px;color:#888895;margin-top:5px;line-height:1.7}.credit-line a{color:#a4a4af}.content-badge{display:inline-block;padding:2px 4px;font-size:8px;letter-spacing:.4px;border-radius:3px;background:#ffffff15;color:#d9d9dd;margin-right:5px;font-weight:700}.content-badge.mature{background:#ffb26422;color:#efbb8b}.album{color:#90909d;font-size:11px;line-height:1.6;overflow:hidden;text-overflow:ellipsis}.duration{font-size:11px;color:#90909d}.favorite{font-size:18px;color:#999}.favorite.saved{color:var(--lime)}.site-footer{font-size:10px;color:#777783;line-height:2;border-top:1px solid var(--border);padding-top:30px;margin-top:40px}.site-footer button{padding:0;text-decoration:underline;color:#aaa}.player{position:fixed;bottom:0;left:0;right:0;z-index:10;min-height:108px;border-top:1px solid #ffffff14;background:#131319f5;backdrop-filter:blur(25px);display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:25px;align-items:center;padding:14px 28px}.now{display:flex;align-items:center;gap:12px;min-width:0}.mini-art{width:52px;height:52px;flex-shrink:0;border-radius:8px;background:linear-gradient(145deg,#39312e,#8c7943);display:grid;place-items:center;font-weight:bold;font-size:23px}.now-copy{min-width:0}.now-copy strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-copy span{display:block;color:#9999a7;font-size:10px;margin-top:6px}.now-copy a{font-size:9px;display:block;margin-top:5px;color:#999}.now-copy a[hidden]{display:none}.icon-button{font-size:18px;padding:5px;color:#a8a8b4}.icon-button:hover,.icon-button[aria-pressed=true]{color:var(--lime)}.transport-buttons{display:flex;align-items:center;justify-content:center;gap:23px}.play-button{background:var(--lime);color:#101014;border-radius:50%;height:37px;width:37px;font-size:15px;display:grid;place-items:center}.progress{display:flex;align-items:center;gap:10px;margin-top:12px}.progress span{font-size:9px;color:#858590;width:30px;font-variant-numeric:tabular-nums}input[type=range]{accent-color:var(--lime);height:4px;cursor:pointer;min-width:0}.progress input{width:100%}.volume{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-end;color:#aaa}.volume input{width:80px}.volume #status{width:100%;text-align:right;font-size:9px;color:#868695;line-height:1.5}.empty{padding:60px 20px;text-align:center;color:#aaa}dialog{border:1px solid #ffffff22;border-radius:18px;background:#1a1a23;color:#eee;width:650px;max-width:90vw;padding:30px}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog p{font-size:13px;line-height:1.8;color:#bdbdca}dialog a{color:var(--lime)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-top h2{margin:0;font-size:23px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.filter-chips button{font-size:11px;border:1px solid #ffffff20;padding:8px 14px;border-radius:20px;color:#aaa}.filter-chips button.selected{background:var(--lime);color:#111;border-color:var(--lime)}.collection-hero{border-radius:17px;padding:30px;background:linear-gradient(120deg,var(--c1),var(--c2));margin:15px 0 25px}.collection-hero h1{font-size:40px;letter-spacing:-1px;margin:12px 0}.collection-hero p{font-size:13px;color:#ffffffbb;max-width:650px;line-height:1.7}.collection-hero .eyebrow{color:white}.collection-hero .primary{margin-top:8px}
@media(min-width:1500px){main{padding-left:60px;padding-right:60px}.hero{min-height:360px}.hero-art{right:10%;height:300px;width:300px}.cover strong{font-size:30px}}
@media(max-width:1150px){.sidebar{width:195px;padding:28px 18px}main{margin-left:195px;padding-left:26px;padding-right:26px}.playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cover{aspect-ratio:1.3}.hero-art{right:-8%;opacity:.8}.hero-copy{max-width:75%}.player{grid-template-columns:1fr 1.3fr .7fr;gap:15px;padding:14px 20px}.track{grid-template-columns:24px 40px minmax(0,1fr) 40px 26px;gap:9px}.album{display:none}.volume input{width:60px}}
@media(max-width:750px){.sidebar{display:none}main{margin:0;padding:0 18px 170px}.topbar{flex-wrap:wrap;gap:15px;padding:22px 0}.mobile-brand{display:block;font-size:20px;color:var(--lime);width:100%}.mobile-brand b{font-size:17px;color:white;margin-left:5px;letter-spacing:-.5px}.search-wrap{max-width:none;width:calc(100% - 115px);padding:0 12px}.search-wrap input{font-size:12px;padding:12px 0}.search-wrap kbd{display:none}.mature-toggle{font-size:10px;gap:4px}.page-heading{margin-top:7px}.page-heading h1{font-size:28px}.date-tag{display:none}.hero{padding:26px;min-height:310px}.hero-copy{max-width:90%}.hero h2{font-size:45px;letter-spacing:-2px}.hero p{font-size:12px;max-width:85%}.hero-art{right:-30%;bottom:-30%;height:270px;width:270px;opacity:.5}.hero-copy .secondary{padding:10px 12px;margin-left:4px}.hero-copy .primary{padding:12px 17px}.playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cover{padding:11px;aspect-ratio:1}.cover strong{font-size:20px}.cover small{font-size:6px;letter-spacing:1px}.cover .cover-bottom{font-size:6px}.card-name{font-size:11px;line-height:1.4;margin-top:8px}.card-sub{font-size:9px}.section-title h2{font-size:19px}.track{grid-template-columns:22px 36px minmax(0,1fr) 28px;gap:7px;padding:13px 0}.track-art{height:36px;font-size:13px}.duration{display:none}.title-button{font-size:12px}.track-copy .byline{font-size:10px}.credit-line{font-size:9px}.player{padding:10px 15px max(12px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:8px;min-height:130px}.now{width:calc(100% - 142px);gap:8px}.mini-art{height:38px;width:38px;font-size:17px}.now-copy strong{font-size:11px}.now-copy span{font-size:9px;margin-top:3px}.now-copy a{font-size:8px;margin-top:3px}#save-now{display:none}.transport{width:130px}.transport-buttons{gap:13px}.transport-buttons #shuffle,.transport-buttons #repeat{display:none}.play-button{height:33px;width:33px}.progress{position:absolute;bottom:32px;left:15px;right:15px}.progress input{height:3px}.volume{width:100%;height:30px;align-items:flex-end}.volume label,.volume input{display:none}.volume #status{font-size:8px;width:100%;padding-top:14px}.notice{font-size:10px}.collection-hero{padding:24px}.collection-hero h1{font-size:32px}.collection-hero p{font-size:12px}.site-footer{font-size:9px}.filter-chips{gap:6px}.filter-chips button{font-size:10px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}