/* ==================================================
APP UI ANIMATIONS
Subtle reusable production-safe effects
================================================== */

@keyframes appFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

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

@keyframes appScaleIn {
  from { opacity: 0; transform: scale(.98); }
  to { opacity: 1; transform: scale(1); }
}

.app-fade-in { animation: appFadeIn .25s ease both; }
.app-slide-up { animation: appSlideUp .25s ease both; }
.app-scale-in { animation: appScaleIn .2s ease both; }