/* Small additions on top of Tailwind */

:root { color-scheme: dark; }

/* Smooth view transitions */
.fade-in { animation: fadeIn .18s ease-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(6px);} to {opacity:1; transform: translateY(0);} }

/* File inputs */
input[type="file"]::file-selector-button {
  border: 1px solid rgb(39 39 42);
  background: rgb(24 24 27);
  padding: .45rem .7rem;
  border-radius: .5rem;
  color: rgb(228 228 231);
  margin-right: .75rem;
}
input[type="file"]::file-selector-button:hover { background: rgb(39 39 42); }

/* Toast */
#toast {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}