.listening-room{max-width:1000px;padding:2.5rem 0 4rem}.listening-room h1{font-size:clamp(2.2rem,5vw,4rem)}.intro{max-width:780px;color:var(--muted)}
.album-layout{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:2rem;align-items:start;margin:2rem 0}.album-art img{display:block;width:100%;height:auto;border-radius:12px}.album-art p{font-weight:bold;color:var(--cream)}.album-art a{font-size:.95rem}
.player-card{padding:1.25rem;background:var(--paper-2);border:1px solid var(--line);border-radius:16px;min-width:0}.player-card h2{font-size:1.75rem;margin:0 0 1rem}.player-controls{padding:1rem;background:#071225;border-radius:10px}.player-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);margin:0}.player-controls h3{font-size:1.12rem;line-height:1.4;margin:.3rem 0 .7rem}.player-controls audio{width:100%;display:block}.transport{display:flex;justify-content:space-between;gap:1rem;margin-top:.7rem}.transport button{font:inherit;font-size:.85rem;border:1px solid var(--line);border-radius:7px;padding:.35rem .7rem;color:var(--ink);background:#172c45;cursor:pointer}.transport button:disabled{opacity:.4;cursor:default}
#playback-status{font-size:.82rem;color:var(--muted);line-height:1.4;margin:.65rem 0 0;min-height:2.3em}.playlist{list-style:none;padding:0;margin:1rem 0}.track{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto auto;gap:.6rem;align-items:center;width:100%;text-align:left;font:inherit;color:var(--ink);background:transparent;border:0;border-bottom:1px solid var(--line);padding:.75rem .35rem;cursor:pointer;min-height:48px}.track:hover,.track[aria-current="true"]{background:#19344d}.track[aria-current="true"]{box-shadow:inset 3px 0 var(--blue)}.number,.duration{font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}.track-title{font-size:.92rem;line-height:1.4}.play-label{font-size:.72rem;color:var(--cream)}button:focus-visible,audio:focus-visible{outline:3px solid var(--cream);outline-offset:3px}.listening-note{font-size:.82rem;color:var(--muted)}
@media(max-width:700px){.album-layout{grid-template-columns:1fr;gap:1.25rem}.album-art{max-width:240px;margin:auto;text-align:center}.player-card{padding:1rem}.listening-room{padding-top:1.5rem}.track{gap:.4rem}.play-label{display:none}}