#toast-host {
  position: fixed;
  top: calc(var(--topbar-h) + var(--space-2));
  right: clamp(24px, 3.5vw, 44px);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  z-index: 1000;
}
.toast {
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius);
  color: var(--color-on-dark);
  background: var(--color-primary-ink);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.toast--success { background: var(--color-success); }
.toast--error { background: var(--color-danger); }
.toast--info { background: var(--color-primary); }