.toast {
  position: fixed; bottom: 30px; left: 50%; transform: translateX(-50%) translateY(20px);
  background: var(--toast-bg); color: var(--toast-text); padding: 12px 28px;
  border-radius: 36px; font-size: 0.85rem; opacity: 0;
  transition: opacity 0.25s, transform 0.25s; pointer-events: none; z-index: 1100;
}

.toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }