/* One music transport across discovery surfaces.
   The visual grammar follows the Listening Room rather than inventing a
   second player: artwork, typography, one primary transport, very little chrome. */
.music-mini{
  position:fixed;z-index:72;left:50%;transform:translateX(-50%);
  width:calc(100vw - 16px);
  bottom:calc(var(--appbar-h,76px) + env(safe-area-inset-bottom,0px) + 6px);
  color:var(--cream,#f4efe6);
  background:rgba(10,9,8,.94);
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 18px 70px rgba(0,0,0,.52);
  backdrop-filter:blur(20px) saturate(1.05);
  -webkit-backdrop-filter:blur(20px) saturate(1.05);
  border-radius:13px;overflow:hidden;
}
.music-mini[hidden]{display:none!important}
.music-mini__seek{height:12px;padding:0;cursor:pointer}
.music-mini__seek i{display:block;height:2px;background:rgba(255,255,255,.13)}
.music-mini__seek b{display:block;height:100%;width:0;background:var(--ruby-hot,#e5383b)}
.music-mini__row{display:grid;grid-template-columns:42px minmax(0,1fr) 40px;align-items:center;gap:9px;padding:8px 10px 10px}
.music-mini__art{width:42px;height:42px;object-fit:cover;border-radius:6px;background:#161311}
.music-mini__meta{min-width:0}
.music-mini__meta>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 14px/1.2 var(--ui,system-ui)}
.music-mini__meta>span{display:flex;align-items:center;gap:8px;margin-top:4px;color:var(--cream-dim,#aaa);font:600 10px/1.2 var(--ui,system-ui)}
.music-mini__access{font-style:normal;padding:3px 6px;border:1px solid rgba(255,255,255,.12);border-radius:99px;text-transform:uppercase;letter-spacing:.08em;font-size:8px}
.music-mini__access.is-full{color:#bfecc9;border-color:rgba(110,220,145,.32)}
.music-mini__access.is-preview{color:#ffd3a2;border-color:rgba(255,184,102,.32)}
.music-mini__time{font:600 10px/1 var(--ui,system-ui);color:var(--cream-dim,#aaa);font-variant-numeric:tabular-nums;white-space:nowrap;display:none}
.music-mini__play{width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--cream,#f4efe6);color:#0a0908;cursor:pointer}
.music-mini__play svg{width:19px;height:19px;fill:currentColor}
.music-room--listen .feat__play[role=button]{cursor:pointer;position:relative;z-index:4}
.music-room--listen .feat__play[role=button]:focus-visible{outline:2px solid var(--cream,#fff);outline-offset:3px}
.music-room--listen .feat__play.is-playing{box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 0 6px rgba(229,56,59,.35)}
.music-room--listen .tr li{position:relative}
.music-inline-play{
  position:absolute;z-index:4;left:2.15rem;top:50%;transform:translateY(-50%);
  width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.22);
  background:rgba(6,6,5,.72);color:#fff;display:grid;place-items:center;cursor:pointer;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)
}
.music-inline-play svg{width:13px;height:13px;fill:currentColor;margin-left:1px}
.music-inline-play.is-playing svg{margin-left:0}
.music-inline-play.is-playing{background:var(--ruby-hot,#e5383b);border-color:transparent}
.music-inline-play:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (min-width: 540.02px) {
  .music-mini { width: min(760px,calc(100vw - 24px)); bottom: calc(var(--appbar-h,76px) + env(safe-area-inset-bottom,0px) + 10px); border-radius: 16px; }
  .music-mini__row { grid-template-columns: 48px minmax(0,1fr) auto 44px; gap: 12px; }
  .music-mini__art { width: 48px; height: 48px; }
  .music-mini__time { display: inline; }
}