.toast-container { position: fixed; top: var(--space-3); right: var(--space-3); z-index: var(--z-toast); display: grid; gap: var(--space-1); max-width: 320px; }
.toast { background: var(--color-charcoal); color: var(--color-paper); padding: var(--space-2); font-size: var(--text-caption); box-shadow: 0 12px 32px rgba(0,0,0,.22); opacity: 1; transition: opacity var(--duration-normal); }
.toast.is-hiding { opacity: 0; }
.toast--success { border-left: 4px solid var(--color-success); }
.toast--error { border-left: 4px solid var(--color-error); }