:root{
  --forest:#153A2B;--forest2:#214D39;--green:#3E8059;--lime:#D9F3C3;--cream:#F5F6F2;
  --card:#fff;--border:#E1E7DE;--muted:#738078;--text:#183229;--sky:#5F93AA;
  --gold:#B6914B;--orange:#C98442;--red:#B85C52;--shadow:0 16px 44px rgba(12,43,29,.12);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:var(--text);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--cream);min-height:100%;overscroll-behavior-y:none}
body{min-height:100vh;min-height:100dvh}
button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.eyebrow{font-size:10px;font-weight:900;letter-spacing:1.4px;color:var(--green)}.eyebrow.light{color:#BBD5C4}
.install-gate{min-height:100vh;min-height:100dvh;background:var(--forest);position:relative;overflow:hidden;color:#fff}
.ambient{position:fixed;border-radius:50%;filter:blur(1px);pointer-events:none}.ambient-a{width:310px;height:310px;background:rgba(139,198,119,.16);right:-120px;top:-90px;animation:breathe 5s ease-in-out infinite}.ambient-b{width:220px;height:220px;border:1px solid rgba(217,243,195,.13);left:-100px;bottom:40px;animation:float 5s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(1.15);opacity:.72}}@keyframes float{50%{transform:translateY(-16px)}}
.install-shell{width:min(100%,520px);margin:auto;padding:max(20px,env(safe-area-inset-top)) 22px calc(26px + env(safe-area-inset-bottom));position:relative;z-index:2}
.brand-row{display:flex;gap:11px;align-items:center}.brand-mark{width:44px;height:44px;border-radius:15px;background:var(--lime);color:var(--forest);font-weight:950;display:grid;place-items:center;font-size:20px}.brand-name{font-size:15px;font-weight:950;letter-spacing:2px}.brand-sub{font-size:9px;color:rgba(255,255,255,.55);margin-top:2px}
.install-hero{padding-top:26px}.install-art{height:270px;display:grid;place-items:center;position:relative}.phone{width:142px;height:270px;background:#111;border-radius:34px;padding:7px;box-shadow:0 35px 70px rgba(0,0,0,.35);transform:rotate(3deg);animation:phoneFloat 4.5s ease-in-out infinite}.phone-screen{height:100%;border-radius:27px;background:linear-gradient(155deg,#194431,#2E6849 42%,#F3F4EF 42%);padding:15px;position:relative;overflow:hidden}.dynamic-island{position:absolute;width:54px;height:14px;border-radius:999px;background:#090909;top:11px;left:50%;transform:translateX(-50%);z-index:3}.mini-top{display:flex;justify-content:space-between;color:white;font-size:6px;font-weight:900;letter-spacing:1px;margin-top:14px}.mini-dot{width:6px;height:6px;border-radius:50%;background:#8ADB92}.mini-score{width:68px;height:68px;border:1px solid rgba(217,243,195,.45);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:18px auto 12px;color:#fff}.mini-score strong{font-size:22px;color:var(--lime)}.mini-score small{font-size:4.5px;letter-spacing:.7px}.mini-card{height:40px;border-radius:12px;background:#fff;margin-top:10px;box-shadow:0 6px 15px rgba(0,0,0,.08)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.mini-grid i{height:39px;border-radius:10px;background:#fff}.mini-nav{position:absolute;left:9px;right:9px;bottom:8px;height:25px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:space-around}.mini-nav b{width:7px;height:7px;border-radius:50%;background:#BBC9BE}.mini-nav b:first-child{background:var(--green)}
.float-leaf{position:absolute;color:var(--lime);font-size:40px;opacity:.65}.leaf-one{right:22%;top:45px;animation:float 4s ease-in-out infinite}.leaf-two{left:20%;bottom:30px;transform:rotate(160deg);animation:float 4.7s ease-in-out infinite reverse}@keyframes phoneFloat{50%{transform:translateY(-10px) rotate(1deg)}}
.install-copy-wrap{text-align:center;margin-top:2px}.install-copy-wrap .eyebrow{color:#BBD5C4}.install-copy-wrap h1{font-size:35px;line-height:1.03;letter-spacing:-1.3px;margin:7px 0 10px}.install-copy-wrap p{font-size:12px;line-height:18px;color:rgba(255,255,255,.67);max-width:390px;margin:auto}
.install-benefits{margin:22px 0 14px;display:grid;gap:8px}.benefit{display:flex;gap:11px;align-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:11px;border-radius:16px}.benefit>span{width:35px;height:35px;border-radius:12px;background:rgba(217,243,195,.11);display:grid;place-items:center;color:var(--lime);font-size:18px}.benefit b{display:block;font-size:11px}.benefit small{display:block;color:rgba(255,255,255,.54);font-size:9px;margin-top:2px;line-height:13px}
.install-button,.primary-button{border:0;background:var(--lime);color:var(--forest);height:52px;border-radius:16px;width:100%;font-weight:950;font-size:12px;box-shadow:0 12px 30px rgba(0,0,0,.12)}.preview-button{width:100%;height:45px;background:transparent;border:0;color:rgba(255,255,255,.64);font-size:10px;font-weight:800}.privacy-note{text-align:center;font-size:8px;color:rgba(255,255,255,.38);margin:4px 0 0}
.sheet-backdrop{position:fixed;inset:0;background:rgba(4,18,12,.58);z-index:1000;display:flex;align-items:flex-end;justify-content:center}.install-sheet{background:var(--cream);width:min(100%,520px);border-radius:30px 30px 0 0;padding:13px 20px calc(24px + env(safe-area-inset-bottom));color:var(--text);position:relative;animation:sheetUp .28s ease-out}@keyframes sheetUp{from{transform:translateY(35%);opacity:.4}}.sheet-handle{width:40px;height:4px;border-radius:2px;background:#CAD2CB;margin:0 auto 16px}.sheet-close{position:absolute;right:16px;top:14px;width:34px;height:34px;border-radius:12px;border:0;background:#fff;color:var(--text);font-size:22px}.guide-icon{width:55px;height:55px;border-radius:18px;background:var(--forest);color:var(--lime);font-weight:950;font-size:22px;display:grid;place-items:center;margin-bottom:12px}.install-sheet h2{font-size:24px;letter-spacing:-.6px;margin:4px 0 4px}.guide-sub{font-size:10px;line-height:15px;color:var(--muted);margin:0 0 14px}.steps{display:grid;gap:8px}.step{background:#fff;border:1px solid var(--border);border-radius:16px;padding:11px;display:flex;align-items:center;gap:10px}.step-number{width:28px;height:28px;border-radius:10px;background:#E8F5E8;color:var(--green);display:grid;place-items:center;font-size:10px;font-weight:950}.step div{flex:1}.step b{font-size:10.5px;display:block}.step small{font-size:8.5px;color:var(--muted);display:block;margin-top:2px;line-height:12px}.share-symbol{font-size:22px;color:var(--sky)}.safari-hint{margin-top:13px;height:47px;border-radius:15px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;color:#8A958D}.share-highlight{width:32px;height:32px;border-radius:11px;background:#E9F2F7;color:var(--sky);display:grid;place-items:center;font-size:18px;animation:breathe 2s infinite}.guide-foot{font-size:8px;line-height:12px;text-align:center;color:var(--muted);margin:11px 10px 0}
.app{min-height:100vh;min-height:100dvh;padding-bottom:92px}.app-hero{background:var(--forest);color:#fff;padding:max(18px,env(safe-area-inset-top)) 18px 27px;border-radius:0 0 34px 34px;position:relative;overflow:hidden}.app-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(139,198,119,.12);right:-85px;top:-90px}.app-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.app-top h2{font-size:16px;margin:3px 0 0}.icon-button{width:40px;height:40px;border-radius:14px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);color:#fff;font-size:20px}.status-hero{display:flex;align-items:center;gap:14px;margin-top:26px;position:relative;z-index:2}.status-hero>div:first-child{flex:1}.status-hero h1{font-size:30px;letter-spacing:-.8px;margin:4px 0}.status-hero p{font-size:10px;line-height:15px;color:rgba(255,255,255,.62);margin:0}.score-orb{width:88px;height:88px;border-radius:50%;border:1px solid rgba(217,243,195,.35);background:rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;justify-content:center}.score-orb strong{font-size:29px;color:var(--lime)}.score-orb small{font-size:5.5px;letter-spacing:.8px;color:#C4DCCB}
.app-main{padding:16px}.view{display:none}.active-view{display:block;animation:fadeIn .25s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}}.priority-card{background:#fff;border:1px solid var(--border);border-radius:23px;padding:14px;display:flex;gap:11px;box-shadow:0 8px 24px rgba(16,48,33,.06)}.priority-icon{width:46px;height:46px;border-radius:16px;background:#E8F5E8;color:var(--green);font-weight:950;display:grid;place-items:center;font-size:20px}.priority-card h3{font-size:14px;margin:3px 0}.priority-card p{font-size:9px;line-height:14px;color:var(--muted);margin:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:23px 0 10px}.section-heading.first{margin-top:4px}.section-heading h3{font-size:17px;letter-spacing:-.2px;margin:3px 0 0}.muted-small{font-size:8px;color:var(--muted)}
.sensor-grid,.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sensor-card{background:#fff;border:1px solid var(--border);border-radius:21px;padding:13px;min-height:145px;display:flex;flex-direction:column}.sensor-symbol{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-size:17px;background:#E8F1F5;color:var(--sky)}.sensor-symbol.heat{background:#F8EADD;color:var(--orange)}.sensor-symbol.humid{background:#E8F5E8;color:var(--green)}.sensor-symbol.light-symbol{background:#F4EEDB;color:var(--gold)}.sensor-card strong{font-size:22px;margin-top:12px}.sensor-card b{font-size:9px;margin-top:2px}.sensor-card small{font-size:8px;color:var(--green);margin-top:auto;padding-top:8px}.quick-card{border:1px solid var(--border);background:#fff;border-radius:19px;padding:10px;display:flex;align-items:center;gap:8px;text-align:left;min-height:70px;color:var(--text)}.quick-icon{width:38px;height:38px;border-radius:13px;background:#E8F5E8;display:grid;place-items:center;color:var(--green);font-size:17px}.quick-icon.pink{background:#F3E9EE;color:#A45C77}.quick-icon.blue{background:#E7F0F4;color:var(--sky)}.quick-icon.gold{background:#F4EDDE;color:var(--gold)}.quick-card b{display:block;font-size:10px}.quick-card small{display:block;font-size:7.5px;color:var(--muted);margin-top:2px}
.network-card{background:var(--forest);color:#fff;border-radius:23px;padding:15px;display:flex;align-items:center;gap:13px}.network-pulse{width:62px;height:62px;position:relative;display:grid;place-items:center}.network-pulse i{position:absolute;inset:5px;border-radius:50%;border:1px solid #86D090;animation:breathe 2.2s infinite}.network-pulse span{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.09);display:grid;place-items:center;color:var(--lime);font-size:22px}.network-card b{display:block;font-size:14px}.network-card small{font-size:8.5px;color:rgba(255,255,255,.58)}.node-card{margin-top:10px;background:#fff;border:1px solid var(--border);border-radius:22px;padding:14px}.node-head{display:flex;align-items:center;gap:10px}.node-icon{width:48px;height:48px;border-radius:16px;background:#E8F5E8;color:var(--green);display:grid;place-items:center;font-size:20px}.grow{flex:1}.grow b,.grow small{display:block}.grow b{font-size:12px}.grow small{font-size:8px;color:var(--muted);margin-top:3px}.status-pill{font-size:7px;font-weight:900;padding:5px 7px;border-radius:8px;background:#EEF2EE;color:var(--muted)}.node-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.node-stats div{background:#F6F8F5;border-radius:12px;padding:9px}.node-stats small{font-size:6px;font-weight:900;color:var(--muted)}.node-stats b{font-size:9px;display:block;margin-top:3px}
.ai-card,.scan-card,.result-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:14px}.ai-card{display:flex;gap:10px;align-items:center}.ai-orb{width:42px;height:42px;border-radius:14px;background:var(--forest);color:var(--lime);display:grid;place-items:center}.ai-card>div:nth-child(2){flex:1}.ai-card b{font-size:11px;display:block}.ai-card small{font-size:8px;color:var(--muted);display:block;margin-top:2px}.small-primary{border:0;border-radius:10px;background:var(--lime);color:var(--forest);padding:9px 10px;font-size:8px;font-weight:900}.result-card{margin-top:10px;font-size:9.5px;line-height:15px}.result-card h4{font-size:12px;margin:0 0 5px}.result-card p{margin:4px 0;color:var(--muted)}.result-card ul{padding-left:17px;margin:6px 0}.scan-card{margin-top:10px;background:#F0F5ED}.scan-card h3{font-size:16px;margin:4px 0}.scan-card>p{font-size:9px;line-height:14px;color:var(--muted)}.scan-button{display:grid;place-items:center;height:46px;border-radius:14px;background:var(--forest);color:#fff;font-size:10px;font-weight:900;margin-top:12px}.scan-preview{margin-top:10px;border-radius:17px;overflow:hidden;max-height:310px}.scan-preview img{width:100%;display:block;object-fit:cover}.primary-button{margin-top:10px;background:var(--lime)}.loading{opacity:.55;pointer-events:none}
.search-box{display:flex;gap:7px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:6px}.search-box input{border:0;outline:0;flex:1;min-width:0;padding:8px;background:transparent;font-size:10px;color:var(--text)}.search-box button{width:38px;border:0;border-radius:11px;background:var(--lime);color:var(--forest)}.chip-row{display:flex;gap:6px;overflow-x:auto;padding:10px 0 12px;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid var(--border);background:#fff;padding:8px 10px;border-radius:12px;color:var(--muted);font-size:8px;font-weight:850}.chip.active{background:var(--forest);border-color:var(--forest);color:#fff}.plant-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.plant-card{border:1px solid var(--border);background:#fff;border-radius:19px;padding:11px;text-align:left;color:var(--text);min-height:145px}.plant-card .plant-symbol{width:40px;height:40px;border-radius:13px;background:#E8F5E8;display:grid;place-items:center;font-size:20px;color:var(--green)}.plant-card b{font-size:11px;display:block;margin-top:9px}.plant-card small{font-size:7.5px;color:var(--muted);display:block;margin-top:3px}.match{margin-top:9px;display:inline-block;border-radius:8px;padding:4px 6px;background:#E8F5E8;color:var(--green);font-size:7px;font-weight:900}
.alert-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:12px;margin-bottom:9px;display:flex;gap:10px}.alert-symbol{width:40px;height:40px;border-radius:13px;background:#FFF0D9;color:var(--orange);display:grid;place-items:center;font-weight:900}.alert-card.critical .alert-symbol{background:#FBE8E5;color:var(--red)}.alert-card.resolved .alert-symbol{background:#E8F5E8;color:var(--green)}.alert-card b{font-size:11px;display:block}.alert-card p{font-size:8.5px;line-height:13px;color:var(--muted);margin:4px 0 0}
.profile-card{background:var(--forest);border-radius:24px;padding:17px;color:#fff;display:flex;gap:12px;align-items:center}.avatar{width:58px;height:58px;border-radius:19px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;font-weight:950;font-size:18px}.profile-card h3{margin:3px 0;font-size:18px}.profile-card p{font-size:8px;color:rgba(255,255,255,.55);margin:0}.settings-card{background:#fff;border:1px solid var(--border);border-radius:22px;margin-top:12px;overflow:hidden}.settings-card button{width:100%;border:0;border-bottom:1px solid #EDF0EC;background:#fff;padding:11px;display:flex;gap:10px;align-items:center;text-align:left;color:var(--text)}.settings-card button:last-child{border-bottom:0}.settings-card button>span{width:36px;height:36px;border-radius:12px;background:#E8F5E8;color:var(--green);display:grid;place-items:center}.settings-card button div{flex:1}.settings-card b{font-size:10px;display:block}.settings-card small{font-size:7.5px;color:var(--muted);display:block;margin-top:2px}.settings-card i{font-size:10px;color:var(--muted);font-style:normal}
.bottom-nav{position:fixed;z-index:100;left:10px;right:10px;bottom:calc(9px + env(safe-area-inset-bottom));height:70px;border:1px solid var(--border);border-radius:23px;background:rgba(252,253,251,.96);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-around;box-shadow:0 10px 30px rgba(15,45,31,.14)}.nav-item{border:0;background:transparent;color:#9AA49D;width:16.666%;display:flex;flex-direction:column;align-items:center;gap:3px}.nav-item span{font-size:17px}.nav-item small{font-size:6.5px;font-weight:850}.nav-item.active{color:var(--green)}.nav-item.active span{transform:scale(1.12)}
.toast{position:fixed;z-index:2000;left:50%;bottom:calc(94px + env(safe-area-inset-bottom));transform:translateX(-50%);background:#102C20;color:#fff;border-radius:13px;padding:10px 13px;max-width:90%;font-size:9px;box-shadow:var(--shadow);text-align:center}
@media(min-width:620px){.app{width:520px;margin:auto;background:var(--cream);box-shadow:0 0 70px rgba(0,0,0,.08)}.bottom-nav{width:500px;left:50%;right:auto;transform:translateX(-50%)}body{background:#E9ECE7}}
@media(display-mode:standalone){.preview-button,.privacy-note{display:none}}