@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f5f1e9;font-synthesis:none;background:#0b0c0c;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 10%,#322312 0,#0b0c0c 35%);min-height:100vh;margin:0}main{max-width:1160px;margin:auto;padding:28px 42px 70px}header{border-bottom:1px solid #292a27;justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.brand{letter-spacing:.08em;align-items:center;gap:11px;display:flex}.brand-mark{color:#15120c;background:#f0b548;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.brand small{color:#8e8f88;letter-spacing:.18em;margin-top:3px;font:10px DM Mono;display:block}.header-actions{align-items:center;gap:18px;display:flex}.login,.account{color:#e6ae4a;cursor:pointer;background:0 0;border:1px solid #6b4d20;border-radius:2px;padding:9px 12px;font:10px DM Mono}.account{color:#9fa49d;border-color:#3b3b35}.live{color:#9fa49d;letter-spacing:.12em;font:11px DM Mono}.live i{background:#e95d4f;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #e95d4f}.hero{justify-content:space-between;align-items:center;padding:88px 0 72px;display:flex}.eyebrow,.kicker{letter-spacing:.15em;color:#d5a649;font:11px DM Mono}.eyebrow{align-items:center;gap:7px;display:flex}.hero h1{letter-spacing:-.07em;margin:20px 0;font-size:clamp(48px,7vw,86px);line-height:.98}.hero h1 em{color:#e6ae4a;font-style:normal}.intro{color:#9c9d96;max-width:430px;font-size:16px;line-height:1.6}.orb{background:conic-gradient(from 40deg,#f0b548,#6c3a18,#141313,#f0b548);border-radius:50%;width:230px;height:230px;padding:1px;animation:14s linear infinite spin}.orb-core{color:#f0b548;background:#151313;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;height:100%;animation:14s linear infinite reverse spin;display:flex}.orb-core span{letter-spacing:.2em;font:10px DM Mono}@keyframes spin{to{transform:rotate(360deg)}}.grid{grid-template-columns:1.25fr .75fr;gap:20px;display:grid}.panel{background:#121414;border:1px solid #292b27;border-radius:3px;padding:25px}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.panel h2{letter-spacing:-.04em;margin:8px 0 0;font-size:24px}.count{color:#777a73;font:11px DM Mono}.track{border-top:1px solid #282a27;align-items:center;gap:13px;padding:13px 0;display:flex}.cover{color:#15120c;background:#c89138;place-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:grid}.track:nth-child(3) .cover{background:#bf6c45}.track:nth-child(4) .cover{background:#9d9d65}.track-info{flex:1;min-width:0}.track-info strong,.queue-item strong{font-size:14px;display:block}.track-info span,.queue-item small{color:#81847d;margin-top:4px;font-size:12px;display:block}.bpm{color:#74766f;font:10px DM Mono}.track button,.next{cursor:pointer;border:0}.track button{color:#171614;background:#ede6d9;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.queue{flex-direction:column;display:flex}.playing{background:#292217;border-left:2px solid #e5a942;margin-bottom:17px;padding:14px 17px}.playing span{color:#dc9f39;letter-spacing:.15em;margin-bottom:7px;font:9px DM Mono;display:block}.playing strong{display:block}.playing small{color:#8f8d83}.queue-list{flex:1}.queue-item{border-bottom:1px solid #282a27;gap:13px;padding:13px 0;display:flex}.queue-item>span{color:#777a73;font:11px DM Mono}.empty{color:#777a73;padding:20px 0;font-size:13px;line-height:1.6}.next{color:#17130b;letter-spacing:.04em;background:#e4a83e;justify-content:center;align-items:center;gap:9px;margin-top:22px;padding:14px;font:600 12px DM Mono;display:flex}@media (width<=760px){main{padding:22px 18px}header{align-items:flex-start}.header-actions{flex-direction:column-reverse;align-items:flex-end;gap:8px}.hero{padding:58px 0 48px}.orb{flex:none;width:130px;height:130px}.hero h1{font-size:48px}.grid{grid-template-columns:1fr}.bpm{display:none}}