.site-mini-player {
  position:fixed; inset:auto 0 0; z-index:10000;
  display:grid; grid-template-columns:minmax(8rem,1fr) minmax(14rem,2fr); align-items:center; gap:.4rem 2rem;
  padding:.75rem 1.25rem calc(.75rem + env(safe-area-inset-bottom, 0px));
  border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent);
  background:var(--paper); color:var(--ink); font:inherit;
}
.site-mini-player[hidden], .music-page-frame[hidden] { display:none; }
.site-mini-player .mini-track { background:none; text-decoration:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.site-mini-player .mini-track:hover { text-decoration:underline; text-underline-offset:.25em; }
.site-mini-player .mini-stop { padding:0; background:none; border:0; border-radius:0; color:inherit; font:inherit; }
.site-mini-player .mini-stop:hover { text-decoration:underline; text-underline-offset:.25em; }
.site-mini-player .mixtape-player-error { grid-column:1 / -1; margin:0; }
.site-mini-player :focus-visible { outline:2px solid var(--focus); outline-offset:4px; }
.has-mini-player { padding-bottom:var(--mini-player-height, 4rem); }
.music-page-frame { position:fixed; inset:0 0 var(--mini-player-height, 0px); width:100%; height:calc(100% - var(--mini-player-height, 0px)); border:0; background:var(--paper); z-index:9999; opacity:0; pointer-events:none; }
.music-page-frame.is-current { opacity:1; pointer-events:auto; }
.music-frame-active { overflow:hidden; }
.music-frame-active > :not([data-persistent-player]) { display:none !important; }
@media(max-width:600px) {
  .site-mini-player { grid-template-columns:minmax(0,1fr); gap:.25rem; padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom, 0px)); }
}
@media print { .site-mini-player { display:none; } .has-mini-player { padding-bottom:0; } }

/* Page-entry focus positions keyboard navigation without framing the article. */
main[data-player-focus]:focus, .music-page-frame:focus { outline:none; }