/* CyberElla — minimal custom styles (Tailwind handles the rest) */

[x-cloak] {
  display: none !important;
}

/* Smooth tab transitions */
main > section {
  animation: fadeIn 0.15s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Progress bar pulse while running */
.bg-brand-600 {
  transition: width 0.5s ease;
}