/* =====================================================================
   TOAST
   ===================================================================== */
.toast{
  position: fixed; bottom: 24px; left: 50%;
  background: var(--ink); color: var(--bg);
  padding: 10px 18px; border-radius: var(--r-sm); font-size: .88em;
  z-index: var(--z-toast);
  opacity: 0; transform: translate(-50%, 8px); pointer-events: none;
  transition: opacity var(--dur-fast), transform var(--dur-fast);
}
.toast.show{ opacity: 1; transform: translate(-50%, 0); }