.toast-container{bottom:var(--spacing-lg);right:var(--spacing-md);z-index:9999;gap:var(--spacing-sm);pointer-events:none;flex-direction:column-reverse;display:flex;position:fixed}.toast{align-items:center;gap:var(--spacing-sm);pointer-events:all;cursor:pointer;transform-origin:100% 100%;background:#fffffff2;border:1px solid #ffffff73;border-radius:14px;min-width:300px;max-width:440px;padding:14px 18px;animation:.45s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #fff9}.toast.success{background:linear-gradient(135deg,#34c75914,#ffffffe0);box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #fff9}.toast.error{background:linear-gradient(135deg,#ff3b3014,#ffffffe0);box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #fff9}.toast.warning{background:linear-gradient(135deg,#ff950014,#ffffffe0);box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #fff9}.toast.info{background:linear-gradient(135deg,#007aff14,#ffffffe0);box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #fff9}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1em;animation:.5s cubic-bezier(.16,1,.3,1) .15s both iconPop;display:flex}.toast.success .toast-icon{background:#34c75926}.toast.error .toast-icon{background:#ff3b3026}.toast.warning .toast-icon{background:#ff950026}.toast.info .toast-icon{background:#007aff26}.toast-message{color:#1a1a2e;letter-spacing:-.01em;flex:1;font-size:.92em;font-weight:500;line-height:1.4}.toast-close{color:#999;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:4px 6px;font-size:1.1em;line-height:1;transition:all .2s}.toast:hover .toast-close{opacity:.6}.toast-close:hover{background:#0000000f;opacity:1!important}.toast-progress{opacity:.6;height:3px;animation:progressShrink var(--toast-duration,4s)linear forwards;position:absolute;bottom:0;left:0;right:0}.toast.success .toast-progress{background:linear-gradient(90deg,#34c759,#30d158)}.toast.error .toast-progress{background:linear-gradient(90deg,#ff3b30,#ff6961)}.toast.warning .toast-progress{background:linear-gradient(90deg,#ff9500,#ffb340)}.toast.info .toast-progress{background:linear-gradient(90deg,#007aff,#5ac8fa)}.toast:hover{transform:translateY(-4px)}.toast.success:hover,.toast.error:hover,.toast.warning:hover,.toast.info:hover{box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f,inset 0 1px #fff9}.toast:hover .toast-progress{animation-play-state:paused}.toast.exiting{animation:.35s cubic-bezier(.55,0,1,.45) forwards toastSlideOut}@keyframes toastSlideIn{0%{opacity:0;transform:translate(80px)scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(60px)scale(.95)}}@keyframes iconPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes progressShrink{0%{width:100%}to{width:0%}}@media (max-width:767px){.toast-container{left:var(--spacing-sm);right:var(--spacing-sm);bottom:var(--spacing-md)}.toast{min-width:auto;max-width:none}}@media (prefers-reduced-motion:reduce){.toast,.toast.exiting{animation-duration:.01ms!important}.toast-icon{animation:none!important}.toast-progress{width:100%;animation:none!important}}