:root { color-scheme: dark; --ink:#eceae5; --muted:#b4b4b0; --edge:#343432; --paper:#151615; --accent:#d6efa9; font-family:"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:#101110; color:var(--ink); }
.artwork-status { padding:40px 24px; border:1px solid var(--edge); text-align:center; font-size:16px; line-height:1.6; }
.keep-disc { margin-top:25px; }.keep-button { display:inline-flex; align-items:center; min-height:48px; border-radius:5px; background:var(--accent); color:#141710; padding:12px 18px; text-decoration:none; font-weight:600; }.keep-disc p { max-width:45ch; color:var(--muted); font-size:14px; line-height:1.6; }
.disc-stage { position:relative; aspect-ratio:1; }.disc-stage video { position:absolute; inset:0; width:100%; height:100%; border-radius:3px; }#animation-toggle { display:block; margin:16px auto 0; min-height:44px; }#animation-status { margin:12px 0; }
* { box-sizing:border-box; } body { margin:0; } a { color:inherit; } button,a { -webkit-tap-highlight-color:transparent; } button:focus-visible,a:focus-visible { outline:3px solid var(--accent); outline-offset:5px; } [hidden] { display:none!important; }
.masthead { max-width:1360px; margin:auto; padding:30px 48px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--edge); gap:24px; }.masthead a { font-weight:900; font-stretch:condensed; font-size:24px; text-decoration:none; letter-spacing:-1px; }.dot { color:var(--accent); padding-left:6px; }.masthead>span { font-size:14px; color:var(--muted); }
main { max-width:1360px; margin:auto; padding:64px 48px 88px; } #release { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:7vw; align-items:start; }.art-column { position:sticky; top:40px; }.art-column img { width:100%; height:auto; display:block; border-radius:3px; background:var(--paper); }.art-note { font-size:14px; line-height:1.6; color:var(--muted); text-align:center; padding:0 12px; margin-top:20px; }.eyebrow { font-size:12px; font-weight:700; letter-spacing:2.3px; color:var(--accent); margin:0 0 18px; } h1 { font-size:clamp(32px,3.8vw,58px); font-weight:700; line-height:1.08; letter-spacing:-1.7px; margin:0 0 18px; overflow-wrap:anywhere; }.meta { color:var(--muted); font-size:14px; margin:0; }.instruction { font-size:16px; line-height:1.6; color:var(--muted); max-width:40ch; margin:27px 0 34px; }
ol { list-style:none; padding:0; margin:0; border-top:1px solid var(--edge); }.track { display:grid; grid-template-columns:27px minmax(0,1fr) 38px; gap:15px; padding:21px 0; border-bottom:1px solid var(--edge); }.number { font-size:13px; color:var(--muted); padding-top:4px; font-variant-numeric:tabular-nums; }.song { font-size:18px; line-height:1.3; font-weight:600; margin:0; overflow-wrap:anywhere; }.artist { color:var(--muted); font-size:14px; line-height:1.5; margin:5px 0 0; overflow-wrap:anywhere; }.duration { font-variant-numeric:tabular-nums; color:var(--muted); font-size:13px; padding-top:4px; }.note { white-space:pre-wrap; overflow-wrap:anywhere; font-size:16px; line-height:1.6; color:#ddd5c3; border-left:2px solid #6b6d5f; padding-left:14px; margin:16px 0; }.apple-link { display:inline-block; font-size:14px; line-height:1.5; margin-top:11px; padding:8px 0; text-underline-offset:4px; }.unavailable { font-size:14px; line-height:1.5; color:var(--muted); margin:13px 0 0; }
footer { margin-top:35px; font-size:14px; color:var(--muted); line-height:1.7; } .fine { font-size:13px; }.status { max-width:560px; margin:70px auto 120px; }.status p:not(.eyebrow) { font-size:18px; line-height:1.6; color:var(--muted); } button { font:inherit; font-size:16px; background:var(--accent); color:#141710; border:0; padding:12px 22px; border-radius:5px; cursor:pointer; }
@media(max-width:760px) { .masthead { padding:22px 24px; }.masthead>span { font-size:13px; }main { padding:28px 24px 56px; } #release { grid-template-columns:1fr; gap:38px; }.art-column { position:static; max-width:520px; margin:auto; width:100%; }.art-note { display:none; }h1 { font-size:38px; }.liner { min-width:0; }.status { margin:55px 0 100px; } }
@media(prefers-reduced-motion:no-preference) { #release { animation:arrive .35s ease-out; } @keyframes arrive { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } } }