.toast-viewport{top:var(--s-16);right:var(--s-16);z-index:var(--z-toast);gap:var(--s-12);max-width:min(380px, calc(100vw - var(--s-32)));pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{pointer-events:auto;align-items:flex-start;gap:var(--s-12);border-radius:var(--radius-m);background:var(--surface-raised);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-2);border-left:4px solid var(--border-strong);font-size:var(--t-14);cursor:pointer;padding:14px 16px;line-height:1.4;animation:.25s ease-out toast-in,.3s ease-in 3.2s forwards toast-out;display:flex}.toast--error{border-left-color:var(--error)}.toast--success{border-left-color:var(--success)}.toast--info{border-left-color:var(--info)}.toast__icon{font-size:var(--t-16);flex-shrink:0;line-height:1.4}.toast--error .toast__icon{color:var(--error)}.toast--success .toast__icon{color:var(--success)}.toast--info .toast__icon{color:var(--info)}.toast__text{flex:1}@keyframes toast-in{0%{opacity:0;transform:translateX(var(--s-24))}to{opacity:1;transform:translate(0)}}@keyframes toast-out{to{opacity:0;transform:translateX(var(--s-24))}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}