:root{--bg:#0a0a0c;--panel:#131318;--line:#ffffff14;--fg:#f5f5f2;--dim:#f5f5f28c;--mute:#f5f5f259;--accent:#ff5c38;--accent-soft:#ff5c3829;--like:#4ade80;--dislike:#ff4d6a}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);min-height:100%;font-family:-apple-system,SF Pro Text,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}.shell{max-width:560px;margin:0 auto;padding:24px 20px 64px}.brand{letter-spacing:-.03em;font-size:22px;font-weight:800}.brand em{color:var(--accent);font-style:normal}.hero{text-align:center;padding:18vh 0 0}.hero h1{letter-spacing:-.04em;font-size:44px;font-weight:800;line-height:1.02}.hero h1 em{color:var(--accent);font-style:normal}.hero p{max-width:40ch;color:var(--dim);margin:18px auto 0;font-size:15px;line-height:1.5}.cta{background:var(--accent);color:#000;letter-spacing:.01em;border-radius:999px;margin-top:32px;padding:16px 28px;font-size:16px;font-weight:800;display:inline-block;box-shadow:0 8px 30px #ff5c3859}.np{background:var(--panel);border:1px solid var(--line);border-radius:20px;margin-top:28px;padding:22px}.np-art{aspect-ratio:1;object-fit:cover;background:#1c1c22;border-radius:14px;width:100%}.np-title{letter-spacing:-.02em;margin-top:18px;font-size:20px;font-weight:700}.np-artist{color:var(--dim);margin-top:4px;font-size:14px}.progress{background:var(--line);border-radius:2px;height:3px;margin-top:14px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width 1s linear}.controls{justify-content:center;align-items:center;gap:26px;margin-top:18px;display:flex}.ctl{width:52px;height:52px;color:var(--fg);border-radius:50%;place-items:center;display:grid}.ctl:active{transform:scale(.92)}.ctl-main{background:var(--fg);color:#000;width:62px;height:62px}.trainers{border-top:1px solid var(--line);justify-content:center;gap:20px;margin-top:20px;padding-top:20px;display:flex}.trainer{border:1.5px solid var(--line);width:58px;height:58px;color:var(--dim);border-radius:50%;place-items:center;transition:all .15s;display:grid}.trainer:active{transform:scale(.9)}.trainer.on-like{border-color:var(--like);color:var(--like);background:#4ade801f}.trainer.on-big{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.trainer.on-no{border-color:var(--dislike);color:var(--dislike);background:#ff4d6a1f}.section{margin-top:30px}.section h2{letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-size:12px;font-weight:700}.chips{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.chip{border:1px solid var(--line);background:var(--panel);color:var(--fg);border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600}.chip:active{background:var(--accent-soft);border-color:var(--accent)}.chip.hot{border-color:var(--accent);color:var(--accent)}.releases{gap:14px;margin-top:12px;padding-bottom:6px;display:flex;overflow-x:auto}.release{flex:0 0 128px}.release img{object-fit:cover;background:#1c1c22;border-radius:10px;width:128px;height:128px}.release .r-name{margin-top:8px;font-size:12px;font-weight:600;line-height:1.25}.release .r-artist{color:var(--dim);margin-top:2px;font-size:11px}.meta{color:var(--mute);margin-top:26px;font-size:12px;line-height:1.6}.meta button{color:var(--accent);font-weight:600}.idle{text-align:center;color:var(--dim);padding:56px 0;font-size:14px}