/* ============================================================
   animations.css — All @keyframes in one place
============================================================ */

/* Floating Y — used by hero sticker, result image, emojis */
@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-16px); }
}

/* Rotation — ring and spinner */
@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Loader bar growth */
@keyframes loaderGrow {
  0%   { width: 0%; }
  55%  { width: 68%; }
  100% { width: 100%; }
}

/* Loader shimmer (background-position scroll) */
@keyframes loaderShimmer {
  0%   { background-position: 200% center; }
  100% { background-position: -200% center; }
}

/* Loader shine sweep */
@keyframes loaderShine {
  from { transform: translateX(0); }
  to   { transform: translateX(560px); }
}

/* Screen entrance */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Button press pulse */
@keyframes pulse {
  0%, 100% { box-shadow: var(--shadow-pink); }
  50%       { box-shadow: 0 4px 12px rgba(255, 145, 193, 0.5); }
}