.mixtape-post { max-inline-size:78ch; }
.mixtape-post + .mixtape-post { margin-top:4rem; }
.mixtape-post .biography { margin-bottom:1.5rem; }
.mixtape-player { margin:1.6rem 0 1rem; }
.mixtape-player audio { width:100%; }
.mixtape-player.is-ready audio { display:none; }
.mixtape-controls { display:flex; align-items:center; gap:1rem; min-height:2rem; }
.mixtape-play { flex:0 0 3rem; padding:0; border:0; border-radius:0; background:none; color:var(--ink); font:inherit; text-align:left; }
.mixtape-play:hover { text-decoration:underline; text-underline-offset:.25em; }
.mixtape-seek { flex:1; min-width:2rem; height:2rem; margin:0; appearance:none; -webkit-appearance:none; background:transparent; color:var(--ink); }
.mixtape-seek::-webkit-slider-runnable-track { height:1px; background:var(--ink); }
.mixtape-seek::-moz-range-track { height:1px; background:var(--ink); }
.mixtape-seek::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:7px; height:7px; margin-top:-3px; background:var(--ink); border:0; border-radius:50%; }
.mixtape-seek::-moz-range-thumb { width:7px; height:7px; background:var(--ink); border:0; border-radius:50%; }
.mixtape-time { flex-shrink:0; font-variant-numeric:tabular-nums; color:var(--muted); }
.mixtape-links { display:flex; flex-wrap:wrap; gap:.6rem 1.6rem; }
.mixtape-tracklist { margin-top:2rem; }
.mixtape-tracklist h3 { margin:0 0 1rem; font:inherit; color:var(--muted); }
.mixtape-tracklist ul { padding:0; margin:0; list-style:none; }
.mixtape-tracklist li { margin:0 0 .35em; line-height:1.6; overflow-wrap:break-word; }
.mixtape-player-error { margin:.5rem 0; color:var(--muted); }
.mixtape-play:focus-visible, .mixtape-seek:focus-visible { outline:2px solid var(--focus); outline-offset:4px; }
@media(max-width:400px) { .mixtape-controls { gap:.65rem; } .mixtape-time { font-size:.9em; } }