:root{--bg: #08090f;--panel: #121523;--edge: #ffffff1a;--text: #f6f8ff;--muted: #c3c9dc;--accent: #ff496f;--accent-deep: #7a0030;--play: #2cdf6d;--max: 1100px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Archivo,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(1100px 500px at 20% -10%,#ff8cab38 0%,transparent 60%),radial-gradient(1000px 700px at 92% 8%,#ff456240 0%,transparent 70%),linear-gradient(180deg,#30111f 0%,#0f111e 45%,var(--bg) 100%);padding:clamp(1rem,2vw,2rem)}.site-shell{max-width:var(--max);margin:0 auto;border:1px solid var(--edge);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 24px 48px #0006;animation:shell-rise .7s ease-out}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#ff5a84,#9f0844 66%,#520222)}.hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#ffffff1c .8px,transparent .8px);background-size:3px 3px;opacity:.35}.hero__content{position:relative;display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:clamp(1.2rem,3vw,2rem);align-items:end;padding:clamp(1.2rem,3vw,2.3rem)}.cover{width:100%;aspect-ratio:1;border-radius:12px;border:1px solid #ffffff26;background:linear-gradient(160deg,#0002 10%,#0006),url(/assets/everything-is-fine-3000-DyCDGgH-.png) center / cover;box-shadow:0 16px 30px #0006}.hero__label{margin:0;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#ffe3ec}.hero__title{margin:.3rem 0 .6rem;font-family:Sora,sans-serif;font-size:clamp(2.2rem,7vw,5rem);line-height:1;letter-spacing:-.035em;text-wrap:balance}.hero__summary,.hero__blurb{margin:0;color:#ffe9f1}.hero__summary{font-weight:700}.hero__blurb{margin-top:.8rem;max-width:58ch;color:#ffd7e4}.controls{display:flex;align-items:center;gap:.8rem;padding:1rem clamp(1rem,3vw,2rem);background:linear-gradient(180deg,#2d0a1d,#170915);border-bottom:1px solid var(--edge)}button{border:0;font:inherit;cursor:pointer}.play-btn{display:inline-flex;align-items:center;background:var(--play);color:#001307;padding:.7rem 1.3rem;border-radius:999px;font-weight:800;text-decoration:none}.ghost-btn{background:transparent;color:var(--muted);border:1px solid #ffffff38;border-radius:999px;padding:.55rem 1rem}.tracklist{background:linear-gradient(180deg,#10121f,#0a0b12,#07080d);padding:1rem clamp(1rem,3vw,2rem) 1.5rem}.tracklist__head{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--muted);margin-bottom:.8rem}.tracklist__head h2{margin:0;font-family:Sora,sans-serif;font-size:1.25rem;color:var(--text)}.tracks{list-style:none;margin:0;padding:0}.track{display:grid;grid-template-columns:2rem 1.7fr 1fr auto;gap:.8rem;align-items:center;padding:.7rem .2rem;border-bottom:1px solid #ffffff0d;animation:fade-up .52s ease-out both}.track:nth-child(1){animation-delay:80ms}.track:nth-child(2){animation-delay:.12s}.track:nth-child(3){animation-delay:.16s}.track:nth-child(4){animation-delay:.2s}.track:nth-child(5){animation-delay:.24s}.track:nth-child(6){animation-delay:.28s}.track:nth-child(7){animation-delay:.32s}.track__index,.track__artist,.track__duration{color:var(--muted)}.track__title{font-weight:700}.footer{padding:1rem clamp(1rem,3vw,2rem) 1.5rem;color:#b6bdd0;font-size:.9rem;background:#07080d}.footer p{margin:.2rem 0}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shell-rise{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:760px){.hero__content{grid-template-columns:1fr;align-items:start}.cover{max-width:260px}.track{grid-template-columns:1.8rem 1fr auto;grid-template-areas:"index title duration" ". artist ."}.track__index{grid-area:index}.track__title{grid-area:title}.track__artist{grid-area:artist;font-size:.9rem}.track__duration{grid-area:duration}}