.toast-container{bottom:calc(var(--space-8) * 2.5);gap:var(--space-2);z-index:9999;pointer-events:none;flex-direction:column;width:90%;max-width:400px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast-item{pointer-events:auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border-left:4px solid #0000;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex}.toast-item.removing{animation:.3s forwards toastFadeOut}.toast-success{border-left-color:var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-error .toast-icon{color:var(--color-danger)}.toast-warning{border-left-color:var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left-color:var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}.toast-message{color:var(--text-primary);flex:1;margin:0;font-size:.875rem;font-weight:500}.toast-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;display:flex}.toast-close-btn:hover{color:var(--text-primary)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes toastFadeOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(20px)scale(.9)}}@media (width<=768px){.toast-container{bottom:calc(68px + env(safe-area-inset-bottom,0px) + var(--space-4))}}