.toasts{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{--dur:4s;--toast-bg:#f3f4f7;--toast-accent:#1a1a1c;--toast-title:#1a1a1c;pointer-events:auto;background:var(--toast-bg);border:3px solid var(--toast-bg);min-width:320px;max-width:400px;min-height:72px;animation:.25s cubic-bezier(.34,1.56,.64,1) slide-in,.2s ease-in forwards fade-out;animation-delay:0s, calc(var(--dur,4s) - .2s);cursor:pointer;border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 36px #1a1a1c29}.toast:before{content:"";background:var(--toast-accent);border-radius:999px;width:4px;position:absolute;top:12px;bottom:12px;left:0}.toast:hover{animation-play-state:paused;transform:translateY(-3px);box-shadow:0 20px 40px #1a1a1c33}.toast.error{--toast-bg:#ffecee;--toast-accent:#ff383c;--toast-title:#ff383c}.toast.success{--toast-bg:#ecf8cc;--toast-accent:#89b630;--toast-title:#1a1a1c}.toast.info{--toast-bg:#e5f5ff;--toast-accent:#1daeef;--toast-title:#1daeef}.title{color:var(--toast-title);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;padding-left:12px;font-size:13px;font-weight:600;line-height:1.4;display:flex}.toast .msg{color:#1a1a1c;word-wrap:break-word;white-space:pre-wrap;padding-left:12px;font-size:14px;font-weight:400;line-height:1.5}@keyframes slide-in{0%{opacity:0;transform:translate(100%)translateY(0)}to{opacity:1;transform:translate(0)translateY(0)}}@keyframes fade-out{to{opacity:0;transform:translate(12px)scale(.97)}}@media (max-width:640px){.toasts{bottom:12px;left:12px;right:12px}.toast{width:100%;min-width:0;max-width:none}}