/* Chat sparkle animation */
@keyframes sparkle {
  0%, 100% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}

.chat-sparkle {
  animation: sparkle ease-in-out infinite;
}

.app-sparkle {
  animation: sparkle ease-in-out infinite;
}

/* Chat typing animation */
@keyframes typing {
  0%, 60%, 100% {
    transform: translateY(0);
    opacity: 0.6;
  }
  30% {
    transform: translateY(-8px);
    opacity: 1;
  }
}

.chat-typing-dot {
  animation: typing 1.4s ease-in-out infinite;
}
