@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bricolage-grotesque-latin-400-normal-A6LyuA6R.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-400-normal-D89K-qEP.woff)format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/bricolage-grotesque-latin-700-normal-gtcctNPv.woff2)format("woff2"),url(/assets/bricolage-grotesque-latin-700-normal-DvJDmrLu.woff)format("woff")}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#faf7f0;--surface:#fff;--surface-muted:#f1ece1;--line:#e2dccd;--line-strong:#8f8672;--ink:#16190f;--ink-2:#454a3c;--leaf-800:#1b4a22;--leaf-700:#25632f;--leaf-100:#e2eeda;--on-leaf:#fff;--good-bg:#e2eeda;--good-fg:#1f5a29;--warn-bg:#fcefc7;--warn-fg:#5c4200;--warn-stripe:#f5dc8f;--error-bg:#fbe3df;--error-fg:#8a1f11;--soil-bg:#f3e5d3;--soil-fg:#5b3a1a;--fam-fruiting-bg:#f9d9d2;--fam-fruiting-fg:#7a1e10;--fam-cucurbit-bg:#fbe9b7;--fam-cucurbit-fg:#5f4500;--fam-legume-bg:#d3ede6;--fam-legume-fg:#0f5244;--fam-leafy-bg:#d9edcb;--fam-leafy-fg:#245016;--fam-root-bg:#f6dec6;--fam-root-fg:#6e3a0c;--fam-allium-bg:#e8ddf1;--fam-allium-fg:#4e2b6b;--fam-herb-bg:#e4eacb;--fam-herb-fg:#3f4a12;--px-grass:#3a7426;--px-grass-dark:#2f6420;--px-grass-light:#447f2e;--px-lawn:#76ad3f;--px-lawn-light:#9fd162;--px-title-accent:#e3f7a8;--px-grass-tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' shape-rendering='crispEdges'%3E%3Crect x='1' y='2' width='1' height='1' fill='%232f6420'/%3E%3Crect x='5' y='5' width='1' height='2' fill='%232f6420'/%3E%3Crect x='6' y='1' width='1' height='1' fill='%23447f2e'/%3E%3C/svg%3E");--px-title-ink:#1d3a12;--px-wood:#b77a43;--px-wood-light:#d39a5f;--px-wood-dark:#6e4422;--px-soil:#4b3121;--px-soil-light:#5f3f2b;--px-wall:#d7d2c8;--px-wall-line:#bdb6a8;--px-fence:#a3adb3;--px-fence-dark:#87929a;--px-ink:#2a1c10;--px-water:#4aa3df;--px-floor:#e7c99a;--text-caption:14px;--text-sm:16px;--text-body:18px;--text-h3:20px;--text-h2:24px;--text-h1:32px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-pill:999px;--shadow-card:0 4px 0 #1d3a122e;--shadow-press:0 4px 0 #1d3a12;--shadow-press-down:0 2px 0 #1d3a12;--shadow-bar:none;--border-ink:2px solid #2a1c10;--tap:48px;--tap-lg:56px;--font-ui:"Bricolage Grotesque", system-ui, -apple-system, sans-serif;--font-pixel:"Press Start 2P", ui-monospace, monospace;--weight-regular:400;--weight-bold:700;font-family:var(--font-ui);font-size:var(--text-body);color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.4}*{box-sizing:border-box}body{background:var(--paper);min-height:100dvh;margin:0}h1,h2,p{margin:0}h1{font-size:var(--text-h1);line-height:1.15;font-weight:var(--weight-bold);letter-spacing:-.02em}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.screen{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}.screen__body{gap:var(--space-24);padding:var(--space-16) var(--space-16) var(--space-32);flex-direction:column;flex:1;display:flex}.topbar{z-index:2;min-height:var(--tap-lg);padding:env(safe-area-inset-top) var(--space-8) 0;background:var(--paper);border-bottom:1px solid var(--line);align-items:center;display:flex;position:sticky;top:0}.back-button{align-items:center;gap:var(--space-4);min-height:var(--tap);padding:0 var(--space-12) 0 var(--space-4);border-radius:var(--radius-sm);font-weight:var(--weight-bold);color:var(--leaf-700);background:0 0;border:0;display:inline-flex}.back-button:active{background:var(--leaf-100)}.bottom-bar{z-index:2;gap:var(--space-8);padding:var(--space-12) var(--space-16) calc(var(--space-12) + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);box-shadow:var(--shadow-bar);flex-direction:column;display:flex;position:sticky;bottom:0}.bottom-bar__summary{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-2);text-align:center}.eyebrow{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-2)}.page-header{gap:var(--space-4);flex-direction:column;display:flex}.page-header__meta{color:var(--ink-2)}.summary{font-size:var(--text-h3);color:var(--ink-2)}.summary strong{color:var(--ink)}.section{gap:var(--space-8);flex-direction:column;display:flex}.section__title{font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}.section__note{margin-top:calc(var(--space-4) * -1);font-size:var(--text-sm);color:var(--ink-2)}.stack{gap:var(--space-16);flex-direction:column;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card--muted{background:var(--surface-muted);box-shadow:none}.card__header{align-items:center;gap:var(--space-8);width:100%;min-height:var(--tap-lg);padding:var(--space-8) var(--space-12) var(--space-8) var(--space-16);border:0;border-bottom:1px solid var(--line);background:var(--surface-muted);text-align:left;display:flex}.card__title{font-size:var(--text-h3);font-weight:var(--weight-bold);flex:1}.card__count{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-2)}.row{align-items:center;gap:var(--space-12);width:100%;min-height:72px;padding:var(--space-12) var(--space-12) var(--space-12) var(--space-16);border:0;border-top:1px solid var(--line);text-align:left;background:0 0;display:flex}.row:first-child{border-top:0}.row--plot{min-height:var(--tap-lg)}.row:active,.card__header:active{background:var(--leaf-100)}.row__text{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.row__title{font-weight:var(--weight-bold)}.row__meta{align-items:center;gap:var(--space-8);font-size:var(--text-sm);color:var(--ink-2);flex-wrap:wrap;display:flex}.row__hint{font-size:var(--text-sm);color:var(--ink-2)}.row__chevron{color:var(--ink-2);flex-shrink:0}.crop-mark{width:var(--tap);height:var(--tap);border-radius:var(--radius-md);background:var(--soil-bg);color:var(--soil-fg);font-size:var(--text-h3);font-weight:var(--weight-bold);flex-shrink:0;place-items:center;display:inline-grid}.crop-mark--lg{border-radius:var(--radius-lg);width:72px;height:72px;font-size:var(--text-h1)}.crop-mark[data-family=fruiting]{background:var(--fam-fruiting-bg);color:var(--fam-fruiting-fg)}.crop-mark[data-family=cucurbit]{background:var(--fam-cucurbit-bg);color:var(--fam-cucurbit-fg)}.crop-mark[data-family=legume]{background:var(--fam-legume-bg);color:var(--fam-legume-fg)}.crop-mark[data-family=leafy]{background:var(--fam-leafy-bg);color:var(--fam-leafy-fg)}.crop-mark[data-family=root]{background:var(--fam-root-bg);color:var(--fam-root-fg)}.crop-mark[data-family=allium]{background:var(--fam-allium-bg);color:var(--fam-allium-fg)}.crop-mark[data-family=herb]{background:var(--fam-herb-bg);color:var(--fam-herb-fg)}.state-pill,.tag{min-height:24px;padding:0 var(--space-8);border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:var(--weight-bold);white-space:nowrap;background:var(--soil-bg);color:var(--soil-fg);align-items:center;display:inline-flex}.state-pill[data-state=GROWING],.state-pill[data-state=PERENNIAL],.tag--good{background:var(--good-bg);color:var(--good-fg)}.state-pill[data-state=HARVESTING],.tag--warn{background:var(--warn-bg);color:var(--warn-fg)}.button{justify-content:center;align-items:center;gap:var(--space-8);min-height:var(--tap);padding:0 var(--space-16);border-radius:var(--radius-md);font-weight:var(--weight-bold);border:2px solid #0000;display:inline-flex}.button--primary{width:100%;min-height:var(--tap-lg);background:var(--leaf-700);color:var(--on-leaf);font-size:var(--text-h3)}.button--primary:active{background:var(--leaf-800)}.button--secondary{background:var(--surface);border-color:var(--leaf-700);color:var(--leaf-700)}.button--secondary:active{background:var(--leaf-100)}.button:disabled{background:var(--surface-muted);border-color:var(--line);color:var(--ink-2);cursor:not-allowed}.notice{align-items:flex-start;gap:var(--space-12);padding:var(--space-12) var(--space-16);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.notice svg{flex-shrink:0}.notice--good{background:var(--good-bg);color:var(--good-fg)}.notice--warn{background:var(--warn-bg);color:var(--warn-fg)}.notice--error{background:var(--error-bg);color:var(--error-fg)}.intro-card{gap:var(--space-8);padding:var(--space-24);border-radius:var(--radius-lg);background:var(--leaf-700);color:var(--on-leaf);flex-direction:column;display:flex}.intro-card h2{font-size:var(--text-h2);line-height:1.2}.empty{align-items:center;gap:var(--space-8);padding:var(--space-48) var(--space-24);border:2px dashed var(--line-strong);border-radius:var(--radius-lg);text-align:center;flex-direction:column;display:flex}.empty__icon{width:64px;height:64px;margin-bottom:var(--space-8);border-radius:var(--radius-pill);background:var(--soil-bg);color:var(--soil-fg);place-items:center;display:grid}.empty__title{font-size:var(--text-h3)}.empty__body{color:var(--ink-2)}.crop-hero{align-items:center;gap:var(--space-16);display:flex}.crop-hero__meta{align-items:center;gap:var(--space-8);margin-top:var(--space-8);color:var(--ink-2);flex-wrap:wrap;display:flex}.facts{margin:0;padding:0;list-style:none}.fact{align-items:center;gap:var(--space-12);min-height:64px;padding:var(--space-12) var(--space-16);border-top:1px solid var(--line);display:flex}.fact:first-child{border-top:0}.fact>svg{color:var(--leaf-700);flex-shrink:0}.fact__text{flex-direction:column;flex:1;display:flex}.fact__label{font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}.fact__value{font-weight:var(--weight-bold)}.field{gap:var(--space-12);border:0;flex-direction:column;margin:0;padding:0;display:flex}.field__label{font-size:var(--text-h3);font-weight:var(--weight-bold);padding:0}.field__hint{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-2)}.segmented{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.segmented__option{position:relative}.segmented__option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented__option span{min-height:var(--tap);border-radius:var(--radius-sm);font-weight:var(--weight-bold);color:var(--ink);place-items:center;display:grid}.segmented__option input:checked+span{background:var(--leaf-700);color:var(--on-leaf);box-shadow:var(--shadow-card)}.segmented__option input:focus-visible+span{outline:3px solid var(--ink);outline-offset:2px}.date-field{gap:var(--space-8);flex-direction:column;display:flex}.date-field input,.note-form textarea{width:100%;min-height:var(--tap-lg);padding:var(--space-12) var(--space-16);border:2px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);font-size:var(--text-body)}.date-field input{appearance:none;min-width:0;display:block}.date-field input::-webkit-date-and-time-value{text-align:left}.date-field input:focus,.note-form textarea:focus{border-color:var(--leaf-700);box-shadow:0 0 0 3px var(--leaf-100);outline:none}.sticky-head{z-index:2;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0}.sticky-head .topbar{border-bottom:0;position:static}.finder{padding:0 var(--space-16) var(--space-12)}.search{align-items:center;margin:0;display:flex;position:relative}.search__icon{left:var(--space-12);color:var(--ink-2);pointer-events:none;position:absolute}.search__input{width:100%;min-width:0;min-height:var(--tap);padding:0 var(--space-48) 0 var(--space-48);border:2px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-size:var(--text-body);appearance:none}.search__input::placeholder{color:var(--ink-2)}.search__input::-webkit-search-cancel-button{-webkit-appearance:none}.search__input:focus{border-color:var(--leaf-700);box-shadow:0 0 0 3px var(--leaf-100);outline:none}.search__clear{width:var(--tap);border-radius:var(--radius-md);height:100%;color:var(--ink-2);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;right:0}.search__clear:active{color:var(--ink)}.chips{--fade-left:0px;--fade-right:0px;gap:var(--space-8);margin:calc(var(--space-4) * -1) calc(var(--space-16) * -1) calc(var(--space-8) * -1);padding:var(--space-4) var(--space-16) var(--space-8);scroll-padding-inline:var(--space-16);scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent);display:flex;overflow-x:auto}.chips[data-more-left]{--fade-left:var(--space-32)}.chips[data-more-right]{--fade-right:var(--space-48)}.chips::-webkit-scrollbar{display:none}.chip{align-items:center;gap:var(--space-8);min-height:var(--tap);padding:0 var(--space-16);border:2px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-bold);white-space:nowrap;flex:none;display:inline-flex}.chip--collection{border-color:var(--leaf-700);color:var(--leaf-700)}.chip--add{border-style:dashed;border-color:var(--line-strong);box-shadow:none;color:var(--ink-2);background:0 0}.chip[data-family]:before{content:"";width:14px;height:14px;box-shadow:inset 0 0 0 2px var(--chip-fg);background:var(--chip-bg);border-radius:4px}.chip[data-family=fruiting]{--chip-bg:var(--fam-fruiting-bg);--chip-fg:var(--fam-fruiting-fg)}.chip[data-family=cucurbit]{--chip-bg:var(--fam-cucurbit-bg);--chip-fg:var(--fam-cucurbit-fg)}.chip[data-family=legume]{--chip-bg:var(--fam-legume-bg);--chip-fg:var(--fam-legume-fg)}.chip[data-family=leafy]{--chip-bg:var(--fam-leafy-bg);--chip-fg:var(--fam-leafy-fg)}.chip[data-family=root]{--chip-bg:var(--fam-root-bg);--chip-fg:var(--fam-root-fg)}.chip[data-family=allium]{--chip-bg:var(--fam-allium-bg);--chip-fg:var(--fam-allium-fg)}.chip[data-family=herb]{--chip-bg:var(--fam-herb-bg);--chip-fg:var(--fam-herb-fg)}.chip[aria-pressed=true]{border-color:var(--leaf-700);background:var(--leaf-700);box-shadow:none;color:var(--on-leaf)}.chip:active{background:var(--leaf-100)}.chip[aria-pressed=true]:active{background:var(--leaf-800)}.finder__status{justify-content:space-between;align-items:center;gap:var(--space-12);margin-top:calc(var(--space-12) * -1);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ink-2);display:flex}.text-button{min-height:var(--tap);padding:0 var(--space-8);margin-right:calc(var(--space-8) * -1);color:var(--leaf-700);font-size:var(--text-body);font-weight:var(--weight-bold);text-underline-offset:3px;background:0 0;border:0;text-decoration:underline}.text-field{gap:var(--space-8);flex-direction:column;display:flex}.text-field input{width:100%;min-width:0;min-height:var(--tap-lg);padding:0 var(--space-16);border:2px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-size:var(--text-body)}.text-field input:focus{border-color:var(--leaf-700);box-shadow:0 0 0 3px var(--leaf-100);outline:none}.check{width:32px;height:32px;margin-right:var(--space-4);border:2px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--on-leaf);flex-shrink:0;place-items:center;display:grid}.row--check[aria-checked=true]{background:var(--leaf-100)}.row--check[aria-checked=true] .check{border-color:var(--leaf-700);background:var(--leaf-700)}.button--danger{border-color:var(--error-fg);color:var(--error-fg);background:0 0;align-self:flex-start}.button--danger:active{background:var(--error-bg)}.progress-card{gap:var(--space-12);padding:var(--space-16);flex-direction:column;display:flex}.progress-card__top{justify-content:space-between;align-items:baseline;gap:var(--space-8);flex-wrap:wrap;display:flex}.progress-card__day{font-size:var(--text-h2);font-weight:var(--weight-bold)}.progress-card__range,.progress-card__status{font-size:var(--text-sm);color:var(--ink-2)}.progress-card__status{font-weight:var(--weight-bold);color:var(--ink)}.progress{border-radius:var(--radius-pill);background:var(--surface-muted);border:1px solid var(--line);height:16px;position:relative;overflow:hidden}.progress__window{background:repeating-linear-gradient(-45deg, var(--warn-bg) 0 6px, var(--warn-stripe) 6px 12px);position:absolute;top:0;bottom:0}.progress__fill{border-radius:var(--radius-pill);background:var(--leaf-700);min-width:8px;position:absolute;top:0;bottom:0;left:0}.note-form{gap:var(--space-12);padding:var(--space-16);flex-direction:column;display:flex}.note-form textarea{resize:vertical;min-height:104px;line-height:1.4}.note-form textarea::placeholder{color:var(--ink-2);opacity:1}.note-form__footer{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.note-form__status{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--good-fg)}.timeline{margin:0;padding:0;list-style:none}.timeline__item{gap:var(--space-12);padding-bottom:var(--space-16);display:flex;position:relative}.timeline__item:before{content:"";background:var(--line);width:2px;position:absolute;top:32px;bottom:0;left:15px}.timeline__item:last-child:before{display:none}.timeline__dot{border-radius:var(--radius-pill);background:var(--surface);border:2px solid var(--line);width:32px;height:32px;color:var(--ink-2);flex-shrink:0;place-items:center;display:grid}.timeline__item[data-type=planted] .timeline__dot{background:var(--leaf-700);border-color:var(--leaf-700);color:var(--on-leaf)}.timeline__content{min-width:0;padding-top:var(--space-4);flex:1}.timeline__title{font-weight:var(--weight-bold)}.timeline__note{white-space:pre-wrap;overflow-wrap:anywhere}.timeline__date{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--ink-2)}.app-header{z-index:3;grid-template-columns:var(--tap) minmax(0, 1fr) var(--tap);min-height:var(--tap-lg);padding:env(safe-area-inset-top) var(--space-8) 0;background:var(--paper);border-bottom:1px solid var(--line);align-items:center;display:grid;position:sticky;top:0}.app-header--grass{min-height:72px;padding-top:calc(var(--space-12) + env(safe-area-inset-top));background:0 0;border-bottom:0;align-items:start;position:relative}.app-header--grass .icon-button{margin-top:var(--menu-offset,0px);color:#fff}.app-header--grass .icon-button:active{background:#ffffff26}.app-header__title{justify-content:center;min-width:0;display:flex}.app-header__text{font-size:var(--text-h3);font-weight:var(--weight-bold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.icon-button{width:var(--tap);height:var(--tap);border-radius:var(--radius-md);color:var(--ink);background:0 0;border:0;place-items:center;display:grid}.icon-button:active{background:var(--leaf-100)}.logo{align-items:center;gap:var(--space-8);display:inline-flex}.logo svg{max-width:100%;height:auto;display:block}.menu{background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0}.menu::backdrop{background:#16190f73}.menu__panel{gap:var(--space-24);width:min(320px,86vw);height:100%;padding:calc(var(--space-8) + env(safe-area-inset-top)) var(--space-16) calc(var(--space-24) + env(safe-area-inset-bottom));background:var(--paper);flex-direction:column;display:flex;overflow-y:auto;box-shadow:8px 0 32px #16190f33}.menu[open] .menu__panel{animation:.2s ease-out menu-in}@keyframes menu-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.menu__top{justify-content:space-between;align-items:center;gap:var(--space-8);margin:calc((var(--space-8) + env(safe-area-inset-top)) * -1) calc(var(--space-16) * -1) 0;padding:calc(var(--space-12) + env(safe-area-inset-top)) var(--space-8) var(--space-12) var(--space-16);background-color:var(--px-grass);background-image:var(--px-grass-tile);image-rendering:pixelated;background-size:32px 32px;display:flex}.menu__list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.menu__link{align-items:center;gap:var(--space-16);width:100%;min-height:var(--tap-lg);padding:0 var(--space-16);border-radius:var(--radius-md);font-size:var(--text-h3);font-weight:var(--weight-bold);text-align:left;background:0 0;border:0;display:flex}.menu__link svg{color:var(--leaf-700)}.menu__link[aria-current=page]{background:var(--leaf-100);color:var(--leaf-800)}.menu__link:active{background:var(--leaf-100)}.menu__mascot{align-items:center;gap:var(--space-16);padding:var(--space-16);border-radius:var(--radius-lg);background:var(--surface-muted);font-size:var(--text-sm);color:var(--ink-2);margin-top:auto;display:flex}.menu__dog{flex-shrink:0;animation:.9s steps(2,end) infinite bop}.screen--garden,.grass{background-color:var(--px-grass);background-image:var(--px-grass-tile);image-rendering:pixelated;background-size:32px 32px}.garden{gap:var(--space-16)}.garden__status{align-items:center;gap:var(--space-8);border:2px solid var(--px-ink);border-radius:var(--radius-pill);background:var(--surface);min-height:44px;box-shadow:0 4px 0 var(--px-title-ink);font-size:19px;font-weight:var(--weight-bold);color:var(--px-ink);align-self:center;padding:0 20px;display:inline-flex}.garden__status-dot{background:var(--px-water);width:10px;height:10px;animation:1.2s steps(2,end) infinite blink}.garden__hint{text-align:center;color:#fff}.yard{gap:var(--space-12);padding:var(--space-8) 0 var(--space-16);grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);display:grid;position:relative}.yard__side{gap:var(--space-8);grid-template-columns:16px minmax(0,1fr) 12px;display:grid}.yard__house{border:3px solid var(--px-ink);background:repeating-linear-gradient(to bottom, var(--px-wall) 0 10px, var(--px-wall-line) 10px 12px);flex-direction:column;justify-content:space-around;align-items:center;display:flex}.yard__window{border:3px solid var(--px-ink);background:linear-gradient(#bfe3f5 0 50%,#9fd0ea 50% 100%);width:8px;height:18px}.yard__fence{border:3px solid var(--px-ink);background:repeating-linear-gradient(to right, var(--px-fence) 0 4px, var(--px-fence-dark) 4px 6px)}.yard__beds{align-items:center;gap:var(--space-16);padding:var(--space-16) 0 var(--space-8);flex-direction:column;display:flex}.bed{aspect-ratio:15/8;border:3px solid var(--px-ink);background:var(--px-wood);width:100%;box-shadow:inset 0 4px 0 var(--px-wood-light), inset 0 -4px 0 var(--px-wood-dark), 0 4px 0 #2a1c1059;border-radius:4px;padding:0;transition:transform .12s steps(2,end);display:block;position:relative}.bed__soil{border:2px solid var(--px-wood-dark);background-color:var(--px-soil);background-image:radial-gradient(var(--px-soil-light) 1px, transparent 1.5px);background-size:8px 8px;justify-content:center;align-items:center;display:flex;position:absolute;inset:8px}.bed:active,.spot:active{transform:translateY(3px)}.bed:focus-visible,.spot:focus-visible{outline:3px solid var(--surface);outline-offset:3px}.sign{z-index:1;border:2px solid var(--px-ink);background:var(--px-floor);box-shadow:0 2px 0 var(--px-ink);font-family:var(--font-pixel);color:var(--px-ink);text-align:center;text-transform:uppercase;border-radius:2px;width:max-content;max-width:calc(100% - 8px);padding:2px 8px;font-size:12px;line-height:1.35;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plants{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:4px 6px;max-width:100%;display:flex}.plants__more{font-family:var(--font-pixel);color:var(--surface);font-size:10px}.yard__spots{justify-content:space-between;gap:var(--space-16);padding:var(--space-16) 0 var(--space-8);flex-direction:column;display:flex}.spot{justify-content:center;align-items:center;gap:var(--space-4);min-height:80px;padding:var(--space-8) var(--space-4) var(--space-16);border:3px solid var(--px-ink);background:var(--px-lawn);box-shadow:inset 0 4px 0 var(--px-lawn-light), 0 4px 0 #2a1c1059;border-radius:4px;flex-direction:column;flex:1;transition:transform .12s steps(2,end);display:flex;position:relative}.spot[data-kind=tray]{background:var(--px-floor);box-shadow:inset 0 4px #f3dcb6,0 4px #2a1c1059}.spot[data-kind=pot],.spot[data-kind=bag]{background:#c9c1b3;box-shadow:inset 0 4px #ddd6ca,0 4px #2a1c1059}.spot .sign{top:auto;bottom:-12px}.patch{z-index:2;pointer-events:none;will-change:transform;transition-property:transform;transition-timing-function:linear;position:absolute;top:0;left:0}.patch__flip{position:relative}.patch-sprite{--s:4px;--cs:4px;position:relative}.patch__body{z-index:1;width:calc(16 * var(--s));height:calc(14 * var(--s));filter:drop-shadow(0 3px #2a1c1059);position:relative}.patch__frame{display:block;position:absolute;inset:0}.patch__frame--b{visibility:hidden}.patch-sprite[data-mode=walk] .patch__frame--a{animation:.28s step-end infinite frame-a}.patch-sprite[data-mode=walk] .patch__frame--b{animation:.28s step-end infinite frame-b}.patch-sprite[data-mode=water] .patch__body,.patch-sprite[data-mode=rest] .patch__body{animation:.7s steps(2,end) infinite bop}.patch-sprite[data-mode=rest] .patch__body{animation-duration:1.4s}.patch__can{top:calc((var(--mouth-y,4) + .5) * var(--s) - 3 * var(--cs));left:calc(var(--can-x,15) * var(--s));transform-origin:0 100%;display:none;position:absolute;transform:rotate(28deg)}.patch-sprite[data-mode=water] .patch__can{display:block}.patch__drops{top:calc(4.5 * var(--cs));left:calc(7.5 * var(--cs));position:absolute}.patch__drops i{width:calc(1.05 * var(--cs));height:calc(1.05 * var(--cs));background:var(--px-water);animation:.6s steps(4,end) infinite drop;position:absolute}.patch__drops i:nth-child(2){left:calc(1.4 * var(--cs));animation-delay:.2s}.patch__drops i:nth-child(3){left:calc(-1.05 * var(--cs));animation-delay:.4s}@keyframes frame-a{0%{visibility:visible}50%{visibility:hidden}}@keyframes frame-b{0%{visibility:hidden}50%{visibility:visible}}@keyframes bop{0%{transform:translateY(0)}to{transform:translateY(calc(-1.5 * var(--s,4px)))}}@keyframes drop{0%{opacity:1;transform:rotate(-28deg)translateY(0)}to{transform:rotate(-28deg) translateY(calc(4.5 * var(--cs,4px)));opacity:0}}@keyframes blink{0%{opacity:1}to{opacity:.2}}@media (prefers-reduced-motion:reduce){.patch,.patch-sprite *,.menu__dog,.garden__status-dot,.menu[open] .menu__panel{transition:none!important;animation:none!important}}.row__icon{width:var(--tap);height:var(--tap);border-radius:var(--radius-md);background:var(--leaf-100);color:var(--leaf-700);flex-shrink:0;place-items:center;display:grid}.topbar,.app-header,.sticky-head{background-color:var(--px-grass);background-image:var(--px-grass-tile);image-rendering:pixelated;background-size:32px 32px;border-bottom:0}.sticky-head .topbar{background:0 0}.back-button,.app-header .icon-button,.app-header__text{color:#fff}.back-button:active,.app-header .icon-button:active{background:#ffffff26}.app-header--grass{background:0 0}.sticky-head .search__input{border-color:var(--px-title-ink);box-shadow:0 3px 0 var(--px-title-ink)}.card{border:var(--border-ink);box-shadow:var(--shadow-card)}.card--muted{border-color:var(--line-strong);box-shadow:none}.row,.card__header{border-width:2px}.button{border:var(--border-ink);box-shadow:var(--shadow-press);transition:transform 80ms steps(2,end),box-shadow 80ms steps(2,end)}.button:active{box-shadow:var(--shadow-press-down);transform:translateY(2px)}.button--secondary{border-color:#2a1c10}.button--danger{border-color:var(--error-fg);box-shadow:0 4px 0 var(--error-fg)}.button:disabled{border-color:var(--line-strong);box-shadow:none;transform:none}.chip{border-radius:var(--radius-md);border-color:#2a1c10;box-shadow:0 3px #1d3a124d}.chip[aria-pressed=true]{box-shadow:none;border-color:#2a1c10;transform:translateY(2px)}.chip--add{border-color:var(--line-strong);box-shadow:none}.search__input,.date-field input,.note-form textarea,.text-field input{border:var(--border-ink);border-radius:var(--radius-md)}.segmented{border:var(--border-ink)}.crop-mark{border:var(--border-ink);border-radius:var(--radius-md);font-family:var(--font-pixel);font-size:16px;font-weight:var(--weight-regular)}.crop-mark--lg{font-size:24px}.state-pill,.tag{border-radius:var(--radius-sm);border:2px solid}.notice{border:2px solid}.bottom-bar{border-top:0}.row__icon{border:var(--border-ink);border-radius:var(--radius-md)}.empty__patch{margin-bottom:var(--space-8)}.hero{gap:var(--space-16);padding:var(--space-8) var(--space-16) var(--space-24);color:#fff;flex-direction:column;display:flex}.hero h1{color:#fff}.hero .eyebrow,.hero__meta{color:var(--px-title-accent);font-weight:var(--weight-bold)}.hero__scene{justify-content:center;align-items:flex-end;gap:var(--space-8);min-height:128px;padding-top:var(--space-16);display:flex;position:relative}.hero .bed{flex:none;width:200px}.hero .spot{flex:none;width:150px}.hero__patch{flex:none;width:104px;height:84px;margin-bottom:-4px;position:relative}.hero__patch .patch-sprite{position:absolute;bottom:0;right:4px}.hero__plant{border:3px solid var(--px-ink);border-radius:var(--radius-sm);background-color:var(--px-soil);background-image:radial-gradient(var(--px-soil-light) 1px, transparent 1.5px);width:120px;height:104px;box-shadow:inset 0 4px 0 var(--px-soil-light), 0 4px 0 #2a1c1059;background-size:8px 8px;place-items:end center;padding-bottom:8px;display:grid}.hero .state-pill{border-color:var(--px-title-ink)}.empty__icon{border:var(--border-ink);border-radius:var(--radius-md)}.menu__mascot{border:var(--border-ink);box-shadow:var(--shadow-card)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar__action{margin-left:auto}.topbar .icon-button{color:#fff}.topbar .icon-button:active{background:#ffffff26}.hero--plot{padding-top:0}.hero--plot .hero__scene{min-height:0;padding-top:var(--space-24);gap:var(--space-4)}.hero--plot .bed,.hero--plot .spot{flex:1;width:auto;max-width:300px}.hero--plot .spot{min-height:150px}.screen__body>.empty:only-child{margin-block:auto}.sheet{background:0 0;border:0;width:100%;max-width:480px;max-height:92dvh;margin:auto auto 0;padding:0}.sheet::backdrop{background:#16190f73}.sheet[open] .sheet__panel{animation:.2s ease-out sheet-in}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet__panel{border:var(--border-ink);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--paper);border-bottom:0;flex-direction:column;max-height:92dvh;display:flex;overflow:hidden}.sheet__top{min-height:var(--tap-lg);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-16);justify-content:space-between;align-items:center;display:flex}.sheet__top .icon-button{color:#fff}.sheet__title{font-size:var(--text-h3);color:#fff}.sheet__body{gap:var(--space-24);padding:var(--space-16);flex-direction:column;display:flex;overflow-y:auto}.size-fields{align-items:end;gap:var(--space-8);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.size-fields__by{padding-bottom:var(--space-16);font-weight:var(--weight-bold);color:var(--ink-2)}.sheet__notes{width:100%;min-height:120px;padding:var(--space-12) var(--space-16);border:var(--border-ink);border-radius:var(--radius-md);background:var(--surface);font-size:var(--text-body);resize:vertical}.sheet__notes:focus{border-color:var(--leaf-700);box-shadow:0 0 0 3px var(--leaf-100);outline:none}.sheet__actions{gap:var(--space-12);padding:var(--space-12) var(--space-16) calc(var(--space-16) + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;display:grid}@media (prefers-reduced-motion:reduce){.sheet[open] .sheet__panel{animation:none}}.bubble{z-index:3;border:var(--border-ink);border-radius:var(--radius-md);background:var(--surface);width:max-content;max-width:180px;box-shadow:0 3px 0 var(--px-title-ink);font-size:var(--text-caption);font-weight:var(--weight-bold);color:var(--ink);text-align:center;padding:6px 10px;line-height:1.3;animation:.24s steps(3,end) bubble-in;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.bubble:after{content:"";background:var(--px-ink);clip-path:polygon(0 0,100% 0,100% 25%,75% 25%,75% 50%,50% 50%,50% 75%,25% 75%,25% 0);width:12px;height:8px;position:absolute;top:100%;left:calc(50% - 6px)}.bubble[data-align=left]{left:0;transform:none}.bubble[data-align=left]:after{left:16px}.bubble[data-align=right]{left:auto;right:0;transform:none}.bubble[data-align=right]:after{left:auto;right:16px}@keyframes bubble-in{0%{opacity:0;margin-bottom:-6px}to{opacity:1;margin-bottom:0}}.mascot-preview{justify-content:flex-end;align-items:center;gap:var(--space-12);min-height:200px;padding:var(--space-48) var(--space-16) var(--space-16);border:var(--border-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.mascot-preview__name{border:2px solid var(--px-ink);background:var(--px-floor);box-shadow:0 2px 0 var(--px-ink);font-family:var(--font-pixel);color:var(--px-ink);text-transform:uppercase;border-radius:2px;padding:2px 10px;font-size:10px;line-height:1.6}.animal-grid{gap:var(--space-12);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.animal{justify-content:flex-end;align-items:center;gap:var(--space-8);min-height:112px;padding:var(--space-12) var(--space-4);border:var(--border-ink);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:relative}.animal[aria-checked=true]{border-color:var(--leaf-700);background:var(--leaf-100);box-shadow:0 0 0 3px var(--leaf-700)}.animal:active{transform:translateY(2px)}.animal__label{font-size:var(--text-sm);font-weight:var(--weight-bold)}.animal__tick{border-radius:var(--radius-sm);background:var(--leaf-700);width:24px;height:24px;color:var(--on-leaf);place-items:center;display:grid;position:absolute;top:6px;right:6px}.settings__status{min-height:1.4em;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--good-fg)}.empty__icon--grass{width:88px;height:104px;padding-top:var(--space-8)}@media (prefers-reduced-motion:reduce){.bubble{animation:none}}.patch__frame,.patch__can>svg{filter:drop-shadow(1px 0 #000)drop-shadow(-1px 0 #000)drop-shadow(0 1px #000)drop-shadow(0 -1px #000)}.patch__drops i{outline:1px solid #000}.plant-icon{line-height:0;display:inline-block;position:relative}.plant-icon svg{display:block}.plant-icon__count{border-radius:var(--radius-sm);background:var(--surface);min-width:18px;font-family:var(--font-pixel);color:var(--ink);text-align:center;border:2px solid #000;padding:2px 3px;font-size:8px;line-height:1;position:absolute;bottom:-4px;right:-6px}.plants__more{border-radius:var(--radius-sm);background:var(--surface);font-family:var(--font-pixel);color:var(--ink);border:2px solid #000;align-self:center;padding:3px 4px;font-size:8px;line-height:1}.yard .bed__soil{padding-left:var(--space-8);justify-content:flex-start}.plants--ghost{opacity:.32;filter:grayscale(.5)}.dev-tab{left:8px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:50;border:var(--border-ink);border-radius:var(--radius-md);background:var(--surface);min-height:44px;box-shadow:0 3px 0 var(--px-title-ink);font-family:var(--font-pixel);text-transform:uppercase;color:var(--ink);opacity:.85;align-items:center;gap:6px;padding:0 12px;font-size:8px;display:inline-flex;position:fixed}.dev-tab[data-sandbox=on]{opacity:1;background:#f5c542}.dev-sheet .sheet__body{gap:var(--space-16)}.dev-switch{align-items:center;gap:var(--space-12);width:100%;min-height:var(--tap-lg);padding:var(--space-8) var(--space-12);border:var(--border-ink);border-radius:var(--radius-md);background:var(--surface);text-align:left;display:flex}.dev-switch__text{flex-direction:column;flex:1;display:flex}.dev-switch__label{font-weight:var(--weight-bold)}.dev-switch__note,.dev-option__note{font-size:var(--text-caption);color:var(--ink-2)}.dev-switch__track{border:var(--border-ink);border-radius:var(--radius-sm);background:var(--surface-muted);flex:none;width:52px;height:30px;position:relative}.dev-switch__thumb{background:var(--ink-2);border-radius:2px;width:20px;height:20px;transition:transform .12s steps(2,end);position:absolute;top:3px;left:3px}.dev-switch[aria-checked=true] .dev-switch__track{background:var(--leaf-700)}.dev-switch[aria-checked=true] .dev-switch__thumb{background:#fff;transform:translate(22px)}.dev-options{gap:var(--space-8);flex-direction:column;display:flex}.dev-option{min-height:var(--tap);padding:var(--space-8) var(--space-12);border:var(--border-ink);border-radius:var(--radius-md);background:var(--surface);text-align:left;flex-direction:column;align-items:flex-start;display:flex}.dev-option[aria-checked=true]{background:var(--leaf-100);box-shadow:0 0 0 3px var(--leaf-700)}.dev-option__label{font-weight:var(--weight-bold)}.dev-reset{margin-top:var(--space-8)}.dev-select{width:100%;min-height:var(--tap);padding:0 var(--space-12);border:var(--border-ink);border-radius:var(--radius-md);background:var(--surface);font-size:var(--text-body)}.sidebar,.garden__panel{display:none}@media (width>=768px) and (height>=600px){.screen{max-width:960px}.screen--garden{max-width:none}.garden{align-items:start;gap:var(--space-32);width:100%;max-width:1100px;padding-inline:var(--space-24);grid-template-columns:auto minmax(0,1fr);margin:0 auto;display:grid}.garden__scene{gap:var(--space-16);flex-direction:column;width:clamp(340px,min(48vw,60dvh - 120px),560px);display:flex}.garden__panel{top:var(--space-16);gap:var(--space-16);max-height:calc(100dvh - var(--space-32));padding:var(--space-16);border:var(--border-ink);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:sticky;overflow-y:auto}.garden__panel-title{font-size:var(--text-h3)}.card--grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.card--grid>.row:nth-child(2){border-top:0}.card--grid>.row:nth-child(2n){border-left:2px solid var(--line)}.animal-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.sheet{max-width:520px;margin:auto}.sheet__panel{border-bottom:var(--border-ink);border-radius:var(--radius-lg)}.sheet__actions{padding-bottom:var(--space-16)}}@media (width>=1024px) and (height>=600px){.screen--split{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,5fr) minmax(0,6fr);max-width:none;display:grid}.screen--split .hero--plot .bed,.screen--split .hero--plot .spot{max-width:420px}.screen--split>.screen__body,.screen--split>.bottom-bar{width:100%;max-width:640px}.screen--split>.topbar{grid-column:1/-1}.screen--split>.hero{top:var(--tap-lg);min-height:calc(100dvh - var(--tap-lg));padding:var(--space-32);grid-area:2/1/span 2;justify-content:center;align-self:start;position:sticky}.screen--split>.screen__body{padding:var(--space-32);grid-area:2/2}.screen--split>.bottom-bar{grid-area:3/2}}@media (width>=1200px) and (height>=600px){.shell{grid-template-columns:280px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{border-right:var(--border-ink);background:var(--paper);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__top{padding:var(--space-24) var(--space-16);justify-content:center;margin:0}.sidebar__body{gap:var(--space-24);padding:var(--space-16);flex-direction:column;flex:1;display:flex}.app-header>.icon-button:first-child{visibility:hidden}.screen--garden .app-header{display:none}.screen--garden .garden{padding-top:var(--space-32)}.screen{max-width:1100px}.screen--garden,.screen--split{max-width:none}}@media (height<=599px),(width<=767px){.garden__scene{width:100%;max-width:480px;margin:0 auto}}