.music-main .page-heading{padding-bottom:28px}.music-main .page-heading h1{font-size:clamp(40px,4.2vw,64px);letter-spacing:-.055em}.music-main .section-code{margin-bottom:15px}.listening-room{width:100%;margin:0 0 35px}.record-sleeve{position:relative;isolation:isolate;overflow:hidden;background:#191911;color:#efe6d2;aspect-ratio:1.95;min-height:300px}.record-sleeve>canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.sleeve-heading{display:flex;justify-content:space-between;align-items:flex-start;padding:clamp(24px,3vw,45px)}.sleeve-heading h2{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:clamp(78px,9vw,145px);line-height:.95;letter-spacing:-.065em;margin:0}.sleeve-heading>span,.sleeve-foot{font-family:monospace;font-size:12px;letter-spacing:.035em}.sleeve-heading>span{padding-top:7px}.sleeve-foot{position:absolute;bottom:24px;left:clamp(24px,3vw,45px);right:clamp(24px,3vw,45px);display:flex;justify-content:space-between;gap:20px}.track-caption{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.caption-divider{margin:0 9px;color:var(--muted)}.track-caption>span:first-child{font-weight:600}.track-caption>span:last-child{color:var(--muted)}#track-audio{width:100%;margin-top:20px}.player-controls{display:grid;grid-template-columns:110px minmax(80px,1fr) 100px;gap:24px;align-items:center;padding-top:22px}.player-controls[hidden]{display:none}.music-main button{font:inherit;cursor:pointer}.music-main button:focus-visible,.music-main input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.play-button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);height:52px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;min-width:106px}.play-button:hover{background:#3d3d31}.play-button:disabled{cursor:wait;opacity:.6}.play-button svg{width:21px;height:21px;fill:currentColor}.timeline{min-width:0}.waveform-wrap{height:42px;position:relative}.waveform-wrap canvas{width:100%;height:100%;display:block}.waveform-wrap input{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:.01;cursor:pointer}.waveform-wrap:focus-within{outline:2px solid var(--accent);outline-offset:4px}.time-readout{display:flex;justify-content:space-between;font:12px monospace;color:var(--muted);padding-top:5px;font-variant-numeric:tabular-nums}.volume-control{display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--muted)}.volume-control input{width:100%;height:22px;accent-color:var(--ink);cursor:pointer}.listening-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;min-height:44px}.listening-footer p{font-size:14px;color:var(--muted);margin:0}.motion-button{border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);padding:12px 0;white-space:nowrap;font-size:14px!important;min-height:44px}.motion-button:hover{color:var(--accent)}.music-main .surface-foot{margin-top:auto}
@media(min-width:1500px){.record-sleeve{max-height:540px;aspect-ratio:2.2}}@media(max-width:1000px){.player-controls{grid-template-columns:100px minmax(70px,1fr);gap:18px}.volume-control{grid-column:2;flex-direction:row;align-items:center;gap:12px}.volume-control input{max-width:120px}.record-sleeve{aspect-ratio:1.5}.sleeve-heading h2{font-size:100px}}@media(max-width:700px){.music-main .page-heading{padding-top:4px;padding-bottom:24px}.music-main .page-heading h1{font-size:42px}.record-sleeve{aspect-ratio:1;min-height:0}.sleeve-heading{padding:24px}.sleeve-heading h2{font-size:clamp(76px,22vw,125px)}.sleeve-foot{left:24px;right:24px;bottom:22px;flex-wrap:wrap;gap:8px}.track-caption{font-size:14px;gap:5px;padding:14px 0}.track-caption>span:last-child{font-size:12px}.caption-divider{margin:0 5px}.player-controls{padding-top:18px;gap:16px}.listening-footer{align-items:flex-start}.listening-footer p{padding-top:12px;max-width:210px}.listening-room{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){.record-sleeve{scroll-behavior:auto}}

/* Track collection and track-specific sleeve typography. */
.track-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:20px;border:1px solid var(--line)}
.track-list[hidden]{display:none}.track-choice{display:flex;flex-direction:column;gap:12px;align-items:stretch;text-align:left;padding:17px 18px 18px;min-height:97px;background:transparent;color:var(--ink);border:0;border-right:1px solid var(--line);box-shadow:inset 0 -3px transparent;font-size:15px!important;line-height:1.25}
.track-choice:last-child{border-right:0}.track-choice:hover{background:rgba(36,37,30,.045)}.track-choice[aria-pressed=true]{background:rgba(36,37,30,.045);box-shadow:inset 0 -3px var(--ink)}.track-choice[aria-pressed=true]>span:last-child{font-weight:650}.track-choice:disabled{cursor:wait}
.choice-meta{display:flex;justify-content:space-between;gap:8px;font:12px monospace;color:var(--muted)}
.record-sleeve[data-track="gloom-everywhere"]{background:#141723;color:#e6e8f7}.record-sleeve[data-track="only-1"]{background:#211910;color:#f4e6cb}.record-sleeve[data-track="no-longer"]{background:#102321;color:#d6efe5}
.record-sleeve[data-track="gloom-everywhere"] h2{font-size:clamp(52px,6.4vw,104px);max-width:6.6em;line-height:.98;letter-spacing:-.05em}.record-sleeve[data-track="only-1"] h2{font-size:clamp(72px,8vw,128px)}.record-sleeve[data-track="no-longer"] h2{font-size:clamp(60px,6.8vw,110px);max-width:6em;line-height:.98}.sleeve-heading>span{white-space:nowrap;margin-left:15px}.native-tracks audio{width:100%}.native-tracks h3{margin-top:30px}
@media(max-width:1000px){.track-list{grid-template-columns:repeat(2,minmax(0,1fr))}.track-choice:nth-child(2){border-right:0}.track-choice:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:700px){.track-list{margin-bottom:16px}.track-choice{padding:14px;min-height:90px;gap:10px}.record-sleeve[data-track="gloom-everywhere"] h2{font-size:clamp(42px,12vw,76px);max-width:5.6em}.record-sleeve[data-track="only-1"] h2{font-size:clamp(58px,17vw,100px)}.record-sleeve[data-track="no-longer"] h2{font-size:clamp(45px,13vw,82px);max-width:4.4em}.sleeve-heading>span{font-size:12px;margin-left:8px}.sleeve-heading{padding:22px}.sleeve-foot{left:22px;right:22px}}