/* === MINIMAL CSS FOR TAILWIND COMPATIBILITY === */

/* Base resets - Tailwind handles most of this */
* {
  box-sizing: border-box;
}

/* Custom utility classes for animations */
@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Any custom classes that Tailwind doesn't cover */
.animate-spin {
  animation: spin 1s linear infinite;
}

/* Ensure Material Icons render correctly */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  user-select: none;
}

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