.toast-stack{z-index:var(--z-toast);pointer-events:none;flex-direction:column;gap:10px;max-width:min(380px,100vw - 36px);display:flex;position:fixed;bottom:18px;right:18px}.toast{pointer-events:auto;border-radius:var(--r-md);background:var(--surface-1);border:1px solid var(--border-strong);border-left:3px solid var(--muted);box-shadow:var(--sh-3,0 12px 32px #0000008c);color:var(--text);align-items:flex-start;gap:10px;padding:11px 12px 11px 13px;font-size:13.5px;line-height:1.35;display:flex}.toast--success{border-left-color:var(--success)}.toast--error{border-left-color:var(--danger)}.toast--info{border-left-color:var(--accent)}.toast-icon{flex:none;margin-top:1px}.toast--success .toast-icon{color:var(--success)}.toast--error .toast-icon{color:var(--danger)}.toast--info .toast-icon{color:var(--accent)}.toast-msg{overflow-wrap:anywhere;flex:1;min-width:0}.toast-close{border-radius:var(--r-xs);width:22px;height:22px;color:var(--faint);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin:-3px -3px 0 0;padding:0;transition:color .12s,background .12s;display:inline-grid}.toast-close:hover{color:var(--text);background:var(--surface-3)}.toast-close:focus-visible{box-shadow:0 0 0 2px var(--accent-soft);outline:none}@media (width<=640px){.toast-stack{left:12px;right:12px;bottom:calc(60px + env(safe-area-inset-bottom,0px) + 12px);max-width:none}}