@keyframes fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  @keyframes slide-in {
    0% { transform: scale(0) translateY(20px); opacity: 0; }
    100% { transform: scale(1) translateY(0); opacity: 1; }
  }
  @keyframes chip-move {
    0% { transform: translate(-50%, -50%) scale(0); opacity: 0; }
    100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
  }
  .animate-fade-in {
    animation: fade-in 0.3s ease-out forwards;
  }
  .animate-slide-in {
    animation: slide-in 0.4s ease-out forwards;
  }
  .animate-slide-in.delay-100 {
    animation-delay: 0.1s;
  }
  .animate-chip-move {
    animation: chip-move 0.3s ease-out forwards;
  }