/* Sticky Mini-Player */
.nsa-player {
  position: fixed; z-index: 60; left: 0; right: 0; bottom: 0;
  background: #0f143a; color: #eaf0ff; box-shadow: 0 -10px 25px rgba(0,0,0,.2);
  display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: center;
  padding: 10px 14px; border-top: 1px solid rgba(255,255,255,.08);
  transform: translateY(0); transition: transform .2s ease;
}
.nsa-player.min { transform: translateY(calc(100% - 32px)); }
.nsa-player .left { display:flex; align-items:center; gap:12px; min-width:0 }
.nsa-player .title { font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.nsa-player .controls { display:flex; align-items:center; gap:8px; }
.nsa-icon {
  width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:10px; background:#222a6b; color:white; cursor:pointer; border:0;
}
.nsa-icon.small{ width:30px; height:30px; }
.nsa-icon.tog.active{ background:#4f46e5 }
.nsa-progress { display:flex; align-items:center; gap:8px; width:min(460px, 55vw) }
.nsa-progress input[type="range"] { width:100%; accent-color:#8A2BE2 }
.nsa-time { font-variant-numeric:tabular-nums; font-size:.85rem; opacity:.85 }
.nsa-volume{ display:flex; align-items:center; gap:6px; width:130px }
.nsa-volume input[type="range"]{ width:100%; accent-color:#8A2BE2 }
.nsa-badge { background:#222a6b; padding:2px 8px; border-radius:999px; font-size:.75rem; }
.nsa-player .right { display:flex; align-items:center; gap:10px; }
@media (max-width:700px){
  .nsa-progress{ width:42vw }
  .nsa-volume{ display:none }
}