/* Ergänzungen zu Tailwind. */
html { scrollbar-gutter: stable; }

@keyframes fadein { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-text-fill-color: rgb(30 41 59);
  transition: background-color 600000s 0s, color 600000s 0s;
}
html.dark input:-webkit-autofill,
html.dark input:-webkit-autofill:hover,
html.dark input:-webkit-autofill:focus {
  -webkit-text-fill-color: rgb(241 245 249);
}

table { font-variant-numeric: tabular-nums; }

/* Wisch-Übergang: horizontalen Überlauf des animierten Inhalts wegschneiden
   (kein `hidden` – das würde eine verschachtelte vertikale Scrollbox erzeugen). */
#app-container { overflow-x: clip; }