:root{color-scheme:dark;--bg:#0b0910;--panel:#171220;--soft:#a89eaf;--text:#fff;--accent:#c42cff;--accent2:#ff3d8d;--line:#2b2434}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -10%,#37134d 0,transparent 38%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}button,input{font:inherit}main{max-width:1080px;margin:auto;padding:34px 28px 170px}.brand{display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:.18em;font-weight:800}.brand img{width:34px;height:34px}.brand b{color:#e666ff}.hero{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:46px;align-items:end;padding:58px 0}.cover{aspect-ratio:1;border-radius:22px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#ec43ff,#7d24d4 45%,#321052);box-shadow:0 28px 70px #0008}.cover span{font-weight:900;font-size:clamp(50px,9vw,108px);letter-spacing:-.08em}.cover img{width:100%;height:100%;object-fit:cover}.album-copy small{font-weight:800;letter-spacing:.17em;color:#e8a8ff}.album-copy h1{font-size:clamp(48px,7vw,92px);line-height:.92;letter-spacing:-.065em;margin:13px 0 24px;max-width:720px}.album-copy p{color:var(--soft);font-size:17px}.album-copy strong{color:#fff}.primary{margin-top:20px;border:0;border-radius:999px;padding:16px 26px;font-weight:800;color:#fff;background:linear-gradient(120deg,var(--accent),var(--accent2));box-shadow:0 10px 30px #c42cff33;cursor:pointer}.tracklist{background:#131018cc;border:1px solid var(--line);border-radius:18px;overflow:hidden}.track-head,.track{display:grid;grid-template-columns:50px 1fr 40px;align-items:center;padding:14px 24px}.track-head{color:#807686;font-size:12px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--line)}.track{min-height:72px;border-bottom:1px solid #211b28;cursor:pointer}.track:last-child{border:0}.track:hover,.track.active{background:#ffffff08}.track.active .number{color:#df63ff}.track strong{display:block}.track small{display:block;margin-top:4px;color:var(--soft)}.track button{border:0;background:none;color:#d9ccdF;font-size:18px;cursor:pointer}.loading{padding:22px;color:var(--soft)}.player{position:fixed;left:0;right:0;bottom:0;z-index:5;min-height:102px;padding:16px max(24px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:24px;background:#100d15f2;border-top:1px solid #33283d;backdrop-filter:blur(18px)}.now{display:flex;align-items:center;gap:12px;min-width:0}.now>div:last-child{min-width:0}.now strong,.now span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now span{font-size:13px;color:var(--soft);margin-top:3px}.mini-cover{width:52px;height:52px;border-radius:9px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,var(--accent2),#5d20ae);font-weight:900;overflow:hidden}.mini-cover img{width:100%;height:100%;object-fit:cover}.transport{display:flex;align-items:center;gap:18px}.transport button{border:0;background:none;color:#fff;font-size:20px;cursor:pointer}.transport .toggle{width:48px;height:48px;border-radius:50%;background:#fff;color:#120d18;font-size:18px}.timeline{display:grid;grid-template-columns:38px 1fr 38px;gap:8px;align-items:center;font-size:11px;color:var(--soft)}input[type=range]{accent-color:#d43fff;width:100%}@media(max-width:720px){main{padding:22px 16px 190px}.hero{grid-template-columns:1fr;gap:26px;padding:36px 0}.cover{max-width:330px;width:85%;margin:auto}.album-copy{text-align:center}.album-copy h1{font-size:50px}.track-head,.track{padding-left:14px;padding-right:14px;grid-template-columns:36px 1fr 30px}.player{grid-template-columns:1fr auto;gap:12px}.timeline{grid-column:1/-1;grid-row:2}.now{min-width:0}.transport{gap:10px}.transport button{font-size:18px}.transport .toggle{width:44px;height:44px}}