.rose-petals{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:4;contain:strict}.rose-petal{position:absolute;top:-30px;left:var(--x);width:var(--size);height:calc(var(--size)*1.35);border-radius:85% 15% 70% 30%;background:radial-gradient(ellipse at 25% 25%,#b15a70,#79243e 62%,#4b142a);opacity:.35;box-shadow:inset 1px 1px 2px #f3b4b333;animation:rose-petal-fall var(--duration) var(--delay) linear infinite;will-change:transform}.rose-petal.ivory{background:radial-gradient(ellipse at 25% 25%,#fffdf0,#e2cdb0 70%,#c9a786);opacity:.55}.petals-paused .rose-petal{animation-play-state:paused}@keyframes rose-petal-fall{0%{transform:translate3d(0,-4vh,0) rotate(0) rotateY(0)}30%{transform:translate3d(calc(var(--drift)*-.3),32vh,0) rotate(calc(var(--turn)*.3)) rotateY(95deg)}65%{transform:translate3d(var(--drift),70vh,0) rotate(calc(var(--turn)*.65)) rotateY(190deg)}100%{transform:translate3d(calc(var(--drift)*.4),calc(100vh + 70px),0) rotate(var(--turn)) rotateY(280deg)}}@media(prefers-reduced-motion:reduce){.rose-petals{display:none}}
.petals-toggle{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));right:12px;z-index:5;background:#591c2de8;color:#f6e0c9;border:1px solid #c49b70;border-radius:20px;padding:10px 14px;font-size:10px;min-height:40px;box-shadow:0 3px 12px #38102522}.petals-toggle:focus-visible{outline:3px solid #d6ad77;outline-offset:3px}.rose-petals[hidden]{display:none}@media(prefers-reduced-motion:reduce){.petals-toggle{display:none}}