@keyframes card-enter {
  from {
    opacity: 0;
    transform: translateY(10px) scale(0.99);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes pulse-running {
  0% {
    box-shadow: 0 0 0 0 rgba(71, 214, 124, 0.4);
  }
  70% {
    box-shadow: 0 0 0 9px rgba(71, 214, 124, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(71, 214, 124, 0);
  }
}

.timer-card {
  animation: card-enter 0.28s ease both;
}

.timer-card.running .status-badge.running {
  animation: pulse-running 1.6s ease infinite;
}