.mini-player {
  position: fixed;
  left: 1.2rem;
  bottom: 1.2rem;
  z-index: 5;
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  padding: 0.6rem 0.8rem;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: transparent;
  box-shadow: 0 14px 30px rgba(44, 52, 70, 0.18);
  cursor: pointer;
}

.mini-player[hidden] {
  display: none !important;
}

.mini-body {
  display: grid;
  gap: 0.3rem;
  min-width: 220px;
  flex: 1;
}

.mini-top {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  min-width: 0;
}

.mini-info {
  display: grid;
  gap: 0.1rem;
  transform: translateY(-1px);
  width: 100%;
  min-width: 0;
}

.mini-info #mini-title {
  font-size: 0.85rem;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 260px;
}

.mini-info #mini-artist {
  font-size: 0.7rem;
  color: var(--muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 260px;
}

.mini-controls {
  display: flex;
  gap: 0.4rem;
  align-items: center;
  flex-shrink: 0;
}

.mini-progress {
  position: relative;
  height: 6px;
  width: 100%;
  border-radius: 999px;
  border: 1px solid var(--line);
  overflow: hidden;
  margin-top: 0.1rem;
}

.mini-progress span {
  position: absolute;
  inset: 0;
  width: 0%;
  background: var(--accent);
}

.mini-player img {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  border: 1px solid var(--line);
  object-fit: cover;
}

.mini-player.collapsed {
  padding: 0;
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
}

.mini-player.collapsed .mini-body {
  display: none;
}

.mini-player.collapsed img {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 14px;
}
/* Original compact player geometry and controls. */
.mini-player{max-width:calc(100% - 2.4rem);font-family:"Space Grotesk",sans-serif;font-size:16px;line-height:1.6;letter-spacing:-.01em;text-transform:lowercase;background:transparent}
.mini-cover-button{display:block;flex:none;background:transparent;border:0;padding:0;cursor:pointer;width:52px;height:52px;border-radius:12px}
.mini-player.collapsed .mini-cover-button{width:100%;height:100%}
.mini-body{min-width:220px;max-width:520px}.mini-player img{display:block}
.mini-player .btn{font:inherit;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:999px;font-weight:600;cursor:pointer;padding:.6rem 1.1rem;font-size:.7rem;box-shadow:none}
.mini-player .btn:hover{border-color:var(--accent);color:var(--accent)}
.mini-player button:focus-visible,.mini-progress:focus-visible,.mini-player a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.mini-progress{cursor:pointer}.mini-credit,.mini-status{margin:0;font-size:9px;line-height:1.4;color:var(--muted)}.mini-status:empty{display:none}
@media(max-width:600px){.mini-player{left:12px;bottom:12px;max-width:calc(100% - 24px)}.mini-body{min-width:0;width:calc(100vw - 116px)}.mini-player .btn{padding:.3rem .45rem;font-size:.65rem}}
@media print{.mini-player{display:none}}



/* Original expanded frosted glass; collapsed cover remains transparent. */
.mini-player:not(.collapsed){background:color-mix(in srgb,var(--surface) 20%,transparent);backdrop-filter:blur(3px) saturate(120%);-webkit-backdrop-filter:blur(3px) saturate(120%)}
.mini-player{--surface:rgba(255,255,255,.68)}
@media(prefers-color-scheme:dark){.mini-player{--surface:rgba(34,34,34,.82)}}

.mini-credit a{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;text-decoration:underline}.mini-credit a span{white-space:nowrap}

.mini-credit [hidden]{display:none!important}

/* Keep the title, artist and provider links within the cover's height. */
.mini-body{gap:.2rem}
.mini-info{gap:0}
.mini-info #mini-title,.mini-info #mini-artist{line-height:1.2}
.mini-info .mini-credit{line-height:1.2}
@media(max-width:600px){
 .mini-top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:.6rem;row-gap:0}
 .mini-info{display:contents}
 .mini-info #mini-title{grid-column:1;grid-row:1}
 .mini-info #mini-artist{grid-column:1;grid-row:2}
 .mini-info .mini-credit{grid-column:1/-1;grid-row:3}
 .mini-controls{grid-column:2;grid-row:1/3}
}

/* One panel size per viewport; track names move inside their own clipped lines. */
.mini-player:not(.collapsed){width:560px}
.mini-info #mini-title,.mini-info #mini-artist{max-width:none}
.marquee-copy{display:inline-flex;gap:32px;white-space:nowrap;vertical-align:top}.marquee-primary,.marquee-duplicate{flex:none}.marquee-duplicate{display:none}.is-marquee .marquee-duplicate{display:inline-block}
.is-marquee .marquee-copy{animation:music-marquee var(--marquee-duration,10s) linear infinite;will-change:transform}
@keyframes music-marquee{from{transform:translateX(0)}to{transform:translateX(var(--marquee-distance))}}
@media(prefers-reduced-motion:reduce){.is-marquee .marquee-copy{animation:none;transform:none;will-change:auto}.is-marquee .marquee-duplicate{display:none}}