.garden{border-bottom:1px solid var(--rule);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;height:clamp(170px,24vh,240px);position:relative}.garden .plant{pointer-events:none;position:absolute;bottom:0;overflow:visible;translate:-50%}.garden .stem{fill:none;stroke:var(--stem);stroke-width:2.4px;stroke-linecap:round}.garden .leaf{fill:var(--leaf)}.garden .g-petal.p1{fill:var(--petal-1)}.garden .g-petal.p2{fill:var(--petal-2)}.garden .g-petal.p3{fill:var(--petal-3)}.garden .g-disc{fill:var(--disc)}.garden .s1{fill:var(--seed-1)}.garden .s2{fill:var(--seed-2)}.garden .s3{fill:var(--seed-3)}.falling-seed{background:var(--seed-2);pointer-events:none;border-radius:50%/60% 60% 40% 40%;width:5px;height:8px;margin:-4px 0 0 -2.5px;position:absolute}.garden .grow .stem{stroke-dasharray:1;animation:1s cubic-bezier(.3,.7,.4,1) both g-stem}.garden .grow .leaf{animation:g-pop .6s var(--ease-bounce) both;animation-delay:var(--ld)}.garden .grow .g-bloom{animation:g-pop .7s var(--ease-bounce) .82s both}.garden .grow .g-petal{animation:g-petal .7s var(--ease-bounce) both;animation-delay:calc(.98s + var(--d))}.garden .wilt{animation:1.7s ease-in forwards g-wilt}.garden .wilt .g-petal{animation:1.2s ease-in forwards g-drop;animation-delay:calc(var(--d) * .6)}@keyframes g-stem{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes g-pop{0%{transform:scale(0)}}@keyframes g-petal{0%{opacity:0;transform:scale(.2,0)}}@keyframes g-drop{to{opacity:0;transform:translateY(160px)rotate(80deg)}}@keyframes g-wilt{60%{opacity:1}to{opacity:0;transform:translateY(24px)}}.garden-note{min-height:1.5em;color:var(--ink-2);opacity:0;transition:opacity var(--duration-slow) ease-out;margin-top:.6rem;font-size:.875rem;font-style:italic}.garden:hover+.garden-note,.garden-note.said{opacity:1}.garden-note .by-touch{display:none}@media (hover:none){.garden-note{opacity:.85}.garden-note .by-mouse{display:none}.garden-note .by-touch{display:inline}}