/* ===== Music / Discography ===== */
.music-controls { display:flex; justify-content:flex-end; margin: 8px 0 18px; }
#musicFilter {
  width: 360px; max-width:100%;
  padding:12px 14px; border-radius:12px; border:1px solid var(--border);
  background: var(--surface); color: var(--text);
}

.discography { 
    display: grid; 
    gap: 14px; 
}
.release-card {
  display:grid; 
  gap:16px; 
  grid-template-columns: 250px 1fr;
  border:1px solid var(--border); 
  border-radius:16px; 
  padding:14px;
  background: linear-gradient(180deg, rgba(124,92,255,0.08), rgba(124,92,255,0) 40%), var(--surface);
  box-shadow: var(--shadow);
}
@media (max-width: 820px){ .release-card { grid-template-columns: 1fr; } }

.rel-media { 
    border:1px solid var(--border); 
    border-radius:14px; 
    overflow:hidden; 
    background: rgba(255,255,255,0.04); 
    height: 250px;
    width: 250px;
}
.rel-media img { width:100%; height:100%; object-fit:cover; display:block; }

.rel-body { display:grid; gap:10px; }
.rel-head { display:grid; gap:6px; }
.rel-title { margin:0; font-size:22px; }
.rel-meta { display:flex; gap:10px; align-items:center; color: var(--muted); }
.pill { font-size:12px; padding:4px 8px; border-radius:999px; border:1px solid var(--border); }
.muted { color: var(--muted); }
.rel-desc { margin:6px 0 0; color: var(--muted); }

.tracklist { list-style:none; padding:0; margin:0; display:grid; gap:6px; }
.track { display:grid; grid-template-columns: 32px 1fr 60px; align-items:center; gap:8px;
  padding:8px; border:1px solid var(--border); border-radius:10px; background: rgba(255,255,255,0.03);
}
.t-num { text-align:center; color: var(--muted); }
.t-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.t-dur { text-align:right; color: var(--muted); font-variant-numeric: tabular-nums; }

.rel-foot { display:flex; gap:10px; align-items:center; justify-content:flex-start; margin-top:2px; }