:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#24312b;background:#b9df8f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button{font:inherit}.heartApp{position:relative;min-height:100vh;overflow:hidden;background:#cfe99a;isolation:isolate}.gardenBackdrop,.gardenWash,.heartStage,.heartCanvas,.petalLayer{position:absolute;top:0;right:0;bottom:0;left:0}.gardenBackdrop{width:100%;height:100%;object-fit:cover;transform:scale(1.045);filter:saturate(1.08) brightness(1.03);z-index:-3}.gardenWash{z-index:-2;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.24),transparent 28%),linear-gradient(180deg,#ffffff29,#e7f8bd14)}.heartStage{z-index:1}.heartCanvas{width:100%;height:100%;display:block}.heartHitArea{position:absolute;left:45%;top:46%;width:min(36vw,390px);aspect-ratio:1 / .86;border:0;padding:0;border-radius:45%;background:transparent;transform:translate(-50%,-50%);cursor:pointer;touch-action:none}.heartHitArea:focus-visible{outline:3px solid rgba(255,255,255,.92);outline-offset:8px}.petalLayer{z-index:3;pointer-events:none;overflow:hidden}.petalLayer span{position:absolute;top:-4vh;width:11px;height:7px;border-radius:70% 30%;background:#fff8c3d1;box-shadow:0 0 10px #ffffff9e;animation:petalFall 12s linear infinite}.petalLayer span:nth-child(1){left:13%;animation-delay:-2s;animation-duration:13s}.petalLayer span:nth-child(2){left:36%;animation-delay:-6s;animation-duration:15s}.petalLayer span:nth-child(3){left:57%;animation-delay:-9s;animation-duration:12s}.petalLayer span:nth-child(4){left:76%;animation-delay:-3s;animation-duration:16s}.petalLayer span:nth-child(5){left:91%;animation-delay:-11s;animation-duration:14s}@keyframes petalFall{0%{transform:translate3d(0,-10vh,0) rotate(0);opacity:0}12%{opacity:.9}to{transform:translate3d(-14vw,112vh,0) rotate(520deg);opacity:0}}@media(max-width:720px){.gardenBackdrop{object-position:58% center}.heartHitArea{left:50%;width:min(70vw,360px)}}