:root{--ink:#17352e;--ink-soft:#425e56;--ink-muted:#6d7f79;--cream:#f7f4ed;--paper:#fffdf8;--white:#fff;--line:#dcded5;--line-strong:#c8cec2;--green:#174c3d;--green-light:#dcece2;--green-pale:#edf5ef;--mint:#a9d3b5;--coral:#e7784b;--coral-dark:#bd552f;--coral-pale:#fbe9df;--gold:#e1b85c;--gold-pale:#f8f0d9;--red:#a53f36;--red-pale:#fae9e6;--shadow-sm:0 8px 24px #17352e12;--shadow-md:0 20px 60px #17352e1c;--radius-sm:12px;--radius-md:20px;--radius-lg:30px;--content:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 4% 2%, #a9d3b533, transparent 25rem), radial-gradient(circle at 97% 22%, #e7784b14, transparent 24rem), var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang HK,Noto Sans HK,Microsoft JhengHei,sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{color:inherit}img,svg{display:block}::selection{color:var(--white);background:var(--green)}:focus-visible{outline-offset:3px;outline:3px solid #398a73}.app-shell{min-height:100vh;overflow:clip}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f4ede0;border-bottom:1px solid #174c3d1a;position:relative}.header-inner{width:min(calc(100% - 40px), var(--content));justify-content:space-between;align-items:center;gap:24px;min-height:74px;margin:0 auto;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:11px;font-size:1.18rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--green);border-radius:11px;flex:none;width:34px;height:34px;position:relative;box-shadow:0 6px 16px #174c3d2e}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";border-radius:50%;position:absolute}.brand-mark:before{background:var(--coral);inset:7px}.brand-mark:after{background:var(--cream);width:7px;height:7px;top:13px;left:13px}.brand-mark span{border:2px solid var(--mint);border-top:0;border-radius:0 0 50% 50%;width:18px;height:5px;top:3px;left:8px}.header-actions{align-items:center;gap:18px;display:flex}.header-mode{border:1px solid var(--line);min-height:32px;color:var(--ink-soft);background:#ffffffa6;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:.78rem;font-weight:750;display:inline-flex}.header-mode span{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 3px var(--green-light);border-radius:50%}.header-mode.is-demo span{background:var(--coral);box-shadow:0 0 0 3px var(--coral-pale)}.privacy-link{min-height:44px;color:var(--ink-soft);align-items:center;gap:7px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.privacy-link svg{width:18px;height:18px}.mode-banner{width:min(calc(100% - 40px), var(--content));border-radius:var(--radius-sm);color:#6c3e25;box-shadow:var(--shadow-sm);background:#fff5eb;border:1px solid #efc9ad;align-items:center;gap:12px;margin:18px auto 0;padding:13px 17px;display:flex}.mode-banner-icon{background:var(--coral-pale);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.mode-banner-icon svg{width:19px;height:19px}.mode-banner div:last-child{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.mode-banner strong{font-size:.9rem}.mode-banner span{font-size:.86rem;line-height:1.5}.home-page,.result-page,.state-page{width:min(calc(100% - 40px), var(--content));margin:0 auto}.home-page{padding:64px 0 90px}.hero-section{grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);align-items:center;gap:clamp(40px,7vw,92px);display:grid}.hero-copy{position:relative}.principle-pill{width:fit-content;min-height:34px;color:var(--green);background:var(--green-light);border-radius:999px;align-items:center;gap:8px;margin-bottom:24px;padding:7px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.principle-pill svg{width:16px;height:16px}.hero-copy h1{max-width:650px;color:var(--ink);letter-spacing:-.065em;text-wrap:balance;margin:0;font-size:clamp(2.7rem,5.7vw,5.25rem);font-weight:800;line-height:1.04}.hero-copy h1 span{color:var(--coral);display:block}.hero-copy>p{max-width:580px;color:var(--ink-soft);margin:28px 0 0;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.8}.trust-row{color:var(--ink-muted);flex-wrap:wrap;gap:10px 22px;margin-top:30px;font-size:.83rem;font-weight:700;display:flex}.trust-row span{padding-left:15px;position:relative}.trust-row span:before{content:"";background:var(--mint);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.upload-card{border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-md);background:#fffdf8f0;border:1px solid #174c3d26;padding:26px}.upload-illustration{background:linear-gradient(135deg, #dcece2e6, #f8f0d9e0), var(--green-pale);border-radius:22px;place-items:center;min-height:240px;display:grid;position:relative;overflow:hidden}.upload-illustration:before,.upload-illustration:after{content:"";border:1px dashed #174c3d2e;border-radius:50%;position:absolute}.upload-illustration:before{width:330px;height:330px}.upload-illustration:after{width:280px;height:280px}.plate-ring{border:22px solid var(--white);background:#f1ede2;border-radius:50%;width:170px;height:170px;position:absolute;box-shadow:0 17px 35px #17352e21}.plate-food{z-index:1;border-radius:50%;position:absolute}.plate-food-one{background:#f7e6b8;width:55px;height:68px;margin:-50px 0 0 -48px;transform:rotate(-23deg)}.plate-food-two{background:var(--coral);border-radius:48% 38% 45% 35%;width:68px;height:46px;margin:40px 0 0 -39px;transform:rotate(13deg)}.plate-food-three{background:#74ad7c;width:58px;height:58px;margin:-18px 0 0 58px;box-shadow:-15px 13px 0 -8px #3f8a62,10px 18px 0 -7px #94c36f}.floating-camera{z-index:2;width:46px;height:46px;color:var(--white);background:var(--green);border-radius:15px;padding:11px;position:absolute;bottom:18px;right:18px;box-shadow:0 10px 25px #174c3d40}.upload-copy{margin-top:24px}.eyebrow{color:var(--coral-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:.74rem;font-weight:850}.upload-copy h2,.section-intro h2,.section-heading-row h2,.uncertainty-section h2{color:var(--ink);letter-spacing:-.035em;margin:0;font-weight:800}.upload-copy h2{font-size:1.55rem}.upload-copy p:last-child,.section-heading-row>div>p:last-child{color:var(--ink-soft);margin:9px 0 0;font-size:.92rem;line-height:1.65}.upload-actions,.selected-actions,.recovery-actions{flex-wrap:wrap;gap:10px;display:flex}.upload-actions{margin-top:22px}.button{cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 17px;font-size:.9rem;font-weight:800;line-height:1.2;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.48}.button svg{width:19px;height:19px}.button-large{min-height:52px;padding:13px 20px}.button-primary{color:var(--white);background:var(--green);box-shadow:0 10px 20px #174c3d29}.button-primary:hover:not(:disabled){background:#0e3d31;box-shadow:0 13px 24px #174c3d38}.button-secondary{border-color:var(--line-strong);color:var(--green);background:var(--white)}.button-secondary:hover:not(:disabled){border-color:var(--green);background:var(--green-pale)}.button-ghost{color:var(--ink-soft);background:0 0}.button-ghost:hover:not(:disabled){color:var(--ink);background:#174c3d12}.upload-footnote{color:var(--ink-muted);align-items:flex-start;gap:8px;margin-top:17px;font-size:.76rem;line-height:1.5;display:flex}.upload-footnote svg{flex:none;width:16px;height:16px;margin-top:1px}.selected-image-frame{background:var(--green-pale);border-radius:22px;min-height:330px;position:relative;overflow:hidden}.selected-image-frame>img{object-fit:cover;width:100%;height:330px}.image-status-badge{min-height:34px;color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17352ed6;border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:.76rem;font-weight:800;display:inline-flex;position:absolute;bottom:14px;right:14px}.status-dot{background:#9ee3ae;border-radius:50%;width:7px;height:7px}.preview-failed{height:330px;color:var(--ink-soft);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.preview-failed svg{width:46px;height:46px;margin-bottom:6px}.preview-failed span{font-size:.88rem}.preview-failed-compact{height:178px;min-height:178px;padding:18px 10px}.preview-failed-compact svg{width:34px;height:34px}.preview-failed-compact strong,.preview-failed-compact span{font-size:.78rem}.selected-image-content{min-width:0;padding:22px 2px 1px}.selected-image-content h2{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0;font-size:1.25rem;font-weight:800;overflow:hidden}.selected-image-content p:not(.eyebrow){color:var(--ink-soft);margin:8px 0 0;font-size:.9rem;line-height:1.6}.selected-meta{gap:8px;margin:14px 0 18px;display:flex}.selected-meta span{color:var(--ink-muted);background:#f0f1ec;border-radius:8px;padding:5px 9px;font-size:.72rem;font-weight:750}.global-alert{border-radius:var(--radius-sm);color:#732f28;background:var(--red-pale);border:1px solid #e3a9a2;align-items:flex-start;gap:11px;max-width:620px;margin:-28px 0 30px auto;padding:14px 16px;display:flex}.global-alert svg{flex:none;width:20px;height:20px;margin-top:1px}.global-alert div{flex-direction:column;gap:3px;display:flex}.global-alert strong{font-size:.88rem}.global-alert span{font-size:.82rem;line-height:1.5}.how-section{border-top:1px solid var(--line);margin-top:130px;padding-top:54px}.section-intro{max-width:600px;margin-bottom:32px}.section-intro h2{font-size:clamp(1.8rem,3vw,2.6rem)}.step-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.step-grid article{border:1px solid var(--line);border-radius:var(--radius-md);background:#fffdf8b8;min-height:220px;padding:28px;position:relative;overflow:hidden}.step-grid article>svg{width:40px;height:40px;color:var(--green);margin-bottom:30px}.step-number{color:#d0d6cc;font-size:1.65rem;font-weight:850;position:absolute;top:22px;right:24px}.step-grid h3{margin:0;font-size:1.08rem;font-weight:800}.step-grid p{color:var(--ink-soft);margin:9px 0 0;font-size:.9rem;line-height:1.65}.state-page{padding:72px 0 100px}.loading-card,.recovery-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);max-width:940px;box-shadow:var(--shadow-md);grid-template-columns:.9fr 1.1fr;margin:0 auto;display:grid;overflow:hidden}.loading-visual,.recovery-photo{background:var(--green-pale);place-items:center;min-height:520px;display:grid;position:relative;overflow:hidden}.loading-visual img,.recovery-photo img{object-fit:cover;width:100%;height:100%;min-height:520px}.loading-visual>svg{width:80px;height:80px;color:var(--green)}.scan-line{background:linear-gradient(90deg,#0000,#bfffcf,#0000);height:4px;animation:2.3s ease-in-out infinite scan;position:absolute;top:0;left:0;right:0;box-shadow:0 0 24px 8px #bfffcf59}@keyframes scan{0%,to{opacity:.55;transform:translateY(35px)}50%{opacity:1;transform:translateY(445px)}}.loading-content,.recovery-content{flex-direction:column;justify-content:center;padding:clamp(35px,6vw,70px);display:flex}.loading-orbit,.recovery-icon{width:58px;height:58px;color:var(--green);background:var(--green-light);border-radius:18px;place-items:center;margin-bottom:30px;display:grid}.loading-orbit{animation:1.8s ease-in-out infinite breathe}.loading-orbit svg,.recovery-icon svg{width:29px;height:29px}@keyframes breathe{50%{transform:scale(1.07);box-shadow:0 0 0 9px #a9d3b52e}}.loading-content h1,.recovery-content h1{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.13}.loading-content>p:not(.eyebrow),.recovery-content>p:not(.eyebrow){color:var(--ink-soft);margin:17px 0 0;line-height:1.75}.loading-steps{color:var(--ink-muted);gap:13px;margin:32px 0 0;padding:0;font-size:.88rem;list-style:none;display:grid}.loading-steps li{align-items:center;gap:10px;display:flex}.loading-steps span{border:2px solid var(--line-strong);border-radius:50%;width:9px;height:9px}.loading-steps .active{color:var(--green);font-weight:800}.loading-steps .active span{border-color:var(--green);background:var(--green);box-shadow:0 0 0 4px var(--green-light)}.loading-steps .done{color:var(--ink-soft)}.loading-steps .done span{border-color:var(--green);background:var(--mint)}.loading-actions{margin-top:28px}.recovery-icon{color:var(--coral-dark);background:var(--coral-pale)}.recovery-actions{margin-top:30px}.result-page{padding:70px 0 100px}.result-hero{border-radius:var(--radius-lg);min-height:260px;color:var(--white);box-shadow:var(--shadow-md);background:radial-gradient(circle at 82% 18%,#a9d3b557,#0000 15rem),linear-gradient(128deg,#123c31,#1d5747);justify-content:space-between;align-items:flex-end;gap:30px;padding:clamp(32px,6vw,68px);display:flex;position:relative;overflow:hidden}.result-hero:after{content:"";border:1px solid #ffffff21;border-radius:50%;width:260px;height:260px;position:absolute;top:-135px;right:-45px;box-shadow:0 0 0 38px #ffffff09,0 0 0 82px #ffffff06}.result-hero .eyebrow{color:#bde1c5}.result-hero h1{z-index:1;letter-spacing:-.065em;margin:0;font-size:clamp(2.6rem,6vw,5.4rem);font-weight:600;line-height:1;position:relative}.result-hero h1 span{font-weight:850}.result-hero h1.no-total{font-size:clamp(2.5rem,5vw,4.4rem)}.midpoint{color:#ffffffb8;margin:17px 0 0;font-size:.95rem}.mode-chip{z-index:1;color:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;flex:none;padding:9px 13px;font-size:.75rem;font-weight:800;position:relative}.result-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:26px;margin-top:26px;display:grid}.result-main-column{gap:20px;min-width:0;display:grid}.macro-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.macro-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);min-width:0;min-height:134px;padding:22px;position:relative;overflow:hidden}.macro-card:after{content:"";opacity:.75;border-radius:50%;width:78px;height:78px;position:absolute;bottom:-29px;right:-24px}.macro-protein:after{background:var(--coral-pale)}.macro-carbs:after{background:var(--gold-pale)}.macro-fat:after{background:var(--green-light)}.macro-card>span{color:var(--ink-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:800;display:block}.macro-card strong{letter-spacing:-.04em;margin-top:9px;font-size:clamp(1.35rem,2.4vw,1.8rem);font-weight:850;display:block}.macro-card small{color:var(--ink-muted);margin-top:4px;font-size:.75rem;display:block}.confidence-panel{border-radius:var(--radius-md);background:var(--green-pale);border:1px solid #b8d6c0;align-items:center;gap:16px;min-height:92px;padding:20px 23px;display:flex}.confidence-panel-low{background:var(--gold-pale);border-color:#e5c78e}.confidence-icon{width:43px;height:43px;color:var(--green);background:var(--white);border-radius:13px;flex:none;place-items:center;display:grid}.confidence-panel-low .confidence-icon{color:#8a6122}.confidence-icon svg{width:23px;height:23px}.confidence-panel>div:last-child,.confidence-split{grid-template-columns:auto auto;align-items:baseline;gap:2px 10px;display:grid}.confidence-split strong{font-size:1rem}.confidence-panel span{color:var(--ink-soft);font-size:.78rem;font-weight:700}.confidence-panel strong{font-size:1.12rem;font-weight:850}.confidence-panel p{color:#725523;grid-column:1/-1;margin:3px 0 0;font-size:.8rem}.coverage-notice,.inline-warning{color:#725523;background:var(--gold-pale);margin:0}.coverage-notice{border-radius:var(--radius-sm);border:1px solid #e5ca97;align-items:flex-start;gap:9px;padding:13px 15px;font-size:.82rem;line-height:1.5;display:flex}.coverage-notice svg{flex:none;width:18px;height:18px}.breakdown-section,.uncertainty-section{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper);padding:clamp(22px,4vw,34px)}.section-heading-row{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.section-heading-row.compact{margin-bottom:17px}.section-heading-row h2,.uncertainty-section h2{font-size:clamp(1.45rem,2.8vw,2rem)}.item-count{color:var(--ink-muted);background:#eff1ec;border-radius:999px;flex:none;padding:6px 10px;font-size:.75rem;font-weight:800}.food-list{gap:13px;display:grid}.food-card{border:1px solid var(--line);background:var(--white);border-radius:17px;padding:20px;transition:border-color .16s,box-shadow .16s}.food-card:focus-within{border-color:#8bb6a1;box-shadow:0 7px 18px #174c3d14}.food-card-heading{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;display:grid}.food-index{width:44px;height:44px;color:var(--green);background:var(--green-light);border-radius:13px;place-items:center;font-size:1rem;font-weight:850;display:grid}.food-title-wrap{min-width:0}.food-title-wrap label,.field-group label,.preset-fieldset legend{color:var(--ink-muted);margin-bottom:5px;font-size:.7rem;font-weight:750;display:block}.food-name-input{width:100%;min-height:38px;color:var(--ink);background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0;padding:3px 0;font-size:1.05rem;font-weight:800}.food-name-input:hover,.food-name-input:focus{border-bottom-color:var(--line-strong);outline:none}.icon-button{cursor:pointer;width:44px;height:44px;color:var(--ink-muted);background:0 0;border:0;border-radius:12px;place-items:center;padding:0;display:grid}.icon-button:hover{color:var(--red);background:var(--red-pale)}.icon-button svg{width:19px;height:19px}.food-summary-line{background:#f6f6f1;border-radius:11px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:16px 0;padding:11px 13px;display:flex}.food-summary-line strong{font-size:.9rem}.confidence-badge{border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:800}.confidence-high{color:#2d6044;background:var(--green-light)}.confidence-medium{color:#77551e;background:var(--gold-pale)}.confidence-low{color:#843c32;background:var(--red-pale)}.preset-fieldset{border:0;margin:0 0 15px;padding:0}.segment-control{border:1px solid var(--line);background:#f2f3ee;border-radius:11px;grid-template-columns:repeat(3,1fr);gap:3px;width:min(100%,330px);padding:3px;display:grid}.segment-control button{cursor:pointer;min-height:38px;color:var(--ink-soft);background:0 0;border:0;border-radius:8px;font-size:.8rem;font-weight:750}.segment-control button:hover,.segment-control button:focus-visible{color:var(--green);background:var(--white);box-shadow:0 2px 8px #17352e12}.portion-fields{grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr) minmax(128px,.8fr);align-items:end;gap:10px;display:grid}.field-group input,.field-group select{border:1px solid var(--line-strong);width:100%;min-height:44px;color:var(--ink);background:var(--white);border-radius:10px;padding:9px 11px}.field-group input:hover,.field-group select:hover{border-color:#8ea399}.range-divider{min-height:44px;color:var(--ink-muted);place-items:center;font-size:.76rem;display:grid}.inline-warning{border-radius:9px;margin-top:13px;padding:9px 11px;font-size:.76rem;line-height:1.5}.food-uncertainty{color:var(--ink-muted);margin:14px 0 0;font-size:.76rem;line-height:1.5}.food-uncertainty span{color:var(--ink-soft);margin-right:4px;font-weight:800}.add-food-button{width:100%;color:var(--green);background:var(--green-pale);border:1px dashed #9eb4a9;margin-top:14px}.add-food-button:hover{background:var(--green-light);border-style:solid}.reason-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.reason-list li{color:var(--ink-soft);background:#f4f3ed;border-radius:11px;padding:12px 14px 12px 39px;font-size:.84rem;line-height:1.55;position:relative}.reason-list li:before{content:"?";width:20px;height:20px;color:var(--coral-dark);background:var(--coral-pale);border-radius:50%;place-items:center;font-size:.7rem;font-weight:850;display:grid;position:absolute;top:12px;left:12px}.explain-details{border:1px solid var(--line);background:var(--white);border-radius:11px;margin-top:14px}.explain-details summary{cursor:pointer;min-height:48px;color:var(--green);padding:13px 15px;font-size:.84rem;font-weight:800}.explain-details>p,.explain-details>div{color:var(--ink-soft);margin:0;padding:0 15px 15px;font-size:.82rem;line-height:1.65}.evidence-details>div+div{padding-top:6px}.evidence-details strong{color:var(--ink)}.evidence-details ul{margin:7px 0 0;padding-left:19px}.result-sidebar{gap:14px;min-width:0;display:grid;position:sticky;top:22px}.sidebar-photo-card,.sidebar-note,.data-notice{border:1px solid var(--line);background:var(--paper);border-radius:17px;padding:16px}.sidebar-photo-card img{object-fit:cover;border-radius:12px;width:100%;height:205px;margin-bottom:12px}.sidebar-photo-card .button{width:100%}.sidebar-note{color:var(--ink-soft)}.sidebar-note>svg{width:22px;height:22px;color:var(--green);margin-bottom:10px}.sidebar-note strong,.data-notice>span{color:var(--ink);font-size:.84rem;font-weight:850}.sidebar-note p,.data-notice p{margin:7px 0 0;font-size:.78rem;line-height:1.6}.sidebar-note.demo-note{color:#6e432d;background:#fff4e8;border-color:#ebc7a8}.data-notice{color:var(--ink-muted);background:#f1f2ed}.site-footer{width:min(calc(100% - 40px), var(--content));border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:40px;margin:0 auto;padding:44px 0 54px;display:flex}.footer-brand{font-size:1rem}.footer-brand .brand-mark{border-radius:9px;width:29px;height:29px}.footer-brand .brand-mark:before{inset:6px}.footer-brand .brand-mark:after{width:6px;height:6px;top:11px;left:11px}.footer-brand .brand-mark span{width:15px;left:7px}.site-footer>div:first-child>p{color:var(--ink-muted);margin:11px 0 0;font-size:.8rem}.footer-note{max-width:390px;color:var(--ink-muted);align-items:flex-start;gap:9px;display:flex}.footer-note svg{flex:none;width:18px;height:18px}.footer-note p{margin:0;font-size:.76rem;line-height:1.6}@media (max-width:980px){.home-page{padding-top:48px}.hero-section{grid-template-columns:1fr 1fr;gap:34px}.hero-copy h1{font-size:clamp(2.7rem,6.5vw,4.1rem)}.upload-card{padding:20px}.upload-illustration{min-height:205px}.result-grid{grid-template-columns:minmax(0,1fr) 270px}.portion-fields{grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr)}.unit-field{grid-column:1/-1}}@media (max-width:800px){.header-inner,.mode-banner,.home-page,.result-page,.state-page,.site-footer{width:min(calc(100% - 32px), var(--content))}.hero-section{grid-template-columns:1fr}.hero-copy{text-align:center}.principle-pill,.hero-copy h1,.hero-copy>p{margin-inline:auto}.trust-row{justify-content:center}.upload-card{width:100%;max-width:620px;margin:0 auto}.how-section{margin-top:90px}.step-grid{grid-template-columns:1fr}.step-grid article{min-height:180px}.loading-card,.recovery-card{grid-template-columns:1fr;max-width:620px}.loading-visual,.recovery-photo,.loading-visual img,.recovery-photo img{min-height:310px;max-height:360px}.result-grid{grid-template-columns:1fr}.result-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.sidebar-photo-card{grid-row:span 2}.data-notice{grid-column:2}}@media (max-width:620px){.header-inner{min-height:66px}.privacy-link{display:none}.header-mode{font-size:.7rem}.mode-banner{align-items:flex-start}.mode-banner div:last-child{display:grid}.home-page{padding:42px 0 68px}.hero-copy h1{font-size:clamp(2.45rem,12.5vw,3.45rem)}.hero-copy>p{margin-top:22px;line-height:1.7}.trust-row{gap:8px 13px}.upload-card{border-radius:23px;padding:15px}.upload-illustration{min-height:190px}.plate-ring{border-width:18px;width:140px;height:140px}.plate-food-one{width:47px;height:58px}.plate-food-two{width:57px;height:39px}.plate-food-three{width:48px;height:48px;margin-left:49px}.upload-actions .button{width:100%}.selected-image-frame,.selected-image-frame>img,.preview-failed{height:275px;min-height:275px}.selected-actions .button-primary{width:100%}.selected-actions .button-secondary,.selected-actions .button-ghost{flex:1}.how-section{margin-top:75px;padding-top:40px}.state-page{padding:45px 0 70px}.loading-content,.recovery-content{padding:30px 24px 36px}.loading-content h1,.recovery-content h1{font-size:2.1rem}.recovery-actions .button{width:100%}.result-page{padding:38px 0 70px}.result-hero{flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:245px;padding:30px 24px}.result-hero h1{font-size:clamp(2.65rem,13vw,4rem)}.mode-chip{order:-1}.macro-grid{grid-template-columns:1fr}.macro-card{min-height:105px;padding:18px 20px}.macro-card strong{margin-top:5px}.breakdown-section,.uncertainty-section{padding:19px 14px}.section-heading-row{padding-inline:3px}.food-card{padding:15px 12px}.food-card-heading{grid-template-columns:40px minmax(0,1fr) 40px;gap:8px}.food-index,.icon-button{width:40px;height:40px}.food-summary-line{flex-direction:column;align-items:flex-start}.segment-control{width:100%}.portion-fields{grid-template-columns:1fr auto 1fr;gap:7px}.unit-field{grid-column:1/-1}.result-sidebar{grid-template-columns:1fr}.sidebar-photo-card{grid-row:auto}.data-notice{grid-column:auto}.sidebar-photo-card img{height:240px}.site-footer{flex-direction:column;align-items:flex-start;gap:25px;padding-bottom:38px}}@media (max-width:390px){.header-inner,.mode-banner,.home-page,.result-page,.state-page,.site-footer{width:calc(100% - 24px)}.header-actions{gap:8px}.header-mode{padding-inline:8px}.hero-copy h1{letter-spacing:-.055em}.upload-card{padding:12px}.upload-copy,.selected-image-content{padding-inline:5px}.result-hero{padding-inline:20px}.result-hero h1{font-size:2.7rem}.portion-fields{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.field-group input,.field-group select{padding-inline:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.journal-shell{min-height:100dvh;padding-bottom:calc(90px + env(safe-area-inset-bottom))}.journal-header{justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:auto;padding:18px 24px;display:flex}.journal-status{color:#355746;text-align:center;overflow-wrap:anywhere;background:#e8eee6;padding:10px 24px;font-size:.8rem}.journal-main{width:min(100% - 32px,1000px);margin:32px auto}.journal-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.journal-title h1{margin:6px 0;font-size:clamp(1.8rem,4vw,2.8rem)}.journal-card{background:#fffdf8;border:1px solid #dce2d7;border-radius:20px;margin-bottom:18px;padding:24px}.journal-card h2{margin-top:0}.journal-card p{line-height:1.6}.journal-notice{background:#fff0d7;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;max-width:1000px;margin:12px auto;padding:12px 18px;display:flex}.journal-notice>button:not(.button){background:0 0;border:0;min-width:44px;min-height:44px;font-size:1.4rem}.journal-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.journal-shell button{cursor:pointer;min-height:44px}.journal-shell button:disabled{cursor:not-allowed;opacity:.55}.journal-shell input,.journal-shell select{color:#223b2e;background:#fff;border:1px solid #a9b8a8;border-radius:10px;max-width:100%;min-height:44px;padding:10px;font-size:16px}.journal-shell label{flex-direction:column;gap:8px;font-weight:600;display:flex}.journal-shell :focus-visible{outline-offset:3px;outline:3px solid #b55f3d}.journal-nav{z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fffdf8;border-top:1px solid #dce2d7;justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.journal-nav button{color:#405f4b;background:0 0;border:0;border-radius:12px;flex:1;max-width:220px;font-weight:700}.journal-nav button[aria-current]{color:#fff;background:#244d38}.day-summary{background:#eaf0e6;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.day-summary>div{flex-direction:column;gap:8px;display:flex}.day-summary strong{color:#244d38;overflow-wrap:anywhere;font-size:clamp(1.1rem,2.4vw,1.8rem)}.day-summary p{grid-column:1/-1;margin:0;font-size:.85rem}.meal-row{align-items:center;gap:20px;display:flex}.meal-row>div{min-width:0}.meal-row h3{overflow-wrap:anywhere;margin:8px 0 14px}.meal-row p{color:#5c6e60;margin:0;font-size:.85rem}.meal-thumbnail{object-fit:cover;border-radius:14px;flex-shrink:0;width:96px;height:96px}.photo-placeholder{color:#506653;background:#eaf0e6;place-items:center;font-size:.75rem;display:grid}.empty-journal{text-align:center;padding-block:48px}.draft-banner{background:#fdf0df;justify-content:space-between;align-items:center;gap:12px;display:flex}.date-filter{max-width:320px;margin:20px 0}.meal-metadata,.journal-editor>.journal-card{width:min(100% - 32px,1060px);margin:24px auto}.metadata-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.editor-fields{border:0;min-width:0;margin:0;padding:0}.journal-editor{padding-bottom:90px}.save-bar{z-index:35;bottom:calc(68px + env(safe-area-inset-bottom));background:#fffdf8;border-top:1px solid #dce2d7;justify-content:center;gap:12px;padding:14px 16px;display:flex;position:sticky}.save-bar button{flex:1;max-width:260px}.account-form{gap:18px;max-width:540px;display:grid}.account-form p{margin:0}.pwa-card{width:min(100% - 32px,1000px);margin:20px auto}@media (max-width:600px){.journal-card{padding:18px}.journal-header{padding:12px 16px}.journal-title{align-items:flex-start}.journal-title>button{padding-inline:14px}.day-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metadata-grid label:last-child{grid-column:1/-1}.meal-thumbnail{width:70px;height:70px}.meal-row{align-items:flex-start;gap:12px}.journal-editor .home-page,.journal-editor .result-page{width:calc(100% - 24px)}}