.music-player{
  position:fixed;
  right:1.25rem;
  bottom:1.25rem;
  z-index:500;
  font-family:var(--font-labirhin);
}

.music-player-toggle{
  width:52px;
  height:52px;
  border-radius:50%;
  background:var(--color-red);
  color:#fff;
  font-size:1.3rem;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.4);
}

.music-player-panel{
  position:absolute;
  right:0;
  bottom:64px;
  width:260px;
  background:var(--color-bg-alt);
  border:1px solid var(--color-border);
  border-radius:var(--radius);
  padding:1rem;
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
}

.music-player-panel.is-open{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

.music-player-cover{
  width:100%;
  aspect-ratio:1/1;
  border-radius:10px;
  overflow:hidden;
  background:#000;
  margin-bottom:.75rem;
}

.music-player-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.music-player-title{
  font-size:.95rem;
  color:var(--color-text);
}

.music-player-meta{
  font-size:.75rem;
  color:var(--color-text-dim);
  margin-bottom:.75rem;
}

.music-player-controls{
  display:flex;
  justify-content:center;
  gap:1rem;
  margin-bottom:.75rem;
}

.music-player-controls button{
  font-size:1.1rem;
  color:var(--color-text);
}

.music-player-list{
  max-height:140px;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  gap:.35rem;
}

.music-player-track{
  text-align:left;
  font-size:.75rem;
  color:var(--color-text-dim);
  padding:.35rem .5rem;
  border-radius:6px;
  transition:background .2s ease;
}

.music-player-track:hover{
  background:#1f1f1f;
  color:var(--color-text);
}