:root{color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;overflow:hidden}.garden{position:relative;width:100vw;height:100vh;cursor:pointer;overflow:hidden}.sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#87ceeb,#b0e0e6 40%,#e0f4ff 70%,#98d8a0 70%,#6bbf6b)}.sun{position:absolute;top:40px;right:80px;width:80px;height:80px;background:#ffd93d;border-radius:50%;box-shadow:0 0 60px 20px #ffd93d66;animation:pulse-sun 4s ease-in-out infinite}@keyframes pulse-sun{0%,to{box-shadow:0 0 60px 20px #ffd93d66}50%{box-shadow:0 0 80px 30px #ffd93d99}}.cloud{position:absolute;background:#fff;border-radius:50px;opacity:.8}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud-1{width:100px;height:30px;top:60px;left:-100px;animation:drift 25s linear infinite}.cloud-1:before{width:50px;height:50px;top:-25px;left:15px}.cloud-1:after{width:35px;height:35px;top:-15px;left:50px}.cloud-2{width:130px;height:35px;top:100px;left:-130px;animation:drift 35s linear infinite 8s}.cloud-2:before{width:60px;height:60px;top:-30px;left:20px}.cloud-2:after{width:45px;height:45px;top:-20px;left:65px}.cloud-3{width:80px;height:25px;top:150px;left:-80px;animation:drift 20s linear infinite 15s}.cloud-3:before{width:40px;height:40px;top:-20px;left:10px}.cloud-3:after{width:30px;height:30px;top:-12px;left:40px}@keyframes drift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 200px))}}.ground{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(180deg,#4caf50,#388e3c 30%,#2e7d32)}.ground:before{content:"";position:absolute;top:-20px;left:0;right:0;height:40px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40'%3E%3Cpath d='M0,40 Q50,0 100,20 Q150,40 200,15 Q250,0 300,25 Q350,40 400,10 Q450,0 500,30 Q550,40 600,20 Q650,0 700,25 Q750,40 800,15 Q850,0 900,30 Q950,40 1000,20 Q1050,0 1100,25 Q1150,40 1200,15 L1200,40 Z' fill='%234CAF50'/%3E%3C/svg%3E") repeat-x;background-size:1200px 40px}.flowers-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.flower-wrapper{animation:grow-up .8s cubic-bezier(.34,1.56,.64,1) both}@keyframes grow-up{0%{transform:translateY(100px) scale(0);opacity:0}to{opacity:1}}.stem{stroke-dasharray:200;stroke-dashoffset:200;animation:draw-stem .6s ease-out .2s both}@keyframes draw-stem{to{stroke-dashoffset:0}}.flower-head{animation:bloom .6s ease-out .5s both;transform-origin:center}@keyframes bloom{0%{transform:scale(0) rotate(-30deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.leaf{animation:leaf-grow .5s ease-out .4s both;transform-origin:center}.leaf-left{transform-origin:right center}.leaf-right{transform-origin:left center}@keyframes leaf-grow{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:.8}}.flower-wrapper{animation:grow-up .8s cubic-bezier(.34,1.56,.64,1) both,sway 3s ease-in-out infinite 1.5s;transform-origin:bottom center}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.butterflies{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.butterfly{position:absolute;width:20px;height:10px}.butterfly-1{top:20%;left:30%;animation:flutter 8s ease-in-out infinite}.butterfly-2{top:35%;left:60%;animation:flutter 10s ease-in-out infinite 2s}.butterfly-3{top:15%;left:80%;animation:flutter 7s ease-in-out infinite 4s}.wing{position:absolute;width:10px;height:14px;border-radius:50% 50% 20%;top:-2px}.wing-left{left:0;background:#ff6b9d;transform-origin:right center;animation:flap-left .3s ease-in-out infinite}.wing-right{right:0;background:#ff8fab;transform-origin:left center;animation:flap-right .3s ease-in-out infinite}@keyframes flap-left{0%,to{transform:rotateY(0) skewY(-5deg)}50%{transform:rotateY(60deg) skewY(5deg)}}@keyframes flap-right{0%,to{transform:rotateY(0) skewY(5deg)}50%{transform:rotateY(-60deg) skewY(-5deg)}}@keyframes flutter{0%{transform:translate(0) rotate(5deg)}25%{transform:translate(60px,-30px) rotate(-5deg)}50%{transform:translate(20px,-60px) rotate(8deg)}75%{transform:translate(-40px,-20px) rotate(-3deg)}to{transform:translate(0) rotate(5deg)}}.controls{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:10}.plant-btn{padding:10px 24px;background:#ffffffe6;border:2px solid #4CAF50;border-radius:50px;color:#2e7d32;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.plant-btn:hover{background:#4caf50;color:#fff;transform:scale(1.05);box-shadow:0 4px 15px #4caf5066}.hint{color:#ffffffb3;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.3)}