/* animations.css */
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.55}}
@keyframes slideUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06)}100%{transform:scale(1);opacity:1}}
@keyframes confetti-fall{to{transform:translateY(110vh) rotate(720deg);opacity:0}}

.screen-enter{animation:slideUp .3s ease}
.pop-in{animation:pop .4s cubic-bezier(.34,1.56,.64,1)}
.fade-in{animation:fadeIn .35s}

.confetti{position:fixed;top:-16px;width:10px;height:14px;z-index:300;pointer-events:none;animation:confetti-fall 2.8s linear forwards}

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