/* ==========================================================================
   Utilities & Animations
   ========================================================================== */

.empty-state {
  text-align: center;
  color: var(--color-text-faint);
  padding: 3rem 1rem;
  font-size: 1rem;
}

/* Page entry */
@keyframes pageIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

main {
  animation: pageIn 0.3s ease;
}

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.post-card { animation: fadeIn 0.4s ease both; }
.post-card:nth-child(2) { animation-delay: 0.05s; }
.post-card:nth-child(3) { animation-delay: 0.1s; }

@media (prefers-reduced-motion: reduce) {
  main { animation: none; }
  .post-card { animation: none; }
}