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