.al-room{padding-block:clamp(36px,6vw,88px) clamp(48px,8vw,120px)}.al{gap:clamp(36px,5vw,64px);display:grid}.al-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.al-jacket{aspect-ratio:1;width:min(64%,420px);position:relative}.al-cover{z-index:1;object-fit:cover;border-radius:6px;width:100%;height:100%;display:block;position:relative;box-shadow:0 40px 90px #0000008c,0 10px 24px #00000059,inset 0 0 0 1px #ffffff0f}.al-cover.is-paper{background:linear-gradient(160deg, var(--paper) 0%, var(--paper-3) 100%)}.al-record{transition:transform 1.1s var(--ease-arrive);background:radial-gradient(circle,#ffffff0d 0 30%,#0000 31%),repeating-radial-gradient(circle,#141311 0 1.6px,#28241f 1.6px 2.8px),#141311;border-radius:50%;position:absolute;inset:3%;transform:translate(6%);box-shadow:0 0 0 1px #ffffff17,inset 0 0 0 3px #0e0d0c,0 30px 60px #00000080}.al-record:after{content:"";background:conic-gradient(from 210deg, transparent 0 12%, #ffffff12 16%, transparent 22% 62%, #ffffff0d 66%, transparent 72%);border-radius:50%;position:absolute;inset:0}.al-label{background:radial-gradient(circle at 50% 50%, var(--spindle) 0 5%, var(--label) 6% 100%);box-shadow:0 0 calc(4px + var(--lvl,0) * 26px) rgb(234 107 50/calc(.2 + var(--lvl,0) * .55));border-radius:50%;place-items:center;display:grid;position:absolute;inset:34%}.al-label-n{font-family:var(--font-mono);letter-spacing:.08em;color:#2a1206;font-size:clamp(11px,1.3vw,15px);font-weight:600;transform:translateY(-160%)}.al-jacket.is-playing .al-record{transform:translate(52%)}.al-jacket.is-playing .al-record,.al-jacket.is-playing .al-label{animation:5.4s linear infinite al-spin}.al-jacket.is-playing .al-label{animation:none}@keyframes al-spin{0%{transform:translate(52%)rotate(0)}to{transform:translate(52%)rotate(360deg)}}.al-info{align-content:center;gap:10px;min-width:0;display:grid}.al-title{font-family:var(--font-display,var(--font-sans));letter-spacing:.06em;margin:0;font-size:clamp(2.6rem,1.6rem + 4.2vw,5.4rem);font-weight:600;line-height:.95}.al-artist{font-size:var(--step-1);color:var(--text-2);letter-spacing:.18em;text-transform:uppercase;margin:0}.al-meta{color:var(--muted);margin:0;font-size:13px}.al-now{gap:2px;margin-top:18px;display:grid}.al-now-k{letter-spacing:.12em;text-transform:uppercase;color:var(--ember);font-size:11px}.al-now-v{font-size:var(--step-1);font-weight:600}.al-transport{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.al-play{border-radius:var(--round);background:var(--ember);color:#1c1206;height:48px;font:inherit;cursor:pointer;border:0;align-items:center;gap:10px;padding:0 22px 0 18px;font-weight:650;display:inline-flex}.al-play svg{width:16px;height:16px}.al-btn{border:1px solid var(--line);background:var(--ink-2);width:40px;height:40px;color:var(--text-2);cursor:pointer;border-radius:50%;place-items:center;display:grid}.al-btn:hover:not(:disabled){color:var(--text);border-color:var(--line-strong)}.al-btn:disabled{opacity:.35;cursor:default}.al-btn svg{width:15px;height:15px}.al-vol{align-items:center;gap:8px;min-width:150px;margin-left:auto;display:flex}.al-vol input,.al-progress input{width:100%;accent-color:var(--ember)}.al-progress{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:12px;display:grid}.al-note{color:var(--muted);max-width:46ch;margin:4px 0 0;font-size:13px}.al-play:focus-visible,.al-btn:focus-visible,.al-row-play:focus-visible,.al-spotify-load:focus-visible,.al-spotify-link:focus-visible{outline:2px solid var(--ember);outline-offset:3px}.al-list{border-top:1px solid var(--line-faint);margin:0;padding:0;list-style:none}.al-row{border-bottom:1px solid var(--line-faint);--wave-dim:#f2f0eb29;--wave-lit:#ff8a3d;grid-template-columns:minmax(180px,.9fr) minmax(0,1.6fr) auto;align-items:center;gap:18px;padding:6px 4px;display:grid}.al-row:hover{background:#ffffff05}.al-row.is-current{--wave-dim:#f2f0eb52}.al-row-play{min-height:40px;color:var(--text-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:0 6px;display:grid}.al-row.is-current .al-row-play{color:var(--text)}.al-n{color:var(--muted);font-size:12px}.al-row.is-current .al-n{color:var(--ember)}.al-t{font-size:15px;font-weight:550}.al-row-wave{cursor:pointer;height:34px}.al-wave{width:100%;height:100%;display:block}.al-d{color:var(--muted);padding-right:6px;font-size:12px}.al-spotify{background:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(22px,3vw,36px);display:grid}.al-spotify-text{gap:10px;display:grid}.al-spotify-text p{max-width:48ch;margin:0}.al-spotify-link{color:var(--text);border-bottom:1px solid var(--line-strong);justify-self:start;font-weight:600;text-decoration:none}.al-spotify-link:hover{color:var(--ember);border-color:var(--ember)}.al-spotify-frame{min-height:160px}.al-spotify-load{border:1px dashed var(--line-strong);background:var(--ink-1);width:100%;min-height:200px;color:var(--text-2);font:inherit;cursor:pointer;border-radius:14px;align-content:center;justify-items:center;gap:6px;padding:24px;display:grid}.al-spotify-load:hover{color:var(--text);border-color:var(--ember)}.al-spotify-load-t{font-size:15px;font-weight:650}.al-spotify-load-s{color:var(--muted);font-size:12px}@media (width<=860px){.al-hero,.al-spotify{grid-template-columns:1fr}.al-jacket{width:min(78%,360px)}.al-row{grid-template-columns:minmax(0,1fr) auto}.al-row-wave{grid-area:2/1/auto/-1;height:26px;padding:0 6px 6px}.al-vol{margin-left:0}}@media (prefers-reduced-motion:reduce){.al-record,.al-jacket.is-playing .al-record{transition:none;animation:none}}.ab{background:radial-gradient(90% 120% at 0% 50%, #ff8a3d14, transparent 60%), var(--ink-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,48px);padding:clamp(18px,3vw,28px);display:grid}.ab-jacket{aspect-ratio:1;width:clamp(120px,16vw,180px);margin-right:clamp(36px,5vw,70px);position:relative}.ab-jacket img,.ab-paper{z-index:1;object-fit:cover;border-radius:4px;width:100%;height:100%;display:block;position:relative;box-shadow:0 18px 40px #00000080}.ab-paper{background:linear-gradient(160deg, var(--paper), var(--paper-3))}.ab-disc{background:radial-gradient(circle at 50% 50%, var(--spindle) 0 3%, var(--label) 4% 30%, transparent 31%), repeating-radial-gradient(circle at 50% 50%, #141311 0 1.4px, #28241f 1.4px 2.5px);transition:transform .9s var(--ease-arrive);border-radius:50%;position:absolute;inset:4%;transform:translate(26%);box-shadow:0 0 0 1px #ffffff14}.ab.is-playing .ab-disc{animation:5s linear infinite ab-spin;transform:translate(48%)}@keyframes ab-spin{0%{transform:translate(48%)rotate(0)}to{transform:translate(48%)rotate(360deg)}}.ab-text{gap:14px;display:grid}.ab-now{color:var(--text-2);margin:0}.ab-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ab-play{border-radius:var(--round);background:var(--ember);color:#1c1206;height:44px;font:inherit;cursor:pointer;border:0;align-items:center;gap:8px;padding:0 20px 0 16px;font-weight:650;display:inline-flex}.ab-play svg{width:15px;height:15px}.ab-link{color:var(--text);font-weight:600;text-decoration:none}.ab-link:hover{color:var(--ember)}.ab-play:focus-visible,.ab-link:focus-visible{outline:2px solid var(--ember);outline-offset:3px}@media (width<=640px){.ab{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ab-disc,.ab.is-playing .ab-disc{transition:none;animation:none}}