.toast-region { position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 300; display: flex; flex-direction: column; gap: 8px; align-items: center; width: min(92vw, 440px); pointer-events: none; }
.toast { padding: 14px 20px; border-radius: var(--r-control); background: var(--color-ink); color: var(--color-paper); font-size: var(--fs-sm); font-weight: 500; box-shadow: var(--shadow-card-hover); opacity: 0; transform: translateY(8px); transition: opacity 240ms ease, transform 240ms ease; }
.toast.is-visible { opacity: 1; transform: none; }
.toast--success { background: var(--color-forest); }
.toast--error { background: var(--color-alert); }
.toast--action { display: flex; align-items: center; justify-content: space-between; gap: 16px; pointer-events: auto; }
.toast__action { min-height: 44px; padding: 0 12px; margin: -8px -8px -8px 0; border: 0; border-radius: var(--r-control); background: transparent; color: var(--color-paper); font: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.toast__action:hover { background: color-mix(in srgb, var(--color-paper) 14%, transparent); }
.toast__action:focus-visible { outline: 2px solid var(--color-paper); outline-offset: 1px; }