@keyframes heartSparkle{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(0deg)}50%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(180deg)}to{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(1turn)}}.heart-sparkle{animation:heartSparkle .6s ease-out forwards}.sparkle-dot{width:6px;height:6px;border-radius:50%}