.audio-player{--deck-ink:var(--title-ink,var(--color-accent));margin-block:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;overflow:hidden}.audio-player header{justify-content:space-between;align-items:baseline;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--color-border-soft);flex-wrap:wrap;display:flex}.audio-player h3,.audio-player .runtime{font-family:var(--font-mono);color:var(--color-text-faint);font-variant-numeric:tabular-nums;font-size:.6875rem;font-weight:400}.audio-player h3{text-transform:uppercase;letter-spacing:.14em}.audio-player .deck{align-items:center;gap:var(--space-sm) var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--color-border-soft);background:var(--color-surface-alt);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"controls now""scrub scrub";display:grid}.audio-player .deck[hidden]{display:none}.audio-player .controls{grid-area:controls;align-items:center;gap:.25rem;display:flex}.audio-player :where(.deck button){cursor:pointer;color:inherit;fill:currentColor;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.audio-player .play{background:var(--deck-ink);width:3rem;height:3rem;color:var(--color-on-accent);transition:transform .12s}.audio-player .play:hover{transform:scale(1.05)}.audio-player .play svg{width:1.5rem;height:1.5rem}.audio-player .skip{width:2.25rem;height:2.25rem;color:var(--color-text-muted)}.audio-player .skip:hover:not(:disabled){color:var(--color-text);background:var(--color-border)}.audio-player .skip:disabled{opacity:.35;cursor:default}.audio-player .skip svg{width:1.125rem;height:1.125rem}.audio-player .i-pause,.audio-player[data-playing] .play .i-play{display:none}.audio-player[data-playing] .play .i-pause{display:block}.audio-player .now{grid-area:now;min-width:0}.audio-player .now-title{font-family:var(--font-serif);text-overflow:ellipsis;white-space:nowrap;font-size:1.0625rem;overflow:hidden}.audio-player .now-n,.audio-player .scrub span{font-family:var(--font-mono);color:var(--color-text-faint);font-variant-numeric:tabular-nums;font-size:.6875rem}.audio-player .scrub{align-items:center;gap:var(--space-sm);grid-area:scrub;grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;display:grid}.audio-player .t-dur{text-align:right}.audio-player .seek{--fill:linear-gradient(var(--deck-ink), var(--deck-ink)) 0 / var(--progress,0%) 100% no-repeat;appearance:none;cursor:pointer;background:0 0;width:100%;min-width:0;height:1rem;margin:0}.audio-player .seek::-webkit-slider-runnable-track{background:var(--fill), var(--color-border);border-radius:2px;height:4px}.audio-player .seek::-moz-range-track{background:var(--fill), var(--color-border);border-radius:2px;height:4px}.audio-player .seek::-webkit-slider-thumb{appearance:none;background:var(--deck-ink);border:0;border-radius:50%;width:12px;height:12px;margin-top:-4px}.audio-player .seek::-moz-range-thumb{background:var(--deck-ink);border:0;border-radius:50%;width:12px;height:12px}.audio-player .seek:focus-visible{outline:2px solid var(--color-accent-line);outline-offset:2px}.audio-player .track .n,.audio-player .track .len{font-family:var(--font-mono);color:var(--color-text-faint);font-variant-numeric:tabular-nums;font-size:.6875rem}.audio-player .tracks{padding:var(--space-sm);gap:1px;margin:0;list-style:none;display:grid}.audio-player .track{align-items:center;gap:var(--space-md);border-radius:var(--radius-sm);color:var(--color-text);grid-template-columns:1.75rem minmax(0,1fr) auto;padding:.5rem .75rem;text-decoration:none;display:grid}.audio-player .track:visited{color:var(--color-text)}.audio-player .track:hover{background:var(--color-surface-alt)}.audio-player .name{font-family:var(--font-serif);min-width:0;font-size:.9375rem}.audio-player .track .n{place-items:center start;height:1.25rem;display:grid}.audio-player .track .n>*{grid-area:1/1}.audio-player .track .i-play{width:1rem;height:1rem;fill:var(--deck-ink);display:none}.audio-player .bars{align-items:flex-end;gap:2px;height:.75rem;display:none}.audio-player .bars i{background:var(--deck-ink);transform-origin:bottom;width:3px;height:100%;animation:.9s ease-in-out infinite alternate audio-bars}.audio-player .bars i:nth-child(2){animation-delay:-.3s}.audio-player .bars i:nth-child(3){animation-delay:-.6s}@keyframes audio-bars{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.audio-player .bars i{animation:none}}.audio-player .track:hover .num,.audio-player .track[aria-current=true] .num{visibility:hidden}.audio-player .track:hover .i-play,.audio-player .track[aria-current=true] .i-play{display:block}.audio-player[data-playing] .track[aria-current=true] .i-play{display:none}.audio-player[data-playing] .track[aria-current=true] .bars{display:flex}.audio-player .track[aria-current=true]{background:var(--color-accent-soft)}.audio-player .track[aria-current=true] .name{color:var(--deck-ink)}