/* Subtle fade-in for cards */
@keyframes fadeSlideUp {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

.topic-card {
  animation: fadeSlideUp 0.3s ease both;
}
.topic-card:nth-child(1) { animation-delay: 0.04s; }
.topic-card:nth-child(2) { animation-delay: 0.09s; }
.topic-card:nth-child(3) { animation-delay: 0.14s; }
.topic-card:nth-child(4) { animation-delay: 0.19s; }

/* Spinner */
@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Task body open */
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}