.toast-container{z-index:var(--z-toast);flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:380px;display:flex;position:fixed;top:16px;right:16px}@media (width>=768px){.toast-container{top:24px;right:24px}}.toast{border-radius:var(--radius-md);background-color:var(--surface);border-left:4px solid;align-items:center;gap:10px;padding:14px 16px;display:flex;box-shadow:0 8px 24px #00000026}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--error)}.toast-info{border-left-color:var(--primary)}.toast-warning{border-left-color:var(--warning)}.toast-icon{flex-shrink:0;display:flex}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--error)}.toast-info .toast-icon{color:var(--primary)}.toast-warning .toast-icon{color:var(--warning)}.toast-message{color:var(--on-surface);flex:1;font-size:.9rem;line-height:1.4}.toast-close{cursor:pointer;color:var(--outline);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;transition:all .15s;display:flex}.toast-close:hover{background-color:var(--surface-variant);color:var(--on-surface)}