.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r-lg, 12px);box-shadow:0 8px 24px #2a1f1224;max-width:min(90vw,400px);min-width:280px;font-family:var(--font-body);background:var(--card);border:1px solid var(--rule);animation:toastSlideIn .28s cubic-bezier(.34,1.56,.64,1);box-sizing:border-box}.toast-leaving{animation:toastSlideOut .22s ease-in forwards}.toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast-content{flex:1;min-width:0}.toast-message{font:500 13px/1.5 var(--font-body);color:var(--brand-900)}.toast-close{background:transparent;border:none;color:var(--ink-faint);cursor:pointer;padding:4px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;transition:opacity .15s;opacity:.6}.toast-close:hover{opacity:1}.toast-close:active{transform:scale(.9)}.toast-success{border-left:3px solid var(--brand-600)}.toast-success .toast-icon{color:var(--brand-600)}.toast-error{border-left:3px solid var(--v2-error)}.toast-error .toast-icon{color:var(--v2-error)}.toast-warning{border-left:3px solid var(--v2-warn)}.toast-warning .toast-icon{color:var(--v2-warn)}.toast-info{border-left:3px solid var(--brand-500)}.toast-info .toast-icon{color:var(--brand-500)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}@media(max-width:768px){.toast{top:12px;left:16px;right:16px;transform:none;max-width:none;min-width:auto}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}}.toast{top:calc(env(safe-area-inset-top,0px) + 16px)}@media(max-width:768px){.toast{top:calc(env(safe-area-inset-top,0px) + 12px)}}@media(prefers-reduced-motion:reduce){.toast,.toast-leaving{animation:none}}