@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#11130f;--panel:#1a1d18;--muted:#979d90;--lime:#c3f36b;--line:#30352c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 0%,#272e1c 0,transparent 42%),var(--bg);color:#f2f1e9;font-family:'DM Sans',sans-serif;min-height:100vh}.shell{max-width:1060px;margin:auto;padding:32px 38px 24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 22px}.brand,.tag,.eyebrow,.now-label{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.12em}.brand{font-weight:500;display:flex;gap:10px;align-items:center}.live-dot{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 14px #c3f36b88}.tag,.eyebrow,.now-label{color:var(--muted)}.hero{display:grid;grid-template-columns: .9fr 1fr;align-items:center;gap:72px;padding:66px 4% 72px}.art{aspect-ratio:1;max-width:380px;width:100%;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#697849,#303c25 50%,#151a12 75%);box-shadow:0 30px 90px #0008,inset 0 0 45px #b1dc6830}.disc{width:70%;height:70%;border-radius:50%;background:repeating-radial-gradient(circle,#171a14 0 2px,#292e23 3px 5px);display:grid;place-items:center;box-shadow:0 8px 32px #0009}.disc-center{width:24%;height:24%;border-radius:50%;background:var(--lime);box-shadow:0 0 35px #c3f36b66}.equalizer{position:absolute;right:4%;bottom:12%;height:42px;display:flex;align-items:center;gap:5px}.equalizer i{width:4px;border-radius:4px;background:var(--lime);height:55%;animation:pulse .7s ease-in-out infinite alternate}.equalizer i:nth-child(2){height:100%;animation-delay:.2s}.equalizer i:nth-child(3){height:68%;animation-delay:.4s}.equalizer i:nth-child(4){height:88%;animation-delay:.1s}.equalizer i:nth-child(5){height:43%;animation-delay:.3s}@keyframes pulse{to{transform:scaleY(.4)}}.copy{max-width:480px}.eyebrow{margin:0 0 16px;color:var(--lime)}h1,h2{font-family:'Space Grotesk',sans-serif;letter-spacing:-.055em}h1{font-size:clamp(48px,6vw,72px);line-height:.99;margin:0 0 19px;font-weight:500}.intro{max-width:390px;color:#b3b7ac;line-height:1.65;margin:0 0 34px}.now{border-left:2px solid var(--lime);padding:2px 0 2px 14px;display:flex;flex-direction:column;gap:7px;margin-bottom:24px}.now-label{font-size:9px}.now strong{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:500}.folder{font-size:12px;color:var(--muted)}.controls{display:flex;align-items:center;gap:14px}.play{width:48px;height:48px;border-radius:50%;border:0;background:var(--lime);color:#171a13;font-size:17px;cursor:pointer;flex:none}.library{display:flex;align-items:end;justify-content:space-between;padding:25px 2px 14px;border-top:1px solid var(--line)}.library .eyebrow{margin-bottom:8px;font-size:9px}h2{font-size:26px;font-weight:500;margin:0}.playlist-link{color:var(--lime);text-decoration:none;font-size:20px;display:flex;gap:9px;align-items:center}.playlist-link span{font:12px 'DM Mono',monospace}.tracks{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.tracks li{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:14px 12px;border-bottom:1px solid var(--line);transition:background .2s}.tracks li:hover,.tracks li.active{background:#22271c}.track-num{font:11px 'DM Mono',monospace;color:#747a6c}.track-name{font-size:14px}.track-folder{font-size:11px;color:var(--muted);font-family:'DM Mono',monospace}.empty{color:var(--muted);padding:22px 12px;font-size:13px}footer{display:flex;justify-content:space-between;padding-top:22px;color:#777d70;font-size:11px}footer a{color:var(--lime);text-decoration:none}@media(max-width:720px){.shell{padding:22px 20px}.hero{grid-template-columns:1fr;gap:36px;padding:38px 2% 45px}.art{max-width:245px;margin:auto}.copy{max-width:unset}h1{font-size:54px}.tag{font-size:9px}.tracks li{grid-template-columns:28px 1fr;gap:9px}.track-folder{grid-column:2}.track-name{font-size:13px}footer{gap:15px;line-height:1.5}}
