.garden{display:flex;flex:1;flex-direction:column}.garden-bed{position:relative;flex:1;cursor:pointer;touch-action:pan-y;user-select:none}.garden-bed:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.garden-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ground{position:absolute;inset:auto 0 0;overflow:hidden;pointer-events:none}.ground svg{display:block}.plant{position:absolute;transform:translate(-50%);transform-origin:50% 100%;pointer-events:none}.plant-art{display:block;transform-origin:50% 100%;animation:plant-grow .42s cubic-bezier(.2,.9,.3,1.2)}.plant-art svg{display:block}.plant.sways{animation:plant-sway 5s ease-in-out infinite alternate}@keyframes plant-sway{0%{transform:translate(-50%) rotate(-2.5deg)}to{transform:translate(-50%) rotate(2.5deg)}}@keyframes plant-grow{0%{transform:scaleY(.6);opacity:.4}}.drops{position:absolute;width:15px;height:3px;transform:translate(-50%);pointer-events:none}.drops i{position:absolute;top:0;width:3px;height:3px;background:var(--accent);animation:drop-fall .6s cubic-bezier(.5,0,.9,.5) forwards}.drops i:nth-child(1){left:0}.drops i:nth-child(2){left:6px;animation-delay:80ms}.drops i:nth-child(3){left:12px;animation-delay:.16s}@keyframes drop-fall{0%{transform:translateY(0);opacity:1}85%{opacity:1}to{transform:translateY(var(--fall));opacity:0}}.ghost{position:absolute;width:9px;height:3px;transform:translate(-50%);background:#7a5a3a;opacity:.35;pointer-events:none}.ghost.water{width:3px;height:6px;margin-bottom:-3px;background:var(--accent);opacity:.7}.cloud{position:absolute;pointer-events:none}.cloud svg{display:block}.shower{position:absolute;top:100%;left:0;right:0}.shower i{position:absolute;top:0;width:3px;height:6px;background:var(--accent);animation:drop-fall .7s cubic-bezier(.5,0,.9,.5) forwards}.garden-sun{position:absolute;top:.5rem;right:.5rem;display:flex;width:44px;height:44px;align-items:center;justify-content:center;padding:0;border:0;background:none}.garden-sun svg{display:block}.garden-sun-confirm{position:absolute;top:calc(.5rem + 44px);right:.5rem;padding:.2rem .5rem;border:1px solid var(--rule);background:var(--paper);color:var(--ink);font-family:var(--mono-font);font-size:var(--font-size-meta);white-space:nowrap;pointer-events:none}.garden-sun.is-spinning svg{animation:sun-spin .64s steps(8,end)}@keyframes sun-spin{to{transform:rotate(360deg)}}@media(hover:hover){.garden-sun:hover svg{transform:translateY(-3px)}}.sky-fade{position:absolute;inset:0 0 auto;color:var(--paper);pointer-events:none}.sky-fade svg{display:block}.sky-controls{position:absolute;top:.75rem;left:.75rem;z-index:2;display:flex;align-items:center;gap:1.25rem;padding:6px;border:1px solid var(--rule);background:var(--paper);cursor:default}.sky-group{display:flex;gap:12px}.sky-toggle{position:relative;display:flex;width:32px;height:32px;align-items:center;justify-content:center;padding:0;border:0;background:var(--card-surface)}.sky-toggle:after,.garden-camera:after{content:"";position:absolute;inset:-6px}.sky-toggle svg{display:block}.sky-toggle[data-pressed]{background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink)}@media(hover:hover){.sky-toggle:not([data-pressed]):hover{background:var(--card-surface-hover)}}.garden-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;padding-bottom:.75rem;font-size:var(--font-size-meta);color:var(--muted)}.garden-actions{display:flex;align-items:baseline;gap:1rem}.garden-count{font-variant-numeric:tabular-nums}.garden-actions button{padding:0;border:0;background:none;color:var(--ink);font:inherit;text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:.2em;cursor:pointer}@media(prefers-reduced-motion:reduce){.garden-sun.is-spinning svg,.plant.sways,.plant-art,.drops i{animation:none}}.doomed{opacity:.4}.camera-slot{cursor:default}.garden-camera{position:relative;display:flex;height:32px;align-items:center;gap:.55rem;padding:0 .8rem 0 .6rem;border:0;background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink);color:var(--ink);font:inherit;font-size:var(--font-size-body);white-space:nowrap}.garden-camera svg{display:block}@media(hover:hover){.garden-camera:hover{background:var(--card-surface)}}.is-photographing .plant,.is-photographing .plant-art{animation:none!important}.viewfinder{position:fixed;pointer-events:none;z-index:3}.viewfinder i{position:absolute;width:32px;height:32px;border:0 solid var(--ink);animation:frame-in .65s steps(5,end) forwards}.viewfinder i:nth-child(1){top:12px;left:12px;border-width:4px 0 0 4px;--from: -40px, -40px}.viewfinder i:nth-child(2){top:12px;right:12px;border-width:4px 4px 0 0;--from: 40px, -40px}.viewfinder i:nth-child(3){bottom:12px;left:12px;border-width:0 0 4px 4px;--from: -40px, 40px}.viewfinder i:nth-child(4){right:12px;bottom:12px;border-width:0 4px 4px 0;--from: 40px, 40px}@keyframes frame-in{0%{transform:translate(var(--from));opacity:0}40%{opacity:1}}.viewfinder.is-flash:after{content:"";position:absolute;inset:0;background:#fff;animation:flash .22s ease-out forwards}@keyframes flash{0%{opacity:.95}to{opacity:0}}.photo-backdrop{position:fixed;inset:0;z-index:80;background:#1c191773}.photo-popup{position:fixed;top:50%;left:50%;z-index:81;width:min(92vw,44rem);padding:4.5% 4.5% 0;background:#fbfaf7;--ink: #1c1917;--paper: #f5f2ec;--rule: #d6d0c7;--muted: #68635d;--accent: #0589a9;box-shadow:0 18px 40px #1c191759;transform:translate(-50%,-50%) rotate(-1.5deg);outline:none;animation:print-in .64s cubic-bezier(.2,.9,.3,1.05) both}@keyframes print-in{0%{transform:translate(-50%,60vh) rotate(4deg)}to{transform:translate(-50%,-50%) rotate(-1.5deg)}}.photo-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.photo-print{display:block;width:100%;height:auto;image-rendering:pixelated}.polaroid-bottom{display:grid;gap:.6rem;padding:1.1rem 0}.signature input{width:100%;padding:.2rem 0;border:0;border-bottom:1px dashed var(--rule);background:none;color:var(--ink);font-family:Bradley Hand,Segoe Script,Comic Sans MS,cursive;font-size:1.75rem;outline:none}.signature input::placeholder{color:#b5aea4}.signature input:focus-visible{border-bottom:1px solid var(--ink)}.polaroid-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.polaroid-date{display:grid;gap:.2rem;font-size:var(--font-size-meta);color:var(--muted)}.polaroid-capture{font-family:var(--mono-font);font-size:.6875rem;color:#9a938a}.photo-actions{display:flex;gap:.5rem}.photo-download,.photo-close{padding:.45rem .9rem;border:0;box-shadow:inset 0 0 0 1px var(--ink);font:inherit;font-size:var(--font-size-body);cursor:pointer}.photo-download{background:var(--ink);color:var(--paper)}.photo-close{background:none;color:var(--ink)}@media(prefers-reduced-motion:reduce){.photo-popup{animation:none}}