:root{--green:#0a8f49;--green2:#16a34a;--green3:#eaf8ef;--ink:#172033;--muted:#64748b;--line:#dce8e1;--cream:#fffaf0;--orange:#f59e0b;--blue:#1685d8;--shadow:0 12px 34px rgba(15,56,33,.10)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#eef7f1;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}.app{width:min(100%,460px);min-height:100vh;margin:auto;background:#fff;box-shadow:var(--shadow);padding-bottom:84px}.topbar{height:72px;display:flex;align-items:center;gap:11px;padding:10px 16px;background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #eef4f0}.logo{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#2ec56f,#087b3d);font-size:24px;box-shadow:0 5px 16px rgba(10,143,73,.22)}.brand strong{display:block;font-size:17px}.brand span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.hamb{margin-left:auto;border:0;background:#f2f7f4;border-radius:12px;width:40px;height:40px;font-size:20px}.homeHero{position:relative;height:360px;background:linear-gradient(180deg,rgba(5,50,28,.05),rgba(5,50,28,.74)),url('farm.jpg') center/cover no-repeat;padding:26px 22px;color:white;display:flex;flex-direction:column;justify-content:flex-end}.homeHero h1{font-size:44px;line-height:.98;margin:0 0 13px;letter-spacing:-1px}.homeHero p{font-size:20px;line-height:1.25;margin:0 0 22px}.scan{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#0a8f49,#21ae5e);padding:14px 16px;border-radius:15px;font-weight:750;box-shadow:0 8px 24px rgba(0,0,0,.18)}.wrap{padding:18px 16px}.sectionTitle{font-size:22px;margin:6px 0 14px}.landGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.landCard{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 5px 14px rgba(32,73,51,.07)}.landCard img{width:100%;height:132px;object-fit:cover;display:block}.landCard div{padding:11px 12px 14px}.landCard b{display:block;font-size:15px}.landCard small{color:var(--muted)}.about{margin-top:20px;border-radius:18px;background:#f8fbf9;border:1px solid var(--line);padding:16px}.about ul{padding-left:20px;margin:10px 0 0}.about li{margin:8px 0}.quote{margin:18px -16px -18px;min-height:180px;background:linear-gradient(180deg,rgba(7,69,38,.12),rgba(7,69,38,.78)),url('farm.jpg') center 70%/cover;color:#fff;display:flex;align-items:end;padding:24px;font-family:Georgia,serif;font-style:italic;font-size:25px;line-height:1.12}.hero{height:310px;position:relative;background:linear-gradient(180deg,rgba(4,46,27,.08),rgba(3,43,24,.76)),var(--hero) center/cover no-repeat;color:#fff;padding:20px 18px;display:flex;flex-direction:column;justify-content:flex-end}.hero h1{font-size:38px;line-height:1;margin:6px 0}.hero .latin{font-size:17px;font-style:italic;opacity:.95}.badge{position:absolute;right:16px;top:16px;background:rgba(255,255,255,.92);color:#173b27;padding:9px 12px;border-radius:14px;font-weight:800;text-align:center}.badge small{font-weight:600}.status{display:inline-flex;align-items:center;gap:6px;width:max-content;padding:6px 10px;border-radius:999px;background:#dff8e8;color:#08743b;font-size:12px;font-weight:800}.summaryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:-32px;position:relative;z-index:5}.metric{background:#fff;border:1px solid var(--line);border-radius:15px;padding:10px 6px;text-align:center;box-shadow:0 6px 20px rgba(22,70,43,.08)}.metric b{display:block;font-size:16px}.metric small{font-size:10px;color:var(--muted)}.card{margin:15px 0;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 18px rgba(20,70,43,.05);overflow:hidden}.cardHead{padding:14px 15px;background:linear-gradient(180deg,#fff,#fbfdfc);display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.cardHead i{font-style:normal;font-size:25px}.cardHead h2{font-size:18px;margin:0}.cardBody{padding:13px 15px}.infoRow{display:grid;grid-template-columns:42% 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #edf2ef;font-size:13px}.infoRow:last-child{border-bottom:0}.infoRow span{color:var(--muted)}.infoRow b{font-weight:700}.harvest{margin:13px 0;padding:14px;border-radius:15px;background:linear-gradient(135deg,#eefbef,#e2f7e9);border:1px solid #bfe8cd;display:flex;justify-content:space-between;align-items:center}.harvest strong{font-size:23px;color:#08743b}.desc{font-size:14px;line-height:1.55;color:#334155}.sensorGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sensor{border:1px solid var(--line);border-radius:13px;padding:11px;background:#fafcfb}.sensor b{display:block;margin-top:4px}.progressbar{height:12px;border-radius:999px;background:#e5efe9;overflow:hidden}.progressbar>div{height:100%;background:linear-gradient(90deg,#2ba960,#0b8e48);border-radius:inherit}.timeline{display:flex;flex-direction:column;gap:10px}.event{display:grid;grid-template-columns:70px 48px 1fr;gap:9px;border:1px solid var(--line);border-radius:13px;padding:10px;background:#fff}.event .date{font-size:12px;font-weight:800}.event .hst{width:40px;height:40px;border-radius:12px;background:#e9f7ee;color:#08743b;display:grid;place-items:center;font-weight:900;font-size:12px}.event p{margin:0;font-size:13px;line-height:1.4}.event.active{background:#ebf9ee;border-color:#bce3c9}.careTable{display:flex;flex-direction:column;gap:9px}.care{border-radius:14px;border:1px solid var(--line);padding:11px;background:#fff}.careTop{display:flex;justify-content:space-between;gap:10px}.careTop b{font-size:13px}.careTop span{font-size:11px;color:var(--muted)}.care p{font-size:12px;line-height:1.45;margin:7px 0 0}.pill{display:inline-block;border-radius:999px;padding:5px 9px;background:#e8f7ed;color:#08743b;font-size:11px;font-weight:800}.empty{padding:20px;border:1px dashed #b9cfc1;border-radius:15px;text-align:center;color:var(--muted);background:#fbfdfc}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gallery img{width:100%;height:82px;object-fit:cover;border-radius:12px}.actionGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action{border-radius:15px;padding:14px;background:#f2faf5;border:1px solid #cde8d6;font-size:12px;font-weight:750}.cta{display:flex;justify-content:center;align-items:center;text-decoration:none;color:#fff;background:linear-gradient(135deg,#16a34a,#07853f);padding:15px;border-radius:14px;font-weight:850;margin-top:12px}.notice{font-size:12px;color:#5d6f65;padding:12px;border-radius:13px;background:#fff8e8;border:1px solid #f5d78c}.tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,460px);height:74px;background:#fff;border-top:1px solid var(--line);display:flex;z-index:40;padding-bottom:max(6px,env(safe-area-inset-bottom));box-shadow:0 -6px 20px rgba(20,60,40,.08)}.tabs button{flex:1;border:0;background:transparent;font-size:10px;color:#607268;padding:7px 1px}.tabs button i{display:block;font-style:normal;font-size:20px;margin-bottom:2px}.tabs button.active{color:#08743b;font-weight:850}.page{display:none}.page.active{display:block}.footerNote{padding:14px 16px 4px;text-align:center;color:#849087;font-size:11px}.qrbox{display:flex;align-items:center;gap:14px}.qrbox img{width:100px;height:100px;border:1px solid var(--line);border-radius:12px}.qrbox p{font-size:12px;color:var(--muted);line-height:1.4}.chiprow{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}@media(min-width:700px){body{padding:16px 0}.app{border-radius:24px;overflow:hidden;min-height:calc(100vh - 32px)}.tabs{bottom:16px;border-radius:0 0 24px 24px}}