/* ============================
   animations.css
   ============================ */

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

@keyframes glowPulse {
  0%, 100% { box-shadow: var(--glow); }
  50%       { box-shadow: 0 0 36px rgba(187,134,252,0.35); }
}

[data-theme="light"] @keyframes glowPulse {
  50% { box-shadow: 0 0 36px rgba(108,92,231,0.28); }
}

.result-flash {
  animation: resultFlash 0.28s ease;
}

@keyframes resultFlash {
  0%   { color: var(--text-primary); }
  50%  { color: var(--accent-1); filter: drop-shadow(0 0 12px var(--accent-1)); }
  100% { color: var(--text-primary); }
}

/* Sidebar overlay (mobile) */
.sidebar-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.55);
  backdrop-filter: blur(4px);
  z-index: 150;
}

.sidebar-overlay.active { display: block; }