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

@supports (font-variation-settings: normal) {
  html { font-family: 'Inter var', Inter, system-ui, sans-serif; }
}

.prose p { margin: 0.6em 0; }
.prose ul, .prose ol { margin: 0.6em 0; padding-left: 1.4em; }
.prose ul { list-style: disc; }
.prose ol { list-style: decimal; }

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; background-clip: padding-box; border: 2px solid transparent; }

#preview-content .prose {
  font-family: 'Times New Roman', Georgia, serif;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Animação suave nas validações */
.mh-validation-badge svg {
  animation: validation-pop 0.3s ease-out;
}
@keyframes validation-pop {
  0% { transform: scale(0.5); opacity: 0; }
  60% { transform: scale(1.15); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}

/* Highlight de progresso */
.mh-progress-bar { transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1); }

/* Contador pulsante */
@keyframes pulse-soft {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}
.mh-pulse { animation: pulse-soft 2.5s ease-in-out infinite; }