: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}.milk-choice-control{border:1px solid var(--line);background:#f2f3ee;border-radius:11px;flex-wrap:wrap;gap:3px;width:100%;padding:3px;display:flex}.milk-choice-control button{cursor:pointer;min-height:38px;color:var(--ink-soft);background:0 0;border:0;border-radius:8px;flex:5.5rem;font-size:.8rem;font-weight:750}.milk-choice-control button:hover,.milk-choice-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{--journal-bg:#f6f1e8;--journal-surface:#fffdf8;--journal-surface-soft:#f0f3ea;--journal-surface-warm:#fbefdf;--journal-ink:#19382f;--journal-ink-soft:#4f685d;--journal-muted:#728078;--journal-primary:#245443;--journal-primary-strong:#173f35;--journal-primary-soft:#dce9dc;--journal-accent:#c96e4a;--journal-accent-soft:#f4dccd;--journal-border:#d9ded4;--journal-warning:#8b6224;--journal-warning-soft:#fff0d7;--journal-danger:#973e27;--journal-radius-sm:12px;--journal-radius-md:18px;--journal-radius-lg:26px;--journal-shadow-sm:0 8px 24px #23443512;--journal-shadow-md:0 18px 44px #2344351a;min-height:100dvh;padding-bottom:calc(112px + env(safe-area-inset-bottom));color:var(--journal-ink);background:radial-gradient(circle at 8% 4%, #c96e4a14, transparent 22rem), radial-gradient(circle at 92% 12%, #5b89681a, transparent 24rem), var(--journal-bg)}.journal-shell *{box-sizing:border-box}.journal-shell .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.journal-header{justify-content:space-between;align-items:center;gap:12px;width:min(100% - 32px,1120px);margin:0 auto;padding:18px 4px 14px;display:flex}.journal-brand{color:var(--journal-ink);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.journal-brand-mark{width:42px;height:42px;box-shadow:var(--journal-shadow-sm);background:url(/icon-192.png) 50%/cover no-repeat;border-radius:13px;flex:none}.journal-brand>span{gap:1px;display:grid}.journal-brand strong{letter-spacing:-.02em;font-size:1.02rem}.journal-brand small{color:var(--journal-muted);font-size:.7rem}.journal-account-button{align-items:center;gap:7px;display:inline-flex;padding-inline:13px!important}.journal-account-button svg{width:19px;height:19px}.journal-status{border:1px solid var(--journal-border);width:min(100% - 32px,1000px);min-height:34px;color:var(--journal-ink-soft);text-align:center;overflow-wrap:anywhere;background:#fffdf8d6;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:0 auto 4px;padding:7px 12px;font-size:.76rem;display:flex}.journal-status-dot{background:#8a9a8d;border-radius:50%;flex:none;width:7px;height:7px}.journal-status.is-synced .journal-status-dot{background:#4f8a65}.journal-status.is-offline{color:#76531f;background:#fff7e8;border-color:#ead2aa}.journal-status.is-offline .journal-status-dot{background:#c38734}.journal-main{width:min(100% - 32px,1000px);margin:26px auto 42px}.journal-card{background:var(--journal-surface);border:1px solid var(--journal-border);border-radius:var(--journal-radius-lg);box-shadow:var(--journal-shadow-sm);margin-bottom:18px;padding:24px}.journal-card h1,.journal-card h2,.journal-card h3{letter-spacing:-.025em}.journal-card h2{margin-top:0}.journal-card p{line-height:1.65}.journal-shell .eyebrow{color:var(--journal-accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 5px;font-size:.74rem;font-weight:800}.journal-shell .button-primary{background:var(--journal-primary);border-color:var(--journal-primary);color:#fff;box-shadow:0 7px 18px #24544329}.journal-shell .button-primary:hover:not(:disabled){background:var(--journal-primary-strong)}.journal-shell .button-secondary{background:var(--journal-surface);color:var(--journal-primary);border-color:#bdc9bf}.journal-shell .button-ghost{color:var(--journal-primary)}.journal-shell button{cursor:pointer;min-height:44px}.journal-shell button:disabled{cursor:not-allowed;opacity:.55}.journal-shell input,.journal-shell select,.journal-shell textarea{border-radius:var(--journal-radius-sm);max-width:100%;min-height:46px;color:var(--journal-ink);background:#fff;border:1px solid #b9c5ba;padding:11px 12px;font-size:16px}.journal-shell input:hover:not(:disabled),.journal-shell select:hover:not(:disabled),.journal-shell textarea:hover:not(:disabled){border-color:#8ea491}.journal-shell textarea{resize:vertical;width:100%;line-height:1.55}.journal-shell label{color:var(--journal-ink);flex-direction:column;gap:8px;font-weight:700;display:flex}.journal-shell :focus-visible{outline-offset:3px;outline:3px solid #c96e4a8c}.journal-notice{border-radius:var(--journal-radius-md);background:var(--journal-warning-soft);color:#6f4f20;width:min(100% - 32px,1000px);box-shadow:var(--journal-shadow-sm);border:1px solid #ead2aa;justify-content:space-between;align-items:center;gap:12px;margin:12px auto;padding:12px 16px;display:flex}.journal-notice>button:not(.button){min-width:44px;min-height:44px;color:inherit;background:0 0;border:0;font-size:1.35rem}.food-stamp-cluster{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.food-stamp{filter:saturate(.72);opacity:.3;background:#fffdf866;border:1px dashed #3054422e;border-radius:20px;place-items:center;width:62px;height:62px;font-size:1.8rem;display:grid;position:absolute;transform:rotate(-8deg)}.food-stamp svg{width:30px;height:30px}.food-stamp-1{top:18px;right:26px}.food-stamp-2{top:78px;right:98px;transform:rotate(11deg)scale(.82)}.food-stamp-3{bottom:18px;right:38px;transform:rotate(7deg)scale(.72)}.food-stamp-4{bottom:14px;right:122px;transform:rotate(-13deg)scale(.64)}.food-stamp-empty .food-stamp-1{top:18px;left:28px;right:auto}.food-stamp-empty .food-stamp-2{top:52px;right:28px}.food-stamp-empty .food-stamp-3{bottom:20px;left:48%}.journal-title{justify-content:space-between;align-items:flex-end;gap:24px;min-height:190px;margin-bottom:20px;padding:28px;display:flex;position:relative;overflow:hidden}.journal-hero-card{box-shadow:var(--journal-shadow-md);background:#e8efe4;border:1px solid #cfdacb;border-radius:30px}.journal-hero-card.is-history{background:#f1ece3;border-color:#e2d9ca;min-height:166px}.journal-heading-copy{z-index:2;max-width:520px;position:relative}.journal-title h1{color:var(--journal-primary-strong);margin:4px 0 8px;font-size:clamp(2rem,5vw,3.35rem);line-height:1}.journal-date-line{color:var(--journal-ink-soft);margin:0;font-size:.92rem;line-height:1.5}.journal-title-actions{z-index:3;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,360px);display:grid;position:relative}.journal-quick-action{color:var(--journal-primary);text-align:left;background:#fffdf8d6;border:1px solid #c5d0c5;border-radius:18px;align-items:center;gap:10px;padding:12px;display:flex;box-shadow:0 7px 20px #2344350f;min-height:92px!important}.journal-quick-action.is-primary{border-color:var(--journal-primary);background:var(--journal-primary);color:#fff}.journal-quick-action>span:last-child{gap:2px;display:grid}.journal-quick-action strong{font-size:.88rem}.journal-quick-action small{color:inherit;opacity:.72;font-size:.67rem}.journal-quick-icon{background:#24544314;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;display:grid}.journal-quick-action.is-primary .journal-quick-icon{background:#ffffff24}.journal-quick-icon svg{width:20px;height:20px}.journal-start-hero{background:#e8efe4;border-color:#cfdacb;align-items:flex-end;min-height:220px;display:flex;position:relative;overflow:hidden}.journal-start-copy{z-index:2;max-width:620px;position:relative}.journal-start-copy h1{margin:4px 0 10px;font-size:clamp(2rem,5vw,3.2rem)}.journal-start-copy>p:last-child{color:var(--journal-ink-soft);margin-bottom:0}.journal-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.journal-entry-card{border:1px solid var(--journal-border);background:var(--journal-surface);color:var(--journal-primary);text-align:left;box-shadow:var(--journal-shadow-sm);border-radius:22px;align-items:center;gap:16px;padding:20px;display:flex;min-height:128px!important}.journal-entry-card.is-primary{border-color:var(--journal-primary);background:var(--journal-primary);color:#fff}.journal-entry-card>span:last-child{gap:5px;display:grid}.journal-entry-card strong{font-size:1.05rem}.journal-entry-card small{color:inherit;opacity:.72}.journal-entry-icon{background:var(--journal-primary-soft);border-radius:17px;flex:none;place-items:center;width:52px;height:52px;display:grid}.journal-entry-card.is-primary .journal-entry-icon{background:#ffffff24}.journal-entry-icon svg{width:25px;height:25px}.draft-banner{background:var(--journal-surface-warm);border-color:#ead7bd;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.draft-banner>div{gap:2px;display:grid}.draft-banner small{color:#796447}.draft-banner-icon,.journal-loading-mark{background:var(--journal-accent-soft);width:42px;height:42px;color:var(--journal-accent);border-radius:14px;place-items:center;display:grid}.draft-banner-icon svg,.journal-loading-mark svg{width:22px;height:22px}.journal-loading-card{align-items:center;gap:18px;min-height:180px;display:flex}.journal-loading-mark{font-size:1.4rem}.journal-loading-card h1{margin:3px 0 6px}.journal-loading-card p:last-child{color:var(--journal-ink-soft);margin:0}.journal-day{margin-top:28px}.journal-day-heading{justify-content:space-between;align-items:baseline;gap:12px;margin:0 2px 10px;display:flex}.journal-day-heading h2{color:var(--journal-primary-strong);letter-spacing:-.01em;margin:0;font-size:1rem}.journal-day-heading span{color:var(--journal-muted);font-size:.72rem}.day-summary{background:var(--journal-surface-soft);box-shadow:none;border-color:#d4ddd0;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:16px;display:grid}.day-summary>div{background:#fffdf8ad;border-radius:14px;flex-direction:column;gap:3px;min-width:0;padding:10px 12px;display:flex}.day-summary>div:nth-child(2){background:var(--journal-primary);color:#fff}.day-summary>div:nth-child(2) span,.day-summary>div:nth-child(2) strong,.day-summary>div:nth-child(2) small{color:inherit}.day-summary span{color:var(--journal-muted);font-size:.72rem}.day-summary strong{color:var(--journal-primary-strong);overflow-wrap:anywhere;font-size:clamp(1rem,2.4vw,1.55rem)}.day-summary small{color:var(--journal-muted);font-size:.68rem}.day-summary p{color:var(--journal-ink-soft);grid-column:1/-1;margin:2px 4px 0;font-size:.8rem;line-height:1.5}.today-summary.is-empty{grid-template-columns:repeat(2,minmax(0,1fr))}.history-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.meal-group+.meal-group{margin-top:22px}.meal-group-title{color:var(--journal-primary);margin:0 0 10px 3px;font-size:.88rem}.meal-group-empty{color:var(--journal-muted);margin:0;padding:4px 4px 14px;font-size:.8rem}.meal-list{gap:10px;display:grid}.meal-row{border-radius:20px;align-items:flex-start;gap:14px;margin-bottom:0;padding:18px 20px 18px 18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative}.meal-row:hover{border-color:#bdcbbf;transform:translateY(-1px);box-shadow:0 12px 28px #23443517}.meal-stamp{background:var(--journal-surface-soft);filter:saturate(.82);border:1px solid #d7dfd3;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;font-size:1.35rem;display:grid}.meal-stamp svg{width:22px;height:22px}.meal-row-content{flex:1;min-width:0}.meal-meta-line{justify-content:space-between;align-items:center;gap:8px;display:flex}.meal-meta-line p{color:var(--journal-muted);margin:0;font-size:.76rem}.meal-row h3,.meal-row h4{color:var(--journal-primary-strong);overflow-wrap:anywhere;margin:5px 0 8px;font-size:1.02rem;line-height:1.35}.meal-row .meal-calories{background:var(--journal-primary-soft);color:var(--journal-primary);border-radius:999px;margin:0 0 12px;padding:5px 8px;font-size:.76rem;font-weight:800;display:inline-flex}.meal-current-note{color:var(--journal-muted);background:#edf1eb;border-radius:999px;padding:4px 7px;font-size:.66rem;font-weight:700}.meal-journal-note{background:#f5f7f2;border-left:3px solid #a4b9a7;border-radius:8px 12px 12px 8px;gap:3px;margin:0 0 10px;padding:9px 11px;display:grid}.meal-journal-note strong{color:var(--journal-primary);font-size:.7rem}.meal-journal-note span{color:var(--journal-ink-soft);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.82rem;line-height:1.55}.journal-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.journal-actions .button{min-height:40px;padding:8px 12px;font-size:.76rem}.meal-photo{width:min(100%,240px);margin:0 0 14px}.meal-photo img{aspect-ratio:4/3;object-fit:cover;border-radius:14px;width:100%;display:block}.meal-photo figcaption,.meal-photo-status,.meal-photo-error{color:var(--journal-muted);font-size:.8rem}.meal-photo figcaption{margin-top:5px}.meal-photo-status,.meal-photo-error{margin-bottom:14px}.meal-photo-error .button{margin-top:8px}.meal-photo-open{margin-bottom:14px}.meal-original-analysis{border:1px solid var(--journal-border);background:#f5f7f2;border-radius:12px;margin-bottom:14px}.meal-original-analysis summary{min-height:44px;color:var(--journal-primary);cursor:pointer;padding:11px 13px;font-size:.8rem;font-weight:800}.meal-original-analysis>div,.meal-original-analysis>p{padding:0 13px 13px}.meal-original-analysis p,.meal-original-analysis ul{margin:0 0 10px}.meal-original-analysis ul{padding-left:20px}.meal-original-analysis li{overflow-wrap:anywhere;line-height:1.6}.empty-journal{background:var(--journal-surface);align-content:center;min-height:250px;padding:40px;display:grid;position:relative;overflow:hidden}.empty-journal-copy{z-index:2;max-width:560px;position:relative}.empty-journal h2{margin:4px 0 8px;font-size:1.45rem}.empty-journal p{color:var(--journal-ink-soft)}.empty-journal .journal-entry-actions{z-index:2;flex-wrap:wrap;gap:9px;display:flex;position:relative}.empty-journal .journal-entry-actions .button{align-items:center;gap:7px;display:inline-flex}.empty-journal .journal-entry-actions svg{width:18px;height:18px}.date-filter{border:1px solid var(--journal-border);border-radius:var(--journal-radius-md);background:var(--journal-surface);max-width:420px;box-shadow:var(--journal-shadow-sm);grid-template-columns:1fr auto;align-items:end;margin:18px 0;padding:12px;gap:8px!important;display:grid!important}.date-filter>input{grid-column:1}.date-filter>button{grid-area:1/2/span 2}.meal-metadata,.journal-editor>.journal-card{width:min(100% - 32px,1060px);margin:20px auto}.journal-editor{padding-bottom:110px}.editor-card{padding:24px}.editor-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.editor-heading h1{margin:4px 0 7px;font-size:clamp(1.7rem,4vw,2.5rem)}.editor-heading p:last-child{color:var(--journal-ink-soft);margin:0}.editor-mode-chip{background:var(--journal-primary-soft);color:var(--journal-primary);border-radius:999px;flex:none;padding:6px 9px;font-size:.7rem;font-weight:800}.editor-mode-chip.is-ai{background:var(--journal-accent-soft);color:#8a472f}.editor-section-label{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px;display:flex}.editor-section-label>span{color:var(--journal-primary);font-size:.82rem;font-weight:800}.editor-section-label small{color:var(--journal-muted);font-size:.68rem}.metadata-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.editor-card-footnote{color:var(--journal-muted);font-size:.75rem;margin:10px 0 0!important}.journal-note-card{background:#fbf6ed;border-color:#eadfce}.journal-note-card-heading{align-items:center;gap:11px;margin-bottom:13px;display:flex}.journal-note-card-heading h2{margin:2px 0 0;font-size:1.05rem}.journal-note-card-heading h2 small{color:var(--journal-muted);font-size:.68rem;font-weight:600}.journal-note-icon{background:var(--journal-accent-soft);width:38px;height:38px;color:var(--journal-accent);border-radius:13px;place-items:center;font-size:1.05rem;display:grid}.journal-note-icon svg{width:20px;height:20px}.journal-note-field{gap:8px;display:grid}.journal-note-field textarea{background:#ffffffc7;border-color:#d8c8b4;min-height:102px}.journal-note-meta{color:var(--journal-muted);justify-content:space-between;gap:16px;font-size:.75rem;font-weight:400;display:flex}.journal-note-meta>span:first-child{flex:1}.journal-note-meta .is-error,.journal-note-error{color:var(--journal-danger)}.journal-note-error{font-size:.8rem;font-weight:700}.editor-fields{border:0;min-width:0;margin:0;padding:0}.calorie-control{border-radius:var(--journal-radius-lg);width:min(100% - 32px,1000px);margin:18px auto}.calorie-control label{max-width:360px}.calorie-control input{width:100%}.calorie-control p{font-size:.85rem}.calorie-control [role=alert]{color:var(--journal-danger)}.save-bar{z-index:35;bottom:calc(92px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8f7;border:1px solid #bec9beeb;border-radius:20px;flex-wrap:wrap;justify-content:center;gap:10px;width:min(100% - 24px,620px);margin:20px auto 0;padding:10px;display:flex;position:sticky;box-shadow:0 12px 30px #23443521}.save-bar button{flex:1;max-width:270px}.save-review-note{color:#75552a;text-align:center;flex-basis:100%;margin:0;font-size:.72rem;line-height:1.4}.account-form{gap:18px;max-width:540px;display:grid}.account-form p{margin:0}.pwa-card{width:min(100% - 32px,1000px);margin:20px auto}.journal-nav{z-index:40;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));background:#fffdf8f5;border:1px solid #bec9bee6;border-radius:24px;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:4px;width:min(100% - 24px,470px);padding:7px 8px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 14px 42px #23443529}.journal-nav button{min-height:54px;color:var(--journal-muted);background:0 0;border:0;border-radius:17px;align-content:center;justify-items:center;gap:3px;font-weight:800;display:grid}.journal-nav button[aria-current]{background:var(--journal-primary-soft);color:var(--journal-primary)}.journal-nav-icon{place-items:center;width:21px;height:21px;display:grid}.journal-nav-icon svg{width:21px;height:21px}.journal-nav-label{font-size:.66rem}.journal-nav .journal-nav-add{border:5px solid var(--journal-bg);background:var(--journal-primary);color:#fff;border-radius:23px;justify-self:center;width:68px;min-height:68px;margin-top:-22px;box-shadow:0 10px 22px #2454433d}.journal-nav .journal-nav-add[aria-current]{background:var(--journal-primary-strong);color:#fff}.journal-nav .journal-nav-add .journal-nav-label{font-size:.62rem}@media (max-width:760px){.journal-main{width:min(100% - 24px,1000px);margin-top:18px}.journal-header{width:min(100% - 24px,1120px);padding-top:12px}.journal-status,.journal-notice{width:min(100% - 24px,1000px)}.journal-title{flex-direction:column;align-items:flex-start;min-height:0;padding:22px 20px}.journal-title-actions{width:100%}.journal-quick-action{min-height:78px!important}.food-stamp-today .food-stamp-2,.food-stamp-today .food-stamp-4{display:none}.journal-entry-grid{grid-template-columns:1fr}.journal-entry-card{min-height:100px!important}.day-summary,.history-summary,.metadata-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metadata-grid label:last-child{grid-column:1/-1}.editor-heading{flex-direction:column;gap:10px}.editor-mode-chip{align-self:flex-start}.meal-metadata,.journal-editor>.journal-card{width:min(100% - 24px,1060px)}.journal-editor .home-page,.journal-editor .result-page{width:calc(100% - 24px)}}@media (max-width:520px){.journal-card{border-radius:20px;padding:18px}.journal-brand small,.journal-account-button span{display:none}.journal-account-button{justify-content:center;width:44px;padding:0!important}.journal-title h1{font-size:2.25rem}.journal-title-actions{grid-template-columns:1fr 1fr}.journal-quick-action{gap:7px;padding:10px}.journal-quick-icon{border-radius:10px;width:31px;height:31px}.journal-quick-icon svg{width:17px;height:17px}.journal-quick-action strong{font-size:.78rem}.journal-quick-action small{display:none}.food-stamp{width:52px;height:52px}.food-stamp svg{width:26px;height:26px}.food-stamp-new .food-stamp-2,.food-stamp-new .food-stamp-4,.food-stamp-empty .food-stamp-2{display:none}.draft-banner{grid-template-columns:auto 1fr}.draft-banner .button{grid-column:1/-1;width:100%}.empty-journal{padding:30px 20px}.empty-journal .journal-entry-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.empty-journal .journal-entry-actions .button{justify-content:center;width:100%;padding-inline:10px;font-size:.78rem}.meal-row{gap:10px;padding:15px}.meal-stamp{border-radius:12px;width:38px;height:38px}.meal-stamp svg{width:20px;height:20px}.journal-note-meta{flex-direction:column;gap:4px}.editor-section-label{flex-direction:column;align-items:flex-start;gap:2px}.metadata-grid{grid-template-columns:1fr 1fr;gap:10px}.metadata-grid>label{min-width:0}.metadata-grid input,.metadata-grid select{width:100%;min-width:0;max-width:100%}.save-bar{bottom:calc(88px + env(safe-area-inset-bottom))}}@media (max-width:374px){.metadata-grid>.metadata-date{grid-column:1/-1}.metadata-grid>label:last-child{grid-column:auto}}