.petal-layer{position:absolute;inset:8% 8% 5%;overflow:hidden;pointer-events:none;z-index:2;border-radius:24% 24% 12% 12%}
.rose-petal{position:absolute;top:-22px;left:var(--x);width:var(--size);height:calc(var(--size)*1.35);border-radius:75% 12% 65% 30%;background:radial-gradient(ellipse at 28% 24%,#b9d4ff 0,#6c9af4 27%,#3654ce 60%,#172b7d 100%);box-shadow:inset 1px 1px 2px #d8e7ff88,0 0 4px #5d89ef66;opacity:0;animation:rose-fall var(--duration) var(--delay) linear infinite;will-change:transform,opacity}
@keyframes rose-fall{0%{transform:translate3d(0,-15px,0) rotate(0deg) rotateY(0deg);opacity:0}10%{opacity:.85}35%{transform:translate3d(var(--drift),140px,0) rotate(105deg) rotateY(120deg)}70%{opacity:.8;transform:translate3d(calc(var(--drift)*-.5),300px,0) rotate(220deg) rotateY(250deg)}100%{transform:translate3d(var(--drift),500px,0) rotate(360deg) rotateY(380deg);opacity:0}}
.crystal-sparkles{position:fixed;bottom:-36px;width:23vw;max-width:360px;aspect-ratio:1/1.35;pointer-events:none;z-index:3}
.crystal-sparkles.left{left:-26px}.crystal-sparkles.right{right:-26px}
.crystal-star{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);background:#f3f9ff;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);filter:drop-shadow(0 0 5px #a2cdff);opacity:0;animation:crystal-twinkle var(--duration) var(--delay) ease-in-out infinite}
@keyframes crystal-twinkle{0%,100%{opacity:0;transform:scale(.25) rotate(0)}40%{opacity:1;transform:scale(1.15) rotate(15deg)}60%{opacity:.65;transform:scale(.8) rotate(25deg)}}
body.motion-enabled .rose-petal{animation:rose-fall var(--duration) var(--delay) linear infinite!important}
body.motion-enabled .crystal-star{animation:crystal-twinkle var(--duration) var(--delay) ease-in-out infinite!important}
@media(max-width:850px){.crystal-sparkles{width:34vw}}
@media(max-width:520px){.crystal-sparkles{width:45vw}.petal-layer{inset:8% 8% 5%}}
@media(prefers-reduced-motion:reduce){.rose-petal,.crystal-star{animation:none}}
body.motion-paused .rose-petal,body.motion-paused .crystal-star{animation-play-state:paused!important}