:root{color-scheme:light;--ink:#504b36;--muted:#85836f;--green:#217450;--paper:#f7f8f0;--line:#e5eade;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 0 35%,#e9f3e9,transparent 60%),radial-gradient(ellipse at 100% 80%,#edf4f7,transparent 60%);font-size:14px;line-height:1.65}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit}a{color:var(--green);text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d8ac68;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.app-shell{max-width:480px;margin:auto;min-height:100dvh}header{display:flex;justify-content:space-between;align-items:center;padding:calc(18px + env(safe-area-inset-top)) 22px 18px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:19px;font-weight:700;letter-spacing:-.5px}.brand img{border-radius:10px}.brand small{display:block;font-size:10px;letter-spacing:1px;font-weight:400;color:var(--muted)}.icon-button{border:1px solid var(--line);background:#ffffff9c;border-radius:50%;height:44px;width:44px;display:grid;place-items:center}.icon-button svg{width:22px;height:22px}main{padding:8px 18px 115px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:600;color:var(--muted);margin:0 0 7px}.green{color:var(--green)}h1{font-size:24px;font-weight:650;letter-spacing:-.8px;line-height:1.35;margin:0 0 8px}h1 span{font-size:15px;font-weight:400;margin-left:8px}h2{font-size:19px;line-height:1.5;letter-spacing:-.4px;margin:0}p{margin:8px 0}.pill{display:inline-block;flex-shrink:0;font-size:10px;border-radius:20px;padding:5px 9px;background:#edf2e7;color:#607252}.card{background:#ffffffcf;border:1px solid #ffffff;border-radius:26px;box-shadow:0 10px 30px #42693d04;margin-bottom:16px;overflow:hidden}.energy{padding:24px 20px 0}.energy-intro{display:flex;align-items:center;gap:20px}.energy-intro img{object-fit:contain;filter:drop-shadow(0 10px 15px #53875018);width:31%;height:142px}.energy h2{font-size:24px}.energy p{font-size:12px;color:var(--muted);line-height:1.8}.energy-foot{border-top:1px solid var(--line);margin-top:20px;padding:14px 0;display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.energy-foot a{margin-left:auto;white-space:nowrap}.dot{width:5px;height:5px;border-radius:50%;background:#7aa983}.scan-card{padding:22px 18px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.muted{font-size:12px;color:var(--muted)}.scan-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:19px 0}.capture{border:1px solid #dce7d9;background:linear-gradient(145deg,#f3f7ee,#f9fbf6);border-radius:20px;padding:16px 5px;display:flex;align-items:center;flex-direction:column;min-height:146px}.capture:nth-child(2){background:#faf8f1;border-color:#ede8d9}.capture img{object-fit:contain;margin-bottom:7px}.capture strong{font-size:14px;font-weight:600}.capture span{font-size:10px;color:var(--muted);margin-top:4px}.fine{font-size:10px;color:var(--muted);line-height:1.8;margin:13px 0 0}.fine a{text-decoration:underline}.below{padding:12px 4px 14px}.below h2{font-size:17px}.feature-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px}.feature-links a{border:1px solid #fff;background:#ffffff90;border-radius:20px;padding:16px;color:var(--ink)}.feature-links img{width:35px;height:35px;object-fit:contain;display:block;margin-bottom:10px}.feature-links strong{font-size:15px;display:block}.feature-links span{font-size:10px;color:var(--muted)}.download{text-align:center;padding:30px 20px;margin-top:24px;background:linear-gradient(145deg,#fffefa,#eff6ec)}.download>img{border-radius:17px;margin-bottom:16px}.download h2{font-size:25px;line-height:1.6;margin:9px 0}.download>p:not(.eyebrow){font-size:12px;color:var(--muted)}.primary{display:block;border:0;border-radius:15px;background:var(--green);color:#fff;text-align:center;font-size:14px;font-weight:600;padding:15px 18px;margin-top:20px;min-height:48px}.download .primary{max-width:290px;margin:20px auto}#qr-wrap{margin-top:22px}#qr{background:white;padding:8px;border-radius:12px}details{border-top:1px solid var(--line);margin-top:24px;padding-top:18px;text-align:left}summary{cursor:pointer;font-size:12px;color:var(--muted);min-height:35px}summary span{float:right}.screenshots{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 0 14px}.screenshots img{width:72%;height:auto;object-fit:contain;border-radius:18px;scroll-snap-align:center;align-self:flex-start;border:1px solid var(--line)}footer{text-align:center;color:var(--muted);padding:9px 12px;font-size:11px}footer>a,footer>span{margin:0 5px}footer details{font-size:11px;line-height:1.8}nav{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 28px);max-width:452px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid white;border-radius:30px;padding:6px;background:#ffffffed;box-shadow:0 10px 40px #304c3720;backdrop-filter:blur(16px);z-index:5}nav a{display:flex;align-items:center;flex-direction:column;justify-content:center;border-radius:25px;color:#757868;font-size:11px;min-height:58px;gap:3px}nav img{width:27px;height:27px;object-fit:contain}nav a[aria-current]{background:#e8eee6;color:var(--green);font-weight:650}.intro{color:var(--muted);font-size:13px;margin-bottom:22px}.screenshot-card{position:relative;padding:12px}.screenshot-card>img{display:block;width:100%;height:auto;border-radius:18px}.screenshot-label{position:absolute;right:23px;top:22px;background:#fffdf1f0;box-shadow:0 2px 12px #0001}.copy-card{padding:25px 20px}.copy-card>p{color:var(--muted);font-size:13px}.garden-icon{height:62px;width:62px;object-fit:contain;margin-bottom:12px}#photo{width:100%;max-height:280px;object-fit:contain;background:#eef1e9;border-radius:16px}#photo-review{margin-top:16px}.review-actions{display:flex;align-items:center;gap:12px}.review-actions .primary{margin:12px 0;flex:1}.text-button{border:0;background:none;padding:12px}#scan-status{font-size:12px;color:var(--green);overflow-wrap:anywhere}#result{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.total{font-size:36px;letter-spacing:-1px;color:var(--green)}.total small{font-size:13px;font-weight:400;letter-spacing:0}.nutrients{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.nutrients div{background:#f3f6ef;padding:10px 5px;text-align:center;border-radius:12px;font-size:15px}.nutrients small{display:block;color:var(--muted);font-size:10px}.food-row{padding:13px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;font-size:13px}.food-row small{display:block;color:var(--muted);font-size:11px}.food-row>span{white-space:nowrap}.food-chip{display:inline-block;padding:5px 10px;background:#edf2e7;border-radius:20px;margin:4px;font-size:12px}#toast{position:fixed;left:50%;bottom:115px;transform:translateX(-50%);width:max-content;max-width:85vw;background:#394a37;color:white;padding:12px 20px;border-radius:15px;z-index:20;font-size:13px;overflow-wrap:anywhere}@media(max-width:350px){main{padding-inline:12px}header{padding-inline:16px}h1{font-size:20px}.page-heading .pill{font-size:9px;padding:4px 7px}.energy{padding-inline:16px}.energy-intro{gap:12px}.energy h2{font-size:21px}.energy-foot{font-size:9px}.scan-card{padding:18px 14px}.section-title h2{font-size:17px}}@media(min-width:600px){.app-shell{box-shadow:0 0 80px #52654b0a;border-inline:1px solid #e7ecdf}body{background-color:#edf1e8}}@media(prefers-reduced-motion:no-preference){.capture{transition:transform .15s}.capture:active{transform:scale(.97)}}

/* Mobile reading and touch targets, including small iPhones and large text. */
:root{--muted:#6e725e}
.welcome-strip{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:8px 3px 20px;color:var(--muted)}
.welcome-strip a{white-space:nowrap}.text-link{display:inline-block;min-height:44px;padding:10px 0;font-size:13px}
.fine{font-size:12px}.capture span,.feature-links span{font-size:12px}.pill{font-size:11px}
#scan{scroll-margin-top:16px}.food-row>div{min-width:0;overflow-wrap:anywhere}
#retry-quota{min-height:44px;text-decoration:underline;color:var(--green)}
#result{scroll-margin-bottom:110px}summary{min-height:44px;font-size:13px}
@media(max-width:350px){.welcome-strip{font-size:11px}.energy-foot{flex-wrap:wrap}.energy-foot a{min-height:32px;display:inline-flex;align-items:center}.section-title{flex-wrap:wrap}}

/* English copy needs room to wrap on narrow phones. */
.page-heading{align-items:flex-start;flex-wrap:wrap}
.page-heading>div{flex:1 1 230px}
.section-title{flex-wrap:wrap}
.energy-intro>div{min-width:0}
.energy-foot{flex-wrap:wrap}
.brand small{letter-spacing:0;font-size:10px}
h1 span{display:block;margin:5px 0 0}
.capture{padding-inline:8px}
.capture span{line-height:1.5}
.screenshot-label{position:static;margin:0 0 10px}
.welcome-strip{flex-wrap:wrap}