.kindness-hearts{position:fixed;inset:0;z-index:75;overflow:hidden;pointer-events:none}
.kindness-hearts span{position:absolute;top: -12vh;top: -12svh;left:var(--heart-x);color:var(--heart-color);font:900 var(--heart-size)/1 system-ui,sans-serif;text-shadow:0 2px 3px #73334a88,0 0 12px #ff8bac99;opacity:0;animation:kindness-heart-fall var(--heart-duration) var(--heart-delay) linear both;will-change:transform,opacity}
@keyframes kindness-heart-fall{0%{transform:translate3d(0,0,0) rotate(0deg) scale(.7);opacity:0}8%{opacity:1}82%{opacity:1}100%{transform: translate3d(var(--heart-drift),125vh,0) rotate(var(--heart-turn)) scale(1.16);transform: translate3d(var(--heart-drift),125svh,0) rotate(var(--heart-turn)) scale(1.16);opacity:0}}
@keyframes kindness-heart-reduced{0%,100%{opacity:0}20%,80%{opacity:1}}
@media(prefers-reduced-motion:reduce){.kindness-hearts span{top: 8vh;top: 8svh;animation:kindness-heart-reduced 1.6s ease both;will-change:auto}}