:root{--bg:#f7f8f1;--paper:#fffefa;--forest:#183f31;--green:#28674c;--sage:#789582;--mint:#e4eee4;--line:#dde6d9;--muted:#768879;--ink:#18342a;--orange:#ba7c32;--danger:#a6513b;--shadow:0 12px 35px #244c2910;--font:ui-rounded,-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-size:16px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #85b59b;outline-offset:2px}#app{max-width:620px;min-height:100dvh;margin:auto;position:relative;background:var(--bg)}.shell{padding:calc(14px + env(safe-area-inset-top)) 19px calc(104px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 25px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;letter-spacing:-1px}.logo-mark{width:39px;height:39px;border-radius:14px;background:var(--forest);color:#d9f1c0;display:grid;place-items:center}.logo-mark svg{width:23px;height:23px}.top-action{background:#fff;border:1px solid var(--line);color:var(--green);width:43px;height:43px;display:grid;place-items:center;border-radius:16px}.top-action svg{width:20px;height:20px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:2.7px;color:#71917c;text-transform:uppercase;margin:0 0 12px}.hero-title{font-size:clamp(32px,8vw,43px);letter-spacing:-1.9px;line-height:1.08;font-weight:900;margin:0}.hero-title em{font-style:normal;color:#3f8d56}.lead{color:#708577;line-height:1.65;font-size:14px;margin:12px 0 22px}.section-title{font-size:24px;letter-spacing:-.9px;line-height:1.15;font-weight:900;margin:0 0 14px}.small-title{font-size:17px;letter-spacing:-.4px;font-weight:850;margin:21px 0 10px}.small-muted{color:var(--muted);font-size:12px;line-height:1.6}.grow{flex:1}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:30;width:min(620px,100%);border-top:1px solid #e3e9e0;background:#fffffff2;backdrop-filter:blur(14px);display:flex;justify-content:space-around;padding:11px 8px calc(10px + env(safe-area-inset-bottom))}.nav-button{background:transparent;color:#889c8f;display:grid;justify-items:center;gap:5px;padding:8px 11px;border-radius:16px;min-width:70px;font-size:10px;font-weight:800}.nav-button svg{width:23px;height:23px;stroke-width:1.9}.nav-button.selected{background:#e5f0e5;color:var(--forest)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 20px;border-radius:17px;font-weight:850;font-size:14px;background:var(--forest);color:white;min-height:52px}.btn svg{width:18px;height:18px}.btn.light{background:#e5eee5;color:var(--forest)}.btn.white{background:white;color:var(--forest);border:1px solid var(--line)}.btn.danger{background:#fff0ec;color:#aa4b38}.btn.full{width:100%}.btn.compact{min-height:43px;padding:10px 13px;font-size:12px;border-radius:13px}.btn-row{display:flex;gap:10px;flex-wrap:wrap}.btn-row>.btn{flex:1}.caption{color:var(--muted);font-size:11px;line-height:1.6}.feature-bar{display:flex;gap:9px;align-items:center;justify-content:space-between;color:#789184;font-size:11px;margin:20px 2px 7px}.feature-bar span{display:flex;align-items:center;gap:5px}.feature-bar svg{width:16px;height:16px}.camera-panel{height:clamp(290px,83vw,410px);border-radius:28px;overflow:hidden;position:relative;background:linear-gradient(145deg,#143c2c,#376c4e);color:#f0f3dc;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.camera-panel::before{content:'';position:absolute;width:330px;height:330px;left:-120px;top:-160px;background:#96c29c24;border-radius:50%}.camera-illustration{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:20px}.plant-illustration{width:176px;height:176px;filter:drop-shadow(0 20px 20px #071e1e6c)}.camera-panel h3{font-size:20px;margin:4px 0;font-weight:850;letter-spacing:-.4px}.camera-panel p{font-size:12px;line-height:1.5;max-width:238px;color:#d0e2d5}.camera-panel video{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.camera-top-badge{position:absolute;top:15px;left:16px;z-index:3;background:#133c2cb8;border:1px solid #ffffff51;color:white;border-radius:100px;padding:8px 11px;font-weight:700;font-size:11px}.camera-bottom{position:absolute;bottom:18px;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:3}.shutter{width:72px;height:72px;border:5px solid white;background:#fff5;border-radius:50%;box-shadow:inset 0 0 0 6px #1b32279c}.shutter:active{transform:scale(.93)}.camera-switch{position:absolute;right:19px;top:16px;z-index:5;background:#142d2bb9;color:white;width:43px;height:43px;border-radius:15px;display:grid;place-items:center}.camera-switch svg{width:21px}.camera-panel.no-camera{border:1px solid #4c8366}.camera-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0}.tips-box{padding:15px 16px;background:#eef3eb;border:1px solid #e1eadf;border-radius:18px;font-size:12px;color:#627c69;line-height:1.65;margin:14px 0}.tip-line{display:flex;gap:9px;align-items:flex-start}.tip-line svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:var(--green)}.photo-strip{display:flex;gap:10px;align-items:stretch;margin:12px 0;overflow:auto}.photo-chip{flex:0 0 31%;aspect-ratio:1/1;background:#e4ebe1;border-radius:18px;position:relative;overflow:hidden;border:1px solid #dee5da}.photo-chip img{width:100%;height:100%;object-fit:cover}.photo-chip small{position:absolute;bottom:0;left:0;right:0;color:white;background:linear-gradient(transparent,#000a);padding:21px 6px 8px;text-align:center;font-size:10px;font-weight:800}.photo-chip button{position:absolute;right:5px;top:5px;width:27px;height:27px;border-radius:50%;background:#fff;color:#384b3e;font-weight:900}.photo-chip.blank{display:grid;place-items:center;color:#8da399;font-size:11px;text-align:center;padding:10px}.photo-chip.blank svg{width:25px;height:25px}.card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:17px;box-shadow:0 7px 25px #315b2207}.setting-card{margin-bottom:13px}.form-label{display:block;font-size:12px;font-weight:830;margin:13px 0 7px;color:#385b45}.field{width:100%;border:1px solid #d9e6d9;padding:13px 12px;background:#fbfdf9;border-radius:13px;color:var(--ink);outline:none;appearance:none}.field:focus{border-color:#77ad84}.field::placeholder{color:#a2afa5}.fields-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.textarea{min-height:78px;resize:vertical}.disclosure{background:transparent;color:var(--green);display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font-size:13px;font-weight:850;text-align:left}.disclosure svg{width:20px}.context-panel{margin:17px 0 10px}.context-panel[hidden],.hidden{display:none!important}.divider{height:1px;background:var(--line);margin:20px 0}.status-ribbon{background:#fff2e4;border:1px solid #f0e1cb;color:#996e34;padding:12px 14px;border-radius:16px;line-height:1.5;font-size:12px;margin:10px 0}.status-ribbon.ok{background:#e8f4ea;border-color:#d3e8d7;color:#2f7051}.status-ribbon.bad{background:#fff0eb;border-color:#efd1c7;color:#995243}.loader{height:44px;width:44px;border:4px solid #d6e5d5;border-top-color:var(--green);border-radius:50%;animation:turn .9s linear infinite;margin:18px auto}@keyframes turn{to{transform:rotate(360deg)}}.loading-box{text-align:center;padding:25px 12px}.loading-box h3{margin:0 0 8px}.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:100px;background:#e6f0e8;color:#3b7755;font-weight:850;font-size:11px}.pill.attention{background:#fff0d9;color:#94692e}.pill.urgent{background:#fee9e2;color:#b04e3f}.pill.neutral{background:#eff2eb;color:#7e9082}.pill svg{width:14px;height:14px}.result-image{width:100%;height:280px;object-fit:cover;border-radius:26px;margin:4px 0 17px;background:#d3e6d7}.result-subtitle{color:#718477;font-size:14px;margin:6px 0 12px}.result-identity{display:flex;align-items:center;justify-content:space-between;gap:10px}.result-name{font-size:30px;line-height:1.1;letter-spacing:-1.2px;font-weight:900;margin:6px 0}.summary-block{background:#eaf2e7;padding:17px;border-radius:20px;font-size:14px;color:#3d644b;line-height:1.65;margin:17px 0 14px}.report-section{margin:25px 0}.report-section h3{font-size:19px;letter-spacing:-.5px;margin:0 0 13px}.observation{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:white;margin:8px 0}.observation strong{display:block;font-size:13px}.observation p{color:#667b6b;font-size:12px;line-height:1.55;margin:6px 0 0}.priority{display:grid;grid-template-columns:32px 1fr;gap:9px;background:white;padding:14px;border-radius:17px;border:1px solid var(--line);margin-bottom:9px}.priority-num{width:31px;height:31px;border-radius:12px;background:#e8f2e7;color:#34704f;display:grid;place-items:center;font-weight:900;font-size:13px}.priority h4{margin:1px 0 6px;font-size:14px}.priority p{font-size:12px;line-height:1.56;color:#617668;margin:0 0 6px}.priority em{font-size:11px;color:#a07842;font-style:normal;font-weight:700}.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.care-item{border:1px solid var(--line);border-radius:16px;padding:13px;background:#fff}.care-item b{font-size:11px;color:#829688;display:block;margin-bottom:7px}.care-item span{font-size:12px;line-height:1.45;font-weight:740}.muted{color:var(--muted)}.list-empty{background:#f0f4ed;border:1px dashed #cbdccd;padding:40px 20px;text-align:center;border-radius:25px}.list-empty svg{width:55px;height:55px;color:#6fa07e}.list-empty h3{font-size:20px;margin:12px 0}.list-empty p{color:#78917d;font-size:13px;line-height:1.7}.plant-list{display:grid;gap:11px}.plant-item{display:flex;align-items:center;gap:13px;padding:10px;background:white;border:1px solid var(--line);border-radius:20px;text-align:left;width:100%;color:var(--ink)}.plant-item img{width:86px;height:86px;border-radius:15px;object-fit:cover;background:#d9e9d9}.plant-item h3{margin:2px 0 5px;font-size:16px;letter-spacing:-.5px}.plant-item p{margin:0 0 7px;color:#7a8b7d;font-size:11px;line-height:1.4}.plant-item .pill{font-size:9px;padding:5px 7px}.row{display:flex;align-items:center;gap:9px}.between{justify-content:space-between}.status-card{background:#e9f4e7;border-radius:19px;padding:16px;margin:14px 0}.status-card p{font-size:13px;line-height:1.6;color:#53755b;margin:8px 0 0}.timeline{border-left:2px solid #d6e7d7;margin:17px 0 0 9px;padding-left:17px}.timeline-entry{position:relative;margin:0 0 19px}.timeline-entry:before{content:'';position:absolute;left:-24px;top:5px;width:11px;height:11px;background:#6a9c72;border:3px solid var(--bg);border-radius:50%}.timeline-entry b{font-size:13px}.timeline-entry p{font-size:12px;color:#6b7e70;line-height:1.5;margin:6px 0}.timeline-entry img{width:82px;height:78px;object-fit:cover;border-radius:10px}.search{position:relative;margin-bottom:16px}.search input{padding-left:40px}.search svg{position:absolute;left:14px;top:14px;color:#91a391;width:18px}.back{background:transparent;color:var(--green);font-weight:850;display:inline-flex;align-items:center;gap:5px;padding:5px 0 15px}.back svg{width:19px}.top-illustration{width:100%;height:185px;border-radius:24px;background:linear-gradient(145deg,#e5eee1,#f5f6eb);display:grid;place-items:center;margin-bottom:20px;overflow:hidden}.top-illustration svg{height:150px;width:190px}.settings-link{display:flex;gap:8px;align-items:center;color:var(--green);font-weight:840;font-size:13px;background:none;padding:12px 1px}.switch{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#4f6e59}.switch input{height:21px;width:21px;accent-color:#28674c}.badge-icon{width:31px;height:31px;border-radius:11px;background:#e6eee2;color:#2e7651;display:grid;place-items:center}.badge-icon svg{width:19px}#toast{position:fixed;z-index:100;bottom:calc(96px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,20px);width:max-content;max-width:calc(100% - 34px);background:#193b2c;color:white;box-shadow:0 10px 33px #182b1c55;border-radius:14px;padding:12px 17px;font-size:12px;line-height:1.5;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}.mini-btn{background:#eff4ed;border-radius:11px;padding:9px;color:var(--green)}.mini-btn svg{height:18px;width:18px}.question-list{margin:0;padding-left:19px;color:#61786b;font-size:12px;line-height:1.7}.question-list li{margin:6px 0}.safe-note{color:#687c70;font-size:11px;line-height:1.6}.divider-dashed{border-top:1px dashed var(--line);margin:15px 0}.preview-protect{position:absolute;inset:0;display:grid;place-items:center;background:#173e30;color:#fff} @media(max-width:360px){.shell{padding-left:14px;padding-right:14px}.fields-2{grid-template-columns:1fr}.nav-button{min-width:62px;padding:8px}}
.settings-link svg,.back svg{width:19px;height:19px;flex-shrink:0}.status-ribbon svg{height:18px;width:18px;vertical-align:middle}.plant-item>svg{width:18px;height:18px;flex-shrink:0}.list-empty .btn svg{height:18px;width:18px}