/* Small additions on top of the compiled Tailwind build (style.css). */
dialog { margin: auto; color: inherit; }
dialog::backdrop { background: rgb(0 0 0 / .8); }
dialog[open] { animation: dlg-in .2s ease-out; }
@keyframes dlg-in { from { opacity: 0; transform: scale(.95); } to { opacity: 1; transform: scale(1); } }
.field-error { color: hsl(var(--destructive)); font-size: .875rem; font-weight: 500; }
input[aria-invalid="true"], textarea[aria-invalid="true"] { border-color: hsl(var(--destructive)); }
.notice { border-left: 4px solid #16a34a; background: #f0fdf4; color: #166534; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
@media (prefers-reduced-motion: reduce) { dialog[open] { animation: none; } }