html:has(.tree-workshop){overflow-x:hidden}html:has(.tree-workshop) body{overflow-x:hidden}.tree-workshop{color:#40372e;background:#f7f1e5;min-height:100dvh}.tree-layout{flex-direction:column;gap:12px;height:100dvh;min-height:100dvh;padding:18px 24px 12px;display:flex}.tree-layout>header{flex:none}.tree-main{flex:1 0 280px;grid-template-rows:minmax(220px,1fr) auto auto;justify-items:center;gap:8px;min-height:280px;display:grid}.tree-stage-frame{width:100%;height:100%;min-height:220px;position:relative}.tree-grove-stage{position:absolute;inset:0}.tree-grove-stage canvas{touch-action:none;outline-offset:-4px;width:100%;height:100%;display:block}.tree-grove-stage canvas:focus-visible{outline:2px solid #a87b46}.tree-loading{color:#84725e;place-items:center;height:100%;font-size:14px;display:grid}.tree-morph-toggle{color:#67492e;cursor:pointer;background:#fffaf0;border:1px solid #d8c5a6;border-radius:30px;padding:10px 25px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;box-shadow:0 3px #ddc9aa55}.tree-morph-toggle:hover{background:#f2e4cd;transform:translateY(-1px)}.tree-morph-toggle:disabled{opacity:.55;cursor:default}.tree-mode-hint{text-align:center;color:#8d7d6b;margin:0;font-size:11px}.tree-garden-controls,.tree-layout>form{flex:none;width:min(100%,860px);margin-inline:auto}.tree-garden-controls{align-items:center}.tree-season-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tree-season-controls>span{display:none}.tree-layout>form{box-shadow:none;background:#fffaf2c4;border-color:#d8c9b6;margin-top:0}.tree-layout .tree-extra-field{display:none}.tree-layout [data-options=true] .tree-extra-field{display:block}.tree-layout [data-options=true] label.tree-extra-field{display:flex}.tree-layout [data-testid=link-stats]{max-width:330px;box-shadow:none;padding:10px 14px}.tree-workshop[data-scan=true] [data-testid=link-stats]{display:none}.tree-analytics[open]{max-height:160px;overflow-y:auto}.tree-layout>p{text-align:center;margin:0;font-size:10px}.tree-layout button:focus-visible,.tree-layout a:focus-visible,.tree-layout summary:focus-visible{outline-offset:3px;outline:2px solid #986332}.tree-qr-fallback canvas{object-fit:contain;width:auto;max-width:100%;height:auto;min-height:0;max-height:100%}@media (max-width:767px){.tree-layout{gap:10px;height:auto;min-height:100dvh;padding:12px 14px}.tree-main{flex-shrink:0;flex-basis:auto;height:max(280px,100dvh - 350px)}.tree-layout header>div>a{white-space:nowrap;padding:10px}.tree-layout header>a{gap:6px}.tree-layout header>a span span:last-child{display:none}.tree-garden-controls{align-items:center}.tree-season-controls{justify-content:center;gap:6px}.tree-layout [data-testid=link-stats]{width:100%;max-width:none}.tree-layout [data-testid=plant-form]{grid-template-columns:minmax(0,1fr);margin-top:0;padding:10px}.tree-layout [data-testid=plant-form]>*{grid-column:1/-1}.tree-layout [data-testid=plant-form]>div{justify-content:center}.tree-form-note,.tree-layout>p{display:none}.tree-season-controls button{min-height:30px}}@media (max-height:700px) and (min-width:768px){.tree-layout{height:auto}.tree-main{flex:none;height:350px}}@media (prefers-reduced-motion:reduce){.tree-workshop *,.tree-workshop :before{transition:none!important}}.forest-market{color:#34402f;background:#edf0e2;flex-direction:column;gap:18px;height:100dvh;min-height:100dvh;padding:22px 28px 14px;display:flex}.forest-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.forest-brand{align-items:center;gap:10px;display:flex}.forest-brand strong{font-size:17px;font-weight:600;display:block}.forest-brand span span{color:#77816a;margin-top:3px;font-size:11px;display:block}.forest-header>p{text-align:center;font-size:18px;font-weight:500;line-height:1.3}.forest-header>p span{color:#7b826c;font-size:12px;font-weight:400}.forest-plant,.forest-open{color:#f9f9ef;background:#405d3e;border-radius:24px;padding:11px 20px;font-size:13px}.forest-filters{scrollbar-width:thin;flex:none;align-items:center;gap:6px;padding-bottom:3px;display:flex;overflow-x:auto}.forest-filters button{cursor:pointer;background:#f8f9f080;border:1px solid #cfd6c3;border-radius:24px;flex-shrink:0;padding:8px 13px;font-size:11px}.forest-filters button[aria-pressed=true]{color:#34502c;background:#dce6c9;border-color:#83986a}.forest-body{flex:1 0 430px;gap:18px;min-height:0;display:flex}.forest-view{flex:1;min-width:0;min-height:380px;position:relative}.forest-canvas{position:absolute;inset:0 0 30px}.forest-canvas canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.forest-hint{bottom:0;text-align:center;color:#7e8772;pointer-events:none;font-size:11px;position:absolute;inset-inline:0}.forest-state{text-align:center;color:#7e8772;width:100%;font-size:14px;position:absolute;top:45%}.forest-panel{background:#fafbf3e8;border:1px solid #d6ddcb;border-radius:22px;flex:0 0 265px;align-self:center;padding:18px}.forest-panel-heading{color:#828b76;justify-content:space-between;margin-bottom:18px;font-size:10px;display:flex}.forest-live{color:#6f884a}.forest-live:before{content:"";vertical-align:middle;background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.forest-chooser{color:#828b76;font-size:10px;display:block}.forest-chooser select{color:#46573c;background:0 0;border:1px solid #d8dfcf;border-radius:9px;width:100%;margin-top:5px;padding:7px;font-size:12px}.forest-stage-label{color:#86976e;margin-top:20px;font-size:10px}.forest-panel h1{overflow-wrap:anywhere;margin-top:4px;font-size:18px;font-weight:500}.forest-short-url{color:#859071;overflow-wrap:anywhere;margin-top:4px;font-size:11px}.forest-visits{align-items:baseline;gap:7px;margin-top:15px;display:flex}.forest-visits strong{letter-spacing:-1px;font-size:36px;font-weight:500;line-height:1.1}.forest-visits span{color:#7c876e;font-size:11px}.forest-growth-copy{color:#849075;margin-top:7px;font-size:11px;line-height:1.6}.forest-selected-qr{width:152px;height:152px;margin:20px auto 0}.forest-selected-qr canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.forest-scan-label{text-align:center;color:#88917d;margin-top:6px;font-size:10px}.forest-open{text-align:center;margin-top:18px;display:block}.forest-footer{color:#859078;justify-content:space-between;align-items:center;gap:15px;padding-left:52px;font-size:10px;display:flex}.forest-footer>div{align-items:center;gap:14px;display:flex}.forest-footer select{color:#4c6042;background:0 0;border:1px solid #cfd8c2;border-radius:8px;padding:5px}.forest-fallback{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;max-height:100%;padding:15px 0 40px;display:grid;overflow:auto}.forest-fallback button{text-align:left;cursor:pointer;background:#f8faef;border:1px solid #d5deca;border-radius:15px;width:100%;overflow:hidden}.forest-fallback svg{aspect-ratio:1.15;width:100%}.forest-fallback span,.forest-fallback small{padding:0 10px 8px;font-size:12px;display:block}.forest-fallback small{color:#849175;font-size:10px}.forest-market :is(button,a,select,canvas):focus-visible{outline-offset:4px;outline:2px solid #8b9e5a}@media (max-width:767px){.forest-market{gap:14px;height:auto;padding:14px}.forest-header{gap:8px}.forest-header>p{display:none}.forest-brand strong{font-size:15px}.forest-plant{white-space:nowrap;padding:10px 14px;font-size:12px}.forest-body{flex-direction:column;flex-basis:auto;gap:12px}.forest-view{flex:none;height:max(340px,48dvh)}.forest-filters button{min-height:38px}.forest-panel{flex-basis:auto;align-self:stretch;padding:16px}.forest-panel-heading{margin-bottom:12px}.forest-panel article{grid-template-columns:minmax(0,1fr) 128px;column-gap:14px;display:grid}.forest-panel article>*{grid-column:1}.forest-stage-label{margin-top:14px}.forest-panel h1{font-size:16px}.forest-visits{margin-top:10px}.forest-visits strong{font-size:30px}.forest-selected-qr{grid-row:1/6;width:128px;height:128px;margin-top:14px;grid-column:2!important}.forest-scan-label{grid-row:6;margin-top:0;grid-column:2!important}.forest-open{margin-top:14px;grid-column:1/-1!important}.forest-growth-copy{margin-top:4px;font-size:10px}.forest-footer{align-items:flex-start;padding-left:44px}.forest-footer>p{display:none}.forest-footer>div{justify-content:space-between;width:100%}}@media (max-height:720px) and (min-width:768px){.forest-market{height:auto}.forest-body{flex-basis:530px}}