.toast-stack{
  position: fixed; bottom: 20px; right: 20px; display: flex; flex-direction: column; gap: 8px; z-index: 200;
}
.toast{
  background: var(--ink); color: #f5f3ee; padding: 11px 16px; border-radius: 6px;
  font-size: 13px; box-shadow: var(--shadow); display: flex; align-items: center; gap: 8px;
  animation: toast-in 0.2s ease;
  border-left: 3px solid var(--accent);
}
.toast.error{ border-left-color: var(--bad); }
.toast.success{ border-left-color: var(--good); }

@keyframes toast-in{
  from{ opacity: 0; transform: translateY(6px); }
  to{ opacity: 1; transform: translateY(0); }
}