.toast-container{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none;max-width:440px;width:calc(100% - 48px);perspective:1200px}.toast-item{position:relative;display:flex;align-items:flex-start;gap:14px;padding:16px 20px 22px 18px;background:#fff;border:1px solid #e8e8ec;border-radius:16px;overflow:hidden;pointer-events:auto;width:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none;box-shadow:0 1px 3px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.02);animation:toastFlipIn .6s cubic-bezier(.34,1.56,.64,1) both;transform-origin:top center}.toast-item.toast-ready{cursor:grab}.toast-item.toast-ready:active{cursor:grabbing}.toast-item:hover{box-shadow:0 2px 6px rgba(0,0,0,.05),0 12px 32px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.03)}.toast-accent-strip{position:absolute;top:0;left:0;right:0;height:3px;background:var(--toast-accent);border-radius:16px 16px 0 0}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--toast-bg);border:1px solid var(--toast-border);margin-top:4px;transition:transform .2s ease;pointer-events:none}.toast-ready:hover .toast-icon{transform:scale(1.05)}.toast-content{flex:1;min-width:0;padding-top:4px;pointer-events:none}.toast-title{margin:0;font-weight:700;font-size:14.5px;line-height:1.35;color:#18181b;letter-spacing:-.01em}.toast-message,.toast-title{font-family:DM Sans,system-ui,-apple-system,sans-serif}.toast-message{margin:5px 0 0;font-weight:400;font-size:13px;line-height:1.55;color:#6b7280}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin-top:4px;border:1px solid transparent;background:transparent;border-radius:10px;color:#9ca3af;cursor:pointer;transition:all .2s ease;z-index:5;position:relative}.toast-close:hover{background:#f3f4f6;border-color:#e5e7eb;color:#4b5563}.toast-swipe-hint{position:absolute;bottom:4px;right:14px;display:flex;align-items:center;gap:3px;color:#c4c4cc;opacity:0;transition:opacity .4s ease;pointer-events:none}.toast-swipe-hint span{font-family:DM Sans,system-ui,sans-serif;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.toast-ready:hover .toast-swipe-hint{opacity:1}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--toast-accent);opacity:.2;border-radius:0 0 16px 16px;animation:toastProgress 5s linear forwards;transform-origin:left;pointer-events:none}@keyframes toastFlipIn{0%{opacity:0;transform:perspective(1200px) rotateX(-80deg) translateY(-30px) scale(.9);filter:blur(6px)}40%{opacity:.6;filter:blur(2px)}to{opacity:1;transform:perspective(1200px) rotateX(0deg) translateY(0) scale(1);filter:blur(0)}}.toast-exit{animation:toastFlipOut .4s cubic-bezier(.55,0,1,.45) forwards!important;pointer-events:none!important;cursor:default!important}@keyframes toastFlipOut{0%{opacity:1;transform:perspective(1200px) rotateX(0deg) translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:perspective(1200px) rotateX(-80deg) translateY(-30px) scale(.9);filter:blur(6px)}}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:480px){.toast-container{top:12px;max-width:calc(100% - 24px)}.toast-item{border-radius:14px}}