@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes scaleIn { from { opacity: 0; transform: scale(.96); } to { opacity: 1; transform: scale(1); } }
@keyframes rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@keyframes successPop {
  0% { transform: scale(.6); opacity: 0; }
  60% { transform: scale(1.15); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes starPop {
  0% { transform: scale(1); }
  40% { transform: scale(1.35) rotate(-8deg); }
  100% { transform: scale(1); }
}
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes toastIn { from { opacity: 0; transform: translateY(14px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes toastOut { to { opacity: 0; transform: translateY(10px) scale(.97); } }

.animate-rise { animation: rise .6s cubic-bezier(.22,1,.36,1) both; }
.d-1 { animation-delay: 60ms; }
.d-2 { animation-delay: 120ms; }
.d-3 { animation-delay: 180ms; }
.d-4 { animation-delay: 240ms; }
.animate-success-pop { animation: successPop .35s cubic-bezier(.34,1.56,.64,1); }
.animate-star-pop { animation: starPop .4s ease-out; }
.cmp-spin { animation: spin .9s linear infinite; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}