*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#fff}#root{min-height:100vh}@keyframes notif-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-particle{position:absolute;width:6px;height:6px;border-radius:999px;background:#e52f7eb3;filter:blur(.4px);animation:particle-burst 1.6s ease-out forwards;pointer-events:none}.notif-particle.p1{top:50%;left:50%;--dx: -38px;--dy: -44px;animation-delay:0s}.notif-particle.p2{top:50%;left:50%;--dx: 46px;--dy: -40px;background:#3484ffb3;animation-delay:.05s}.notif-particle.p3{top:50%;left:50%;--dx: -58px;--dy: 10px;background:#6e4cffb3;animation-delay:.08s}.notif-particle.p4{top:50%;left:50%;--dx: 60px;--dy: 8px;background:#ff78aab3;animation-delay:.12s}.notif-particle.p5{top:50%;left:50%;--dx: -22px;--dy: 56px;animation-delay:.16s}.notif-particle.p6{top:50%;left:50%;--dx: 18px;--dy: 60px;background:#3484ffb3;animation-delay:.2s}.notif-particle.p7{top:50%;left:50%;--dx: -70px;--dy: -12px;background:#ff78aab3;animation-delay:.24s}.notif-particle.p8{top:50%;left:50%;--dx: 72px;--dy: -6px;background:#6e4cffb3;animation-delay:.28s}.notif-particle.p9{top:50%;left:50%;--dx: -16px;--dy: -68px;animation-delay:.32s}.notif-particle.p10{top:50%;left:50%;--dx: 12px;--dy: -72px;background:#3484ffb3;animation-delay:.36s}.notif-particle.p11{top:50%;left:50%;--dx: -64px;--dy: 36px;background:#ff78aab3;animation-delay:.4s}.notif-particle.p12{top:50%;left:50%;--dx: 66px;--dy: 34px;background:#6e4cffb3;animation-delay:.44s}@keyframes particle-burst{0%{transform:translate(-50%,-50%) scale(.4);opacity:0}40%{opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1);opacity:0}}