/* Toast: an ephemeral confirmation floating over the page, gone by itself. */

.toast {
  position: fixed; bottom: 1.5rem; left: 50%; transform: translateX(-50%);
  z-index: 10; max-width: min(90vw, 32rem);
  animation: toast-out 0.4s ease 4s forwards;
}

@keyframes toast-out {
  to { opacity: 0; visibility: hidden; }
}

/* Without motion the toast simply stays: a confirmation that never leaves is
   safer than one that vanishes with no transition to announce it. */
@media (prefers-reduced-motion: reduce) {
  .toast { animation: none; }
}