:root{--green-dark:#24513a;--green:#2f6b47;--green-soft:#e3efe4;--green-muted:#b9d6c2;--cream:#f7f1e6;--orange:#e0854f;--orange-soft:#fbe6d3;--orange-text:#b05a22;--red:#c24b3b;--red-soft:#f5d2cc;--red-text:#9a2e1e;--amber:#d89a34;--amber-soft:#f5e0c4;--amber-text:#8a5a22;--ink:#1f2a21;--muted:#758071;--card-shadow:0 1px 2px #0000000d}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Figtree,-apple-system,sans-serif}#root{flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;display:flex}.serif{font-family:Instrument Serif,serif}.hdr{background:var(--green-dark);padding:calc(18px + env(safe-area-inset-top)) 20px 18px}.hdr h1{color:#fff;margin:0;font-family:Instrument Serif,serif;font-size:32px;font-weight:400}.hdr .sub{color:var(--green-muted);margin-top:2px;font-size:13px}.hdr .search{color:#fff;background:#ffffff24;border:none;border-radius:14px;width:100%;margin-top:14px;padding:12px 14px;font-family:inherit;font-size:15px}.hdr .search::placeholder{color:#cfe3d6}.content{padding:16px 18px calc(84px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;display:flex;overflow:auto}.card{box-shadow:var(--card-shadow);background:#fff;border-radius:14px;padding:12px 14px}.card-title{font-size:14px;font-weight:700}.row{align-items:center;gap:12px;display:flex}.thumb{background:repeating-linear-gradient(45deg,#ede4d0,#ede4d0 8px,#e2d6bc 8px 16px);border-radius:12px;flex-shrink:0;width:48px;height:48px}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px}.badge{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:10.5px;font-weight:700}.badge-good{background:var(--green-soft);color:var(--green)}.badge-warn{background:var(--amber-soft);color:var(--amber-text)}.badge-bad{background:var(--red-soft);color:var(--red-text)}.badge-unknown{color:var(--muted);border:1.5px dashed #c7d6ca;font-weight:600}.btn{text-align:center;cursor:pointer;border:none;border-radius:14px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:700}.btn-primary{background:var(--green);color:#fff}.btn-orange{background:var(--orange);color:#fff}.btn-orange-soft{background:var(--orange-soft);color:var(--orange-text)}.btn-outline{color:var(--ink);background:0 0;border:1.5px solid #0003;font-weight:600}.btn:disabled{opacity:.5}.input,select.input,textarea.input{width:100%;color:var(--ink);background:#fff;border:1.5px solid #ddd3c0;border-radius:14px;padding:13px 14px;font-family:inherit;font-size:15px}.input:focus{outline:2px solid var(--green);border-color:#0000}.input-sm{padding:8px 10px;font-size:14px}.splash{background:var(--green-dark);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;min-height:100dvh;padding:32px;display:flex}.brand{color:var(--cream);font-family:Instrument Serif,serif;font-size:44px;font-style:italic}.ghost-btn{color:#9fc2ac;cursor:pointer;text-align:center;background:0 0;border:none;font-family:inherit;font-size:13px}.tabbar{width:100%;max-width:520px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #eee6d6;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar a{text-align:center;color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 0 8px;font-size:10.5px;font-weight:600;text-decoration:none;display:flex}.tabbar a.active{color:var(--green)}.tabbar svg{width:24px;height:24px}.plant-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.plant-card{color:inherit;background:#fff;border-radius:16px;text-decoration:none;overflow:hidden;box-shadow:0 1px 3px #0000000f}.plant-card .ph{background:repeating-linear-gradient(45deg,#ede4d0,#ede4d0 8px,#e2d6bc 8px 16px);height:84px}.plant-card .body{padding:10px}.task-accent{border-radius:3px;flex-shrink:0;width:6px;height:34px}.task-check{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:26px;height:26px}.care-grid{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.care-cell{background:var(--green-soft);text-align:center;border-radius:14px;padding:12px 10px}.care-cell .k{color:var(--green);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.care-cell .v{margin-top:5px;font-size:12.5px;line-height:1.3}.kv{justify-content:space-between;align-items:center;display:flex}.kv .k{color:var(--muted);font-size:13.5px}.kv .v{font-size:13.5px;font-weight:600}.hero{background:repeating-linear-gradient(45deg,#ede4d0,#ede4d0 12px,#e2d6bc 12px 24px);height:200px}.notice{background:var(--orange-soft);color:#7a4a24;border-radius:14px;padding:13px 14px;font-size:13.5px;line-height:1.5}.notice-green{background:var(--green-soft);color:var(--green)}.toggle{cursor:pointer;background:#cfc7b5;border:none;border-radius:999px;width:42px;height:25px;transition:background .15s;position:relative}.toggle.on{background:var(--green)}.toggle:after{content:"";background:#fff;border-radius:50%;width:21px;height:21px;transition:left .15s;position:absolute;top:2px;left:2px}.toggle.on:after{left:19px}.muted{color:var(--muted)}.small{font-size:12px}.italic{font-style:italic}.center{text-align:center}.err{color:var(--red);font-size:13px}