@keyframes floatOrb {
  0%,100% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(0,-14px,0) scale(1.015); }
}
@keyframes pulseHalo {
  0%,100% { opacity:.34; transform: scale(.94); }
  50% { opacity:.72; transform: scale(1.08); }
}
@keyframes shimmer {
  0% { transform: translateX(-120%) rotate(12deg); }
  100% { transform: translateX(220%) rotate(12deg); }
}
@keyframes drift {
  0%,100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(18px,-10px,0); }
}
@keyframes spinSlow { to { transform: rotate(360deg); } }
@keyframes rise {
  from { opacity: 0; transform: translateY(22px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes slideInRight {
  from { opacity:0; transform: translateX(24px); }
  to { opacity:1; transform: translateX(0); }
}
@keyframes toastIn {
  0% { opacity:0; transform: translate(-50%,18px) scale(.96); }
  100% { opacity:1; transform: translate(-50%,0) scale(1); }
}

.reveal {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity .8s var(--ease), transform .8s var(--ease);
}
.reveal.is-visible { opacity: 1; transform: translateY(0); }

.view-enter { animation: rise .48s var(--ease) both; }
.drawer-enter { animation: slideInRight .35s var(--ease) both; }
.fade-in { animation: fadeIn .25s ease both; }

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