.toast-viewport{right:var(--space-4);bottom:var(--space-4);z-index:2000;width:min(380px, calc(100vw - 2 * var(--space-4)));gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{--toast-accent:var(--color-primary);align-items:flex-start;gap:var(--space-2-5);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-3-25);border:var(--border-width) solid color-mix(in srgb, var(--toast-accent) 30%, var(--color-border-subtle));border-left:3px solid var(--toast-accent);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 8px 24px var(--color-shadow-black);pointer-events:auto;animation:.18s cubic-bezier(.2,.8,.2,1) toast-in;display:flex}.toast-success{--toast-accent:var(--color-success)}.toast-error{--toast-accent:var(--color-danger)}.toast-warning{--toast-accent:var(--color-warning)}.toast-info{--toast-accent:var(--color-info)}.toast-icon{color:var(--toast-accent);flex:none;margin-top:1px}.toast-body{min-width:0;color:var(--color-text-primary);font-size:var(--text-label);overflow-wrap:anywhere;flex:1;gap:2px;display:grid}.toast-body span{color:var(--color-text-secondary)}.toast-close{border-radius:var(--radius-full);width:24px;height:24px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.toast-close:hover{color:var(--color-text-primary);background:var(--color-primary-light)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}