:root{color:#17372c;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f4eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{overscroll-behavior-y:none;background:radial-gradient(circle at 100% 0,#e4edc8 0,#0000 34%),#f3f4eb;min-width:320px;min-height:100dvh;margin:0;overflow-x:clip}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100dvh;padding-bottom:88px}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#f3f4ebd1;border-bottom:1px solid #17372c1a;justify-content:space-between;align-items:center;height:68px;padding:0 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.03em;color:inherit;align-items:center;gap:9px;font-size:20px;font-weight:850;text-decoration:none;display:flex}.brand svg{color:#47782e}.status-cluster{align-items:center;gap:6px;display:flex}.prototype-badge,.offline-badge{color:#55705f;background:#e6ebdc;border:1px solid #d4ddc7;border-radius:99px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.prototype-badge svg,.offline-badge svg{width:14px;height:14px}.offline-badge{color:#85541e;background:#fff1dc;border-color:#edd3ac}.page{width:min(720px,100%);margin:0 auto;padding:28px 18px}.hero{padding:12px 2px 24px}.hero h1{letter-spacing:-.055em;margin:2px 0 8px;font-size:clamp(38px,9vw,58px);line-height:.98}.hero p{color:#66766b;max-width:520px;margin:0;font-size:16px;line-height:1.55}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#62823f!important;font-size:11px!important}.empty-card{text-align:center;background:#fffffccc;border:1px solid #153c2e1a;border-radius:28px;padding:38px 26px;box-shadow:0 24px 60px #253c2d14}.empty-card h2{letter-spacing:-.03em;margin:18px 0 7px;font-size:22px}.empty-card p{color:#68776d;max-width:430px;margin:0 auto 22px;line-height:1.55}.icon-orbit{color:#35672b;background:#e3efbd;border-radius:25px;place-items:center;width:72px;height:72px;margin:0 auto;display:grid;transform:rotate(-3deg)}.icon-orbit svg{width:34px;height:34px}.primary-button{color:#fff;background:#153c2e;border:0;border-radius:14px;padding:13px 19px;font-weight:750;box-shadow:0 8px 18px #153c2e2e}.primary-button:hover{background:#235440}.bottom-nav{z-index:20;left:50%;bottom:max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcfcf7e6;border:1px solid #153c2e1f;border-radius:22px;grid-template-columns:repeat(3,1fr);gap:4px;width:min(430px,100% - 24px);padding:7px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 15px 42px #1932272e}.nav-link{color:#738078;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:55px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.nav-link svg{width:20px}.nav-link.active{color:#214a35;background:#e6edcf}.hero.compact{padding-bottom:20px}.back-button,.text-button{color:#607269;background:0 0;border:0;align-items:center;gap:6px;padding:5px 0;font-weight:700;display:inline-flex}.back-button svg{width:18px}.section-stack{gap:12px;display:grid}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading h2{margin:0;font-size:20px}.section-heading span{background:#e1e9ce;border-radius:50%;place-items:center;min-width:28px;height:28px;font-weight:800;display:grid}.plant-card{text-align:left;width:100%;color:inherit;background:#fffffcd1;border:1px solid #153c2e1a;border-radius:22px;grid-template-columns:86px 1fr auto;align-items:center;gap:15px;padding:12px;display:grid;box-shadow:0 10px 30px #253c2d0f}.plant-card img,.plant-placeholder{object-fit:cover;border-radius:16px;width:86px;height:96px}.plant-placeholder{color:#31552b;background:linear-gradient(145deg,#dce9ba,#b7d990);place-items:center;font-size:34px;font-weight:900;display:grid}.plant-card-copy{min-width:0}.plant-card-copy h2{margin:0 0 2px;font-size:19px}.plant-card-copy p{color:#6c786f;white-space:nowrap;text-overflow:ellipsis;margin:0 0 9px;overflow:hidden}.plant-card-copy span{color:#627268;align-items:center;gap:5px;margin-top:4px;font-size:12px;display:flex}.plant-card-copy svg,.plant-card-water{width:15px;height:15px}.plant-card-water{color:#6d967c;margin-right:5px}.form-card,.info-card,.advisor-answer{background:#fffffcd6;border:1px solid #153c2e1a;border-radius:24px;gap:17px;padding:22px;display:grid;box-shadow:0 16px 45px #253c2d12}.form-card label{color:#415b4d;gap:7px;font-size:13px;font-weight:750;display:grid}.form-card input,.form-card select,.form-card textarea{color:#17372c;background:#fff;border:1px solid #cfd8cb;border-radius:13px;outline:none;width:100%;padding:12px}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:#5c834c;box-shadow:0 0 0 3px #5c834c24}.form-card textarea{resize:vertical;min-height:116px}.form-card .checkbox{grid-template-columns:auto 1fr;align-items:start;font-weight:600;line-height:1.45}.form-card .checkbox input{width:18px;height:18px;margin-top:1px}.form-error{color:#a43f32;margin:0;font-size:13px}.muted{color:#6d7a72;margin:0;font-size:13px;line-height:1.5}.photo-preview{aspect-ratio:4/3;object-fit:cover;border-radius:18px;width:100%;max-height:320px}.plant-identification-flow{gap:14px;display:grid}.photo-first-card{overflow:hidden}.photo-first-copy{align-items:center;gap:14px;display:flex}.photo-first-copy h2,.form-card h2,.identification-card h2{letter-spacing:-.025em;margin:0}.photo-first-copy p{color:#66766b;margin:4px 0 0;line-height:1.45}.camera-icon{color:#35672b;background:#e3efbd;border-radius:18px;flex:none;place-items:center;width:52px;height:52px;display:grid}.camera-icon svg{width:25px;height:25px}.photo-first-card .primary-button,.form-card .primary-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.photo-first-card .primary-button svg{width:18px;height:18px}.photo-first-card .text-button{justify-self:center}.identification-card{background:linear-gradient(145deg,#f6f8eb,#e5efce);border:1px solid #cddcaf;border-radius:22px;align-items:flex-start;gap:14px;padding:20px;display:flex;box-shadow:0 14px 36px #253c2d12}.identification-card>svg{color:#557b35;flex:none;width:24px;height:24px}.identification-card p{color:#53665a;margin:5px 0;line-height:1.45}.identification-card small{color:#6d786f;margin-top:10px;line-height:1.45;display:block}.secondary-button{color:#34543f;background:#ffffff73;border:1px dashed #8da182;border-radius:17px;justify-content:center;align-items:center;gap:7px;padding:14px;font-weight:800;display:flex}.secondary-button svg{width:18px}.detail-photo{aspect-ratio:4/3;object-fit:cover;border-radius:26px;width:100%;max-height:380px;margin-bottom:14px;display:block}.detail-photo.placeholder{color:#3e682f;background:linear-gradient(145deg,#dfeac5,#b8d397);place-items:center;display:grid}.detail-photo.placeholder svg{width:72px;height:72px}.action-grid{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;display:grid}.water-button,.ai-button{border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 10px;font-weight:800;display:flex}.water-button{color:#fff;background:#286b72}.ai-button{color:#fff;background:#6a5536}.water-button svg,.ai-button svg{width:19px}.info-card{margin-top:12px}.info-card dl,.info-card p{margin:0}.info-card dl{gap:14px;display:grid}.info-card dl div{border-bottom:1px solid #edf0e8;justify-content:space-between;gap:12px;padding-bottom:12px;display:flex}.info-card dt{color:#68766e}.info-card dd{text-align:right;margin:0;font-weight:700}.text-button.danger{color:#9b4237;margin:16px auto 0}.success-card,.notice,.advisor-answer{align-items:flex-start;gap:12px;display:flex}.success-card{background:#e8f0d4;border:1px solid #d5e1bb;border-radius:20px;padding:18px}.success-card svg,.notice svg,.advisor-answer svg{flex:none}.success-card p,.notice p,.advisor-answer p{color:#5f7065;margin:4px 0 0;line-height:1.5}.notice{color:#785321;background:#fff1d9;border-radius:15px;padding:13px}.notice p{color:inherit;margin:0;font-size:13px}.advisor-answer{margin-top:14px}.analysis-result{background:#fff;border:1px solid #d9dfd3;border-radius:24px;margin-top:14px;padding:22px;box-shadow:0 16px 45px #253c2d12}.analysis-result h2{margin:22px 0 8px;font-size:17px}.analysis-result li,.analysis-result p{color:#53665a;line-height:1.5}.hypothesis{background:#f3f5ec;border-radius:14px;margin-top:8px;padding:12px}.hypothesis p{margin:4px 0 0}.urgency{color:#45574b;text-transform:uppercase;background:#e7ebdf;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.urgency.high{color:#8a3028;background:#f8d7d3}.urgency.medium{color:#7b5318;background:#f8e6c4}.urgency.low{color:#3f672c;background:#deedcf}.limitations{background:#fff1d9;border-radius:15px;margin-top:20px;padding:14px}.limitations ul{margin-bottom:0}.primary-button:disabled{cursor:not-allowed;opacity:.5}.auth-page{place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{background:#fffffff5;border:1px solid #d9dfd3;border-radius:28px;width:min(100%,430px);padding:28px;box-shadow:0 24px 70px #253c2d21}.auth-brand{color:#385843;align-items:center;gap:9px;font-weight:900;display:flex}.auth-brand svg{width:22px}.auth-card h1{letter-spacing:-.04em;margin:22px 0 8px;font-size:clamp(30px,9vw,42px)}.auth-card>p{color:#5f7065;line-height:1.55}.auth-actions,.auth-form{gap:14px;margin-top:24px;display:grid}.auth-actions .primary-button,.auth-form .primary-button{width:100%}.auth-form label{color:#425349;gap:7px;font-size:13px;font-weight:800;display:grid}.auth-form input{color:#26362d;width:100%;font:inherit;background:#fbfcf8;border:1px solid #cdd7ce;border-radius:14px;padding:13px 14px}.auth-form input:focus{border-color:#648360;outline:3px solid #50774c2e}@media (min-width:760px){.page{padding-top:52px}.empty-card{padding:52px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}