#toast-container{
  position:fixed;right:22px;bottom:22px;z-index:10050;
  display:flex;flex-direction:column;gap:10px;width:min(390px,calc(100vw - 28px));
  pointer-events:none
}
.toast{
  display:flex;align-items:flex-start;gap:11px;padding:13px 14px;
  border:1px solid rgba(148,163,184,.28);border-radius:14px;
  background:rgba(15,23,42,.94);color:#f8fafc;
  box-shadow:0 18px 48px rgba(2,6,23,.28);backdrop-filter:blur(16px);
  font:500 14px/1.45 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  pointer-events:auto;animation:arcToastIn .22s ease-out
}
.toast-icon{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border-radius:999px;font-weight:800;font-size:12px}
.toast-msg{flex:1;min-width:0;overflow-wrap:anywhere}
.toast-close{border:0;background:transparent;color:inherit;opacity:.64;cursor:pointer;font-size:18px;line-height:1;padding:0 0 0 4px}
.toast-close:hover{opacity:1}
.toast-success .toast-icon{background:rgba(16,185,129,.2);color:#6ee7b7}
.toast-error .toast-icon{background:rgba(244,63,94,.2);color:#fda4af}
.toast-warning .toast-icon{background:rgba(245,158,11,.2);color:#fcd34d}
.toast-info .toast-icon{background:rgba(59,130,246,.2);color:#93c5fd}
.toast.removing{animation:arcToastOut .2s ease-in forwards}
@keyframes arcToastIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes arcToastOut{to{opacity:0;transform:translateY(8px) scale(.98)}}
@media(max-width:600px){#toast-container{right:14px;bottom:14px;left:14px;width:auto}.toast{width:100%}}
@media(prefers-reduced-motion:reduce){.toast,.toast.removing{animation:none}}