/* =====================================================================
   TOAST
   ===================================================================== */
.toast{
  position: fixed; bottom: 24px; left: 50%;
  background: var(--surface-raised);
  border: 1px solid var(--border-strong);
  color: var(--ink);
  padding: 10px 18px;
  border-radius: var(--r-sm);
  font-size: 13px;
  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); }