#white-rose-petals{position:fixed;inset:0;z-index:35;overflow:hidden;pointer-events:none;contain:strict}
.white-rose-petal{position:absolute;top:-40px;left:var(--left);width:var(--size);height:calc(var(--size)*1.55);animation:rose-petal-fall var(--fall) linear var(--delay) infinite;will-change:transform;pointer-events:none}
.white-rose-petal i{display:block;width:100%;height:100%;border-radius:85% 22% 78% 28% / 88% 35% 72% 24%;background:linear-gradient(115deg,#ffffff 12%,#fffefb 62%,#eeeae2 100%);box-shadow:inset .5px .5px 1px #fff,0 .5px 1.5px #4b56331c;animation:rose-petal-flutter var(--sway) ease-in-out infinite alternate;opacity:.7}
@keyframes rose-petal-fall{from{transform:translate3d(0,-40px,0) rotate(0deg)}to{transform:translate3d(var(--drift),calc(100dvh + 90px),0) rotate(var(--turn))}}
@keyframes rose-petal-flutter{0%{transform:perspective(180px) rotateY(-25deg) rotateX(8deg)}100%{transform:perspective(180px) rotateY(48deg) rotateX(-15deg)}}
@media(max-width:650px){.white-rose-petal:nth-child(n+10){display:none}.white-rose-petal{width:calc(var(--size)*.8);height:calc(var(--size)*1.25)}}
@media(prefers-reduced-motion:reduce){#white-rose-petals{display:none}}