.flower{position:absolute;bottom:-150px;will-change:transform;z-index:1;pointer-events:auto;cursor:pointer;animation:float-up var(--duration) var(--delay) infinite linear}.flower.spawned{bottom:auto;animation:float-up-spawned var(--duration) var(--delay) infinite linear;opacity:1}.flower.initial{animation:float-up-instant var(--duration) var(--delay) infinite linear;opacity:1}.flower-push{transition:transform .4s cubic-bezier(.34,1.56,.64,1);will-change:transform}.flower svg{filter:drop-shadow(0 4px 6px rgba(0,0,0,.15));display:block}.flower .petal{animation:sway 3s ease-in-out infinite;transform-origin:50% 50%}.flower .petal:nth-child(2){animation-delay:.5s}.flower .petal:nth-child(3){animation-delay:1s}.flower .petal:nth-child(4){animation-delay:1.5s}@keyframes float-up{0%{transform:translateY(0) translate(0) rotate(var(--rotation));opacity:0}5%{opacity:1}50%{transform:translateY(-50vh) translate(20px) rotate(calc(var(--rotation) + 180deg))}95%{opacity:1}to{transform:translateY(-150vh) translate(40px) rotate(calc(var(--rotation) + 360deg));opacity:0}}@keyframes float-up-spawned{0%{transform:translateY(0) translate(0) rotate(var(--rotation));opacity:1}50%{transform:translateY(-50vh) translate(20px) rotate(calc(var(--rotation) + 180deg));opacity:1}95%{opacity:1}to{transform:translateY(-150vh) translate(40px) rotate(calc(var(--rotation) + 360deg));opacity:0}}@keyframes float-up-instant{0%{transform:translateY(0) translate(0) rotate(var(--rotation));opacity:1}50%{transform:translateY(-50vh) translate(20px) rotate(calc(var(--rotation) + 180deg));opacity:1}95%{opacity:1}to{transform:translateY(-150vh) translate(40px) rotate(calc(var(--rotation) + 360deg));opacity:0}}@keyframes sway{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.app{position:relative;width:100vw;height:100vh;overflow:hidden;margin:0;padding:0}.background-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffe4e1,#fff0f5,#e6e6fa,#f0f8ff,#ffe4e1);background-size:400% 400%;animation:gradient-shift 15s ease infinite;z-index:0}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.flowers-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100vh;min-height:100vh}