html { scroll-behavior: smooth; }
body { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; }

/* Demo textarea focus ring polish is handled by Tailwind utility classes in markup. */

details > summary { list-style: none; }
details > summary::-webkit-details-marker { display: none; }

.demo-chip:active { transform: scale(0.98); }

/* Simple fade-in for demo results */
.result-fade-in {
  animation: resultFadeIn 0.25s ease-out;
}
@keyframes resultFadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}