.toast-overlay{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.toast-visible{opacity:1;transform:translateY(0);pointer-events:auto}.toast-hidden{opacity:0;transform:translateY(-20px);pointer-events:none}.toast{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:12px;color:#fff;font-weight:500;font-size:14px;z-index:9999;min-width:300px;max-width:400px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);animation:slideIn .3s ease-out}.toast.success{background:linear-gradient(135deg,#10b981,#059669)}.toast.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast.info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toast.warn{background:linear-gradient(135deg,#f59e0b,#d97706)}.toast-icon{position:relative;width:24px;height:24px;flex-shrink:0}.toast.success .toast-icon{border:2px solid #fff;border-radius:50%;position:relative}.toast.success .toast-icon:before{content:"";position:absolute;top:-2px;left:-2px;width:24px;height:24px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:circleComplete .6s ease-out}.toast.success .toast-icon:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:#fff;font-size:14px;font-weight:700;animation:checkmarkPop .3s ease-out .4s forwards}.toast.error .toast-icon:after{content:"✕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:700}.toast-content{flex:1;line-height:1.4}.toast-message{font-size:14px;font-weight:500;line-height:1.4;word-wrap:break-word}.toast-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;opacity:.8;transition:opacity .2s;font-size:18px;line-height:1;flex-shrink:0}.toast-close:hover{opacity:1;background:hsla(0,0%,100%,.1)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes circleComplete{0%{transform:rotate(0deg);border-top-color:transparent}to{transform:rotate(1turn);border-top-color:#fff}}@keyframes checkmarkPop{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.toast.closing{animation:slideOut .3s ease-in forwards}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:480px){.toast{left:20px;right:20px;top:auto;bottom:calc(env(safe-area-inset-bottom) + 20px);min-width:auto;max-width:none}}@media (prefers-reduced-motion:reduce){.toast,.toast-icon:after,.toast-icon:before{animation:none}.toast.success .toast-icon:after{transform:translate(-50%,-50%) scale(1)}}@media (prefers-contrast:high){.toast{border:2px solid;backdrop-filter:none}.toast-success{background:#22c55e;border-color:#16a34a}.toast-error{background:#ef4444;border-color:#dc2626}}