:root{--paper:#e8eddd;--panel:#fbfcf6;--ink:#1b2a1f;--muted:#566558;--line:#cdd6bf;--moss:#1c3a29;--moss-soft:#cfe0cc;--leaf:#2d6a3d;--beet:#a1295f;--beet-soft:#f6dce8;--rust:#a6341f;--marigold:#ff9f1c;--focus:#ff9f1c;--sheet-shadow:0 -8px 24px #1c3a2924;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}h1,h2,h3{letter-spacing:-.01em;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app{flex-direction:column;height:100dvh;display:flex}.splash{text-align:center;min-height:100dvh;color:var(--muted);place-content:center;gap:8px;padding:24px;display:grid}.topbar{padding:6px 8px 6px 14px;padding-top:calc(6px + env(safe-area-inset-top));background:var(--moss);color:#eef4e8;align-items:center;gap:10px;display:flex}.brand{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:17px;font-weight:700;overflow:hidden}.top-actions{align-items:center;gap:2px;display:flex}.topbar .icon-btn{color:#eef4e8}.topbar .icon-btn:hover:not(:disabled){background:#ffffff1f}.sync{color:var(--moss-soft);align-items:center;gap:6px;margin-right:4px;font-size:13px;display:inline-flex}.sync:before{content:"";background:#8fd19e;border-radius:50%;width:8px;height:8px}.sync.saving:before{background:var(--marigold)}.sync.offline:before{background:#ff8fbd}.main{flex:auto;min-height:0;position:relative}.garden-view,.tasks-view{height:100%}.garden-view{flex-direction:column;display:flex}.tasks-view{background:var(--panel);overflow-y:auto}.tabs{display:flex}.tabs button{background:0 0;border:0;justify-content:center;align-items:center;gap:6px;font-weight:600;display:inline-flex;position:relative}.tabs .badge{background:var(--beet);color:#fff;text-align:center;border-radius:10px;min-width:20px;padding:0 6px;font-size:12px;line-height:20px}.tabs-top{gap:4px;display:none}.tabs-top button{color:var(--moss-soft);border-radius:999px;padding:7px 14px}.tabs-top button.on{color:#fff;background:#ffffff29}.tabs-bottom{border-top:1px solid var(--line);background:var(--panel);padding-bottom:env(safe-area-inset-bottom)}.tabs-bottom button{min-height:54px;color:var(--muted);border-top:3px solid #0000;flex:1}.tabs-bottom button.on{color:var(--leaf);border-top-color:var(--beet)}.stage{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex;position:relative}.canvas-wrap{background:#d9e2ca;flex:auto;min-height:0;position:relative;overflow:hidden}.canvas{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100%;display:block}.canvas:active{cursor:grabbing}.canvas.drawing{cursor:crosshair}.el{cursor:move}.handle{cursor:pointer}.zoom-controls{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-direction:column;display:flex;position:absolute;top:10px;right:10px;overflow:hidden;box-shadow:0 2px 8px #1c3a2926}.zoom-controls button{background:0 0;border:0;width:40px;height:40px;font-size:20px}.zoom-controls button+button{border-top:1px solid var(--line)}.scale-bar{color:var(--muted);pointer-events:none;align-items:flex-end;gap:8px;font-size:12px;display:flex;position:absolute;bottom:12px;left:12px}.scale-line{border:2px solid var(--muted);border-top:0;height:7px}.canvas-empty{text-align:center;max-width:420px;color:var(--muted);pointer-events:none;place-content:center;gap:6px;margin:0 auto;padding:24px;display:grid;position:absolute;inset:0}.draw-hint{background:var(--moss);color:#eef4e8;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:14px;display:flex;position:absolute;top:10px;left:10px;right:62px}.draw-hint button{color:#fff;background:0 0;border:1px solid #ffffff59;border-radius:8px;flex:none;padding:6px 12px}.palette{scrollbar-width:none;background:var(--panel);border-top:1px solid var(--line);flex:none;gap:6px;padding:8px 10px;display:flex;overflow-x:auto}.palette::-webkit-scrollbar{display:none}.palette button{border:1px solid var(--line);background:var(--panel);white-space:nowrap;border-radius:10px;flex:none;align-items:center;gap:6px;min-height:40px;padding:0 12px;display:inline-flex}.palette button.on{background:var(--moss);border-color:var(--moss);color:#fff}.side{background:var(--panel);max-height:44%;box-shadow:var(--sheet-shadow);border-radius:16px 16px 0 0;flex:none;overflow-y:auto}.insp-head{z-index:2;background:var(--panel);border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:8px 8px 8px 14px;display:flex;position:sticky;top:0}.insp-icon{font-size:20px}.name-input{background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:1;min-width:0;padding:6px 4px;font-size:17px;font-weight:700}.name-input:hover{border-bottom-color:var(--line)}.name-input:focus{border-bottom-color:var(--leaf);outline:none}.insp-body{gap:16px;padding:14px 14px 24px;display:grid}.insp-section{gap:10px;display:grid}.insp-section h3,.modal-card h3,.task-group h3{font-size:15px}.geometry{gap:10px;display:grid}.readout{flex-direction:column;flex:1;justify-content:flex-end;gap:3px;padding-bottom:8px;display:flex}.rotate-row{align-items:flex-end}.field,.num{flex-direction:column;gap:3px;min-width:0;display:flex}.field>span,.num-label{color:var(--muted);font-size:13px}.field.grow{flex:2}.field-row{align-items:flex-end;gap:10px;display:flex}.field-row>*{flex:1;min-width:0}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:8px 10px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--leaf);outline:none;box-shadow:0 0 0 3px #2d6a3d33}textarea{resize:vertical}.num{position:relative}.num input{width:100%;padding-right:30px}.num-suffix{color:var(--muted);pointer-events:none;position:absolute;bottom:9px;right:10px}.check-row{align-items:flex-start;gap:10px;font-size:14px;display:flex}.check-row input{width:20px;height:20px;accent-color:var(--leaf);margin:2px 0 0}.check-row small{color:var(--muted);font-size:13px;display:block}.form-error{color:var(--rust);margin:0;font-weight:600}.hint{color:var(--muted);margin:0;font-size:14px}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-primary,.btn-quiet,.btn-danger{border-radius:10px;min-height:40px;padding:0 16px;font-weight:600}.btn-primary{background:var(--leaf);color:#fff;border:0}.btn-quiet{border:1px solid var(--line);background:#fff}.btn-danger{color:var(--rust);background:#fff;border:1px solid #e3b9b0}button:disabled{opacity:.45;cursor:default}.icon-btn{background:0 0;border:0;border-radius:10px;flex:none;width:38px;height:38px;font-size:18px;line-height:1}.icon-btn:hover:not(:disabled){background:#1c3a2914}.plant-list{margin:0;padding:0;list-style:none}.plant{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr 38px;grid-template-areas:"emoji name remove"".meta meta";align-items:center;gap:4px 8px;padding:8px 0;display:grid}.plant-emoji{text-align:center;grid-area:emoji;font-size:22px}.plant-name{grid-area:name;font-weight:600}.plant>.icon-btn{grid-area:remove}.plant-meta{grid-area:meta;gap:8px;display:flex}.plant-qty{flex-direction:row;flex:0 0 96px;align-items:center;gap:6px}.plant-qty .num-label{font-size:15px}.plant-qty input{padding-right:10px}.plant-date{flex:1}.tasks-page{gap:18px;max-width:640px;margin:0 auto;padding:16px 16px 40px;display:grid}.page-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.page-head h2{font-size:22px}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px}.task-form{gap:10px;display:grid}.task-group{gap:4px;display:grid}.task-group h3{border-bottom:2px solid var(--ink);align-items:center;gap:8px;padding-bottom:6px;display:flex}.task-group.overdue h3{color:var(--beet);border-bottom-color:var(--beet)}.task-group.finished h3{color:var(--muted);border-bottom-color:var(--line)}.count{background:var(--ink);color:#fff;text-align:center;border-radius:11px;min-width:22px;padding:0 7px;font-size:12px;line-height:22px}.overdue .count{background:var(--beet)}.task-list{margin:0;padding:0;list-style:none}.task{border-bottom:1px solid var(--line)}.task-line{align-items:center;gap:10px;padding:6px 0;display:flex}.check{border:2px solid var(--leaf);color:#fff;background:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:16px;font-weight:700;display:grid}.check:hover{background:#e3f0e4}.task.done .check{background:var(--leaf)}.task-text{text-align:left;background:0 0;border:0;flex:1;gap:1px;min-width:0;padding:4px 0;display:grid}.task-title{font-weight:600}.task-meta{color:var(--muted);font-size:13px}.task.overdue .task-meta{color:var(--beet);font-weight:700}.task.done .task-title{color:var(--muted);font-weight:500;text-decoration:line-through}.task-edit{gap:10px;padding:4px 0 14px 40px;display:grid}.empty{color:var(--muted);gap:4px;padding:28px 8px;display:grid}.empty p{margin:0}.empty-title{color:var(--ink);font-size:18px;font-weight:700}.modal{z-index:20;background:#14241a8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{background:var(--panel);border-radius:16px;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;max-width:480px;max-height:calc(100dvh - 32px);padding:18px;display:grid;overflow-y:auto}.toast{left:50%;bottom:calc(76px + env(safe-area-inset-bottom));z-index:30;background:var(--moss);color:#fff;border-radius:12px;align-items:center;gap:14px;max-width:calc(100vw - 24px);padding:10px 10px 10px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #00000040}.toast button{color:var(--marigold);background:0 0;border:0;border-radius:8px;flex:none;padding:6px 10px;font-weight:700}.login{background:var(--moss);place-items:center;min-height:100dvh;padding:20px;display:grid}.login-card{background:var(--panel);border-radius:16px;gap:14px;width:100%;max-width:360px;padding:24px;display:grid}.login-card p{color:var(--muted);margin:0}.login-mark{font-size:36px;line-height:1}.login-card .legal-links{flex-wrap:wrap;gap:4px 16px;font-size:13px;display:flex}.legal-links a{color:var(--muted)}@media (width>=800px){.tabs-top{display:flex}.tabs-bottom{display:none}.topbar{padding-left:18px}.brand{flex:0 auto;max-width:38%}.tabs-top{margin-left:18px;margin-right:auto}.garden-view{flex-direction:row}.side{border-left:1px solid var(--line);width:390px;height:100%;max-height:none;box-shadow:none;border-radius:0}.toast{bottom:24px}.draw-hint{width:max-content;max-width:calc(100% - 140px);left:50%;right:auto;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.shape-row{gap:8px;display:grid}.seg{border:1px solid var(--line);background:#fff;border-radius:10px;justify-self:start;display:inline-flex;overflow:hidden}.seg button{min-height:36px;color:var(--muted);background:0 0;border:0;padding:0 14px;font-weight:600}.seg button+button{border-left:1px solid var(--line)}.seg button[aria-pressed=true]{background:var(--moss-soft);color:var(--moss)}.hint-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.draw-hint .seg-dark{background:0 0;border-color:#ffffff59}.draw-hint .seg-dark button{color:#ffffffbf;border:0;border-radius:0;min-height:0;padding:6px 12px}.draw-hint .seg-dark button+button{border-left:1px solid #ffffff59}.draw-hint .seg-dark button[aria-pressed=true]{color:#fff;background:#fff3}.draw-hint .hint-done{background:var(--marigold);border-color:var(--marigold);color:var(--moss);font-weight:700}.draw-hint{flex-wrap:wrap}.insp-title{flex:1;min-width:0;margin:0;font-size:17px}.hint-distance{align-items:center;gap:6px;font-weight:600;display:inline-flex}.hint-distance input{border-color:#ffffff73;width:84px;padding:6px 8px}.draw-hint form,form.draw-hint{margin:0}input[type=range]{accent-color:var(--leaf);background:0 0;border:0;padding:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hint-distance input{color:var(--ink);background:#fff;font-size:16px}.label-grip{cursor:move}.label-row{align-items:flex-end}.plant-editor{gap:10px;margin:0;padding:0;list-style:none;display:grid}.plant-entry{border:1px solid var(--line);background:#fff;border-radius:10px;gap:8px;padding:10px;display:grid}.plant-entry-head{align-items:center;gap:8px;display:flex}.plant-entry-emoji{text-align:center;width:3.2em}.plant-entry-name{flex:1;font-weight:600}.plant-entry-fields{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:end;gap:8px;display:grid}.plant-variety{flex:1;min-width:0}.compass{touch-action:none;cursor:grab;filter:drop-shadow(0 1px 2px #1c3a2940);border-radius:50%;width:52px;height:52px;position:absolute;bottom:34px;left:10px}.compass:active{cursor:grabbing}.compass svg{width:100%;height:100%;display:block}.zoom-controls button.on{background:#ffe7b0}.sun-panel{background:var(--panel);border-radius:12px;gap:6px;width:min(420px,100% - 24px);padding:10px 12px;display:grid;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #1c3a2933}.sun-panel p{margin:0}.sun-panel-row{align-items:center;gap:10px;display:flex}.sun-panel-row select{flex:1}.sun-clock{font-variant-numeric:tabular-nums;font-size:18px}.advice{gap:14px;max-width:720px;margin:0 auto;padding:16px;display:grid}.advice h2{margin:0}.advice-form{gap:10px;display:grid}.advice-summary{margin:0 0 10px;font-size:16px;font-weight:600}.advice-list{gap:10px;margin:0 0 10px;padding:0;list-style:none;display:grid}.advice-item{border:1px solid var(--line);background:#fff;border-radius:12px;gap:6px;padding:12px 14px;display:grid}.advice-item h3,.advice-item p{margin:0}.advice-cat{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.link-btn{color:var(--leaf);font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.map-modal{z-index:30}.map-card{grid-template-rows:auto auto auto 1fr auto auto;grid-template-columns:minmax(0,1fr);max-width:760px;height:calc(100dvh - 32px)}.map-search{gap:8px;display:flex}.map-search input{flex:1}.map-tools{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.map-box{border:1px solid var(--line);border-radius:12px;min-height:240px;overflow:hidden}.map-pin span{background:var(--beet);border:3px solid #fff;border-radius:50% 50% 50% 0;width:24px;height:24px;position:absolute;top:0;left:3px;transform:rotate(-45deg);box-shadow:0 2px 6px #00000073}.map-pin span:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:6px}.btn-link{color:inherit;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.btn-google{color:#1f1f1f;background:#fff;border:1px solid #c9ced6;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn-google:hover{background:#f6f8fa}.brand-btn{max-width:100%;color:inherit;font:inherit;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;margin-left:-8px;padding:4px 8px;display:inline-flex;overflow:hidden}.brand-btn:hover{background:#ffffff1f}.brand-caret{opacity:.8;font-size:.7em}.garden-list,.member-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.garden-item{border:1px solid var(--line);text-align:left;background:#fff;border-radius:10px;gap:2px;width:100%;padding:10px 12px;display:grid}.garden-item.on{border-color:var(--leaf);box-shadow:inset 3px 0 0 var(--leaf)}.garden-item-name{font-weight:700}.garden-item-meta,.account-row small,.member small{color:var(--muted);font-size:13px;display:block}.account-row,.member{align-items:center;gap:10px;min-width:0;display:flex}.account-row .grow,.member .grow{overflow-wrap:anywhere;flex:1;min-width:0}.avatar{background:var(--moss-soft);object-fit:cover;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.role-chip{background:var(--moss-soft);color:var(--moss);border-radius:999px;flex:none;padding:2px 8px;font-size:12px;font-weight:700}.invite-link{border:1px dashed var(--leaf);border-radius:10px;gap:6px;padding:10px;display:grid}.readonly-bar{background:var(--moss-soft);color:var(--moss);text-align:center;padding:8px 12px;font-size:14px}fieldset.insp-body{border:0;min-width:0;margin:0}