/* ════════════════════════════════════════════════════════
   animations.css — Keyframes and animation utilities
   ════════════════════════════════════════════════════════ */

/* ── Vinyl record spin ──────────────────────────────────── */
@keyframes spin-record {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}


@keyframes fadeUp {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Modal shake (wrong password) ──────────────────────── */
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  20%       { transform: translateX(-6px); }
  40%       { transform: translateX(6px); }
  60%       { transform: translateX(-4px); }
  80%       { transform: translateX(4px); }
}

/* ── Sidebar playing bars ───────────────────────────────── */
@keyframes bar {
  from { height: 3px; }
  to   { height: 13px; }
}

/* ── Subtle pulse for active elements ───────────────────── */
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.6; }
}

/* ── Utility classes ────────────────────────────────────── */
.animate-shake  { animation: shake  0.4s ease; }
.animate-pulse  { animation: pulse  1.5s ease-in-out infinite; }
.animate-fadeup { animation: fadeUp 0.3s ease backwards; }