.petal-field{pointer-events:none;--petal-c1:#f6c3d3;--petal-c2:#e78ba9;--petal-c3:#c05372;--petal-opacity:.32;--petal-glow:transparent;position:absolute;inset:0;overflow:hidden}.dark .petal-field{--petal-c1:#fbd7e2;--petal-c2:#ee9eb6;--petal-c3:#cd6480;--petal-opacity:.24;--petal-glow:#f8cdd93d}@supports (color:lab(0% 0 0)){.dark .petal-field{--petal-glow:lab(86.4332% 17.0139 .0322342/.24)}}.petal{top:var(--petal-top,0%);left:var(--petal-x,50%);width:calc(.5rem * var(--petal-scale,1));height:calc(.78rem * var(--petal-scale,1));background:linear-gradient(135deg, var(--petal-c1) 0%, var(--petal-c2) 68%, var(--petal-c3) 100%);opacity:0;filter:blur(.3px) drop-shadow(0 0 4px var(--petal-glow));will-change:transform, opacity;animation:petal-fall var(--petal-duration,18s) linear infinite;animation-delay:var(--petal-delay,0s);border-radius:60% 40%/50%;position:absolute;transform:translateY(-12%)}@keyframes petal-fall{0%{opacity:0;transform:translateY(-12%)rotate(0)}12%{opacity:var(--petal-opacity,.3)}88%{opacity:var(--petal-opacity,.3)}to{transform:translate3d(var(--petal-drift,30px), 92vh, 0) rotate(300deg);opacity:0}}@media (prefers-reduced-motion:reduce){.petal-field{display:none}}