.toast-container{z-index:9999;pointer-events:none;flex-direction:column-reverse;gap:12px;max-width:min(92vw,480px);display:flex;position:fixed;bottom:28px;right:28px}.toast-item{pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f1f1f4;background:#181825f5;border:1px solid #ffffff1a;border-left:4px solid #ffffff40;border-radius:14px;align-items:flex-start;gap:12px;min-width:340px;max-width:480px;padding:16px 18px;font-size:15px;transition:transform .18s,box-shadow .18s;animation:.35s cubic-bezier(.16,1,.3,1) toast-slide-in;display:flex;box-shadow:0 12px 40px #0000006b}.toast-item:hover{transform:translateY(-2px);box-shadow:0 16px 48px #00000080}.toast-item.removing{animation:.28s cubic-bezier(.55,0,1,.45) forwards toast-slide-out}.toast-icon{flex-shrink:0;margin-top:1px}.toast-body{word-break:break-word;flex:1;font-weight:500;line-height:1.5}.toast-close{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;margin-top:-2px;padding:2px;transition:color .15s,background .15s}.toast-close:hover{color:#fff;background:#ffffff1f}.toast-success{border-left-color:#4ade80}.toast-error{border-left-color:#f87171}.toast-warning{border-left-color:#fbbf24}.toast-info{border-left-color:#60a5fa}.toast-success .toast-icon{color:#4ade80}.toast-error .toast-icon{color:#f87171}.toast-warning .toast-icon{color:#fbbf24}.toast-info .toast-icon{color:#60a5fa}html[data-theme=light] .toast-item{color:#1f2937;background:#fffffffa;border-color:#00000014;box-shadow:0 12px 40px #0000002e}html[data-theme=light] .toast-close{color:#0006}html[data-theme=light] .toast-close:hover{color:#111;background:#0000000f}@keyframes toast-slide-in{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(80px)}}@media (prefers-reduced-motion:reduce){.toast-item,.toast-item.removing{animation-duration:.01ms}.toast-item:hover{transform:none}}@media (width<=520px){.toast-container{max-width:none;bottom:16px;left:12px;right:12px}.toast-item{width:100%;min-width:0;max-width:none}}