/* Lightweight skeleton loading styles */

.skeleton {
  position: relative;
  border-radius: 10px;
  background: linear-gradient(90deg, #f1f5f9 25%, #e5e7eb 37%, #f1f5f9 63%);
  background-size: 400% 100%;
  animation: skeleton-shimmer 1200ms ease-in-out infinite;
}

@keyframes skeleton-shimmer {
  0% { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}

.content-loaded { opacity: 1; transition: opacity 200ms ease; }