.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);padding:14px 16px;line-height:1.4;animation:.25s ease-out toast-in;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}.toast__dismiss{border-radius:var(--radius-s);width:44px;height:44px;color:inherit;font:inherit;font-size:var(--t-20);cursor:pointer;background:0 0;border:1px solid #0000;flex:0 0 44px;margin:-10px -12px -10px 0}.toast__dismiss:hover{background:var(--surface-hover)}.toast__dismiss:focus-visible{border-color:var(--border-focus);outline:2px solid var(--border-focus);outline-offset:2px}@keyframes toast-in{0%{opacity:0;transform:translateX(var(--s-24))}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}