:root{--bg:#f6f7f6;--surface:#fff;--surface-2:#eef1ef;--text:#15201a;--muted:#5f6b64;--border:#dde3df;--accent:#16a34a;--accent-text:#fff;--accent-soft:#dcfce7;--danger:#dc2626;--warn:#c2410c;--shadow:0 1px 2px #0000000f, 0 4px 16px #0000000a;--radius:16px;--tap:48px;--topbar-bg:#15803d;--topbar-fg:#fff;--topbar-border:transparent;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1412;--surface:#18201c;--surface-2:#222c27;--text:#e8eee9;--muted:#93a19a;--border:#2c3832;--accent:#22c55e;--accent-text:#05250f;--accent-soft:#143322;--danger:#f87171;--warn:#fb923c;--shadow:none;--topbar-bg:#0f1412e6;--topbar-fg:#e8eee9;--topbar-border:#2c3832;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1412;--surface:#18201c;--surface-2:#222c27;--text:#e8eee9;--muted:#93a19a;--border:#2c3832;--accent:#22c55e;--accent-text:#05250f;--accent-soft:#143322;--danger:#f87171;--warn:#fb923c;--shadow:none;--topbar-bg:#0f1412e6;--topbar-fg:#e8eee9;--topbar-border:#2c3832;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;min-height:100dvh;margin:0;font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif}body.no-scroll{overflow:hidden}a{color:var(--accent)}h2{margin:0 0 .5rem;font-size:1.05rem}button,input,select{font:inherit;color:inherit}input,select,textarea{font-size:16px}[hidden]{display:none!important}.topbar{z-index:20;padding:calc(var(--sat) + 6px) calc(var(--sar) + 10px) 6px calc(var(--sal) + 10px);min-height:calc(var(--sat) + 56px);background:var(--topbar-bg);color:var(--topbar-fg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--topbar-border);justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:sticky;top:0}.topbar .icon-btn,.topbar .title-btn{color:inherit}.topbar small{opacity:.8;font-weight:500}.topbar .title{text-align:center;flex:1;font-size:1.1rem;font-weight:650}.title-btn{min-height:var(--tap);cursor:pointer;background:0 0;border:0;flex:1;font-size:1.1rem;font-weight:650}.date-wrap{justify-content:center;align-items:center;display:flex;position:relative}.date-overlay{opacity:0;cursor:pointer;appearance:none;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.app{max-width:640px;padding:12px calc(var(--sar) + 12px) calc(var(--sab) + 96px) calc(var(--sal) + 12px);margin:0 auto}.tabbar{z-index:20;padding:4px calc(var(--sar) + 4px) calc(var(--sab) + 4px) calc(var(--sal) + 4px);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{min-height:52px;color:var(--muted);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.75rem;font-weight:550;text-decoration:none;display:flex}.tabbar svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.tabbar svg .fill{fill:currentColor;stroke:none}.tabbar a.on{color:var(--accent)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);margin-bottom:12px;padding:14px}ul.list{margin:0;padding:0;list-style:none}.card>ul.list{margin:-4px -6px}ul.list.card{padding:4px 8px}.list li+li{border-top:1px solid var(--border)}.row-wrap{align-items:center;display:flex}.row{text-align:left;width:100%;min-height:56px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px 6px;text-decoration:none;display:flex}.row.static{cursor:default}.row:active:not(.static){background:var(--surface-2)}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}.row-name{overflow-wrap:anywhere;font-weight:550}.row-sub{color:var(--muted);font-size:.85rem}.row-val{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.row-val small{color:var(--muted);font-weight:400}.chev{color:var(--muted);font-size:1.4rem}.btn{min-height:var(--tap);border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn small{opacity:.85;font-weight:400}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn.block{width:100%;margin-bottom:12px;display:flex}.btn.small{min-height:44px;padding:6px 12px}.btn-row{gap:10px;margin-top:14px;display:flex}.grow{flex:1}.stack{flex-direction:column;gap:10px;display:flex}.stack .btn.block{margin:0}.icon-btn{min-width:var(--tap);min-height:var(--tap);color:var(--text);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;font-size:1.5rem;text-decoration:none;display:inline-flex}.icon-btn.small{min-width:44px;min-height:44px;color:var(--muted);font-size:1.15rem}.icon-btn.edit{color:var(--muted);font-size:1.1rem}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px 0 0}.file-btn{position:relative}.field{flex-direction:column;gap:4px;min-width:0;margin-bottom:12px;display:flex}.field>span{color:var(--muted);font-size:.85rem}.field-row{align-items:flex-end;gap:10px;display:flex}.field-row>.field{flex:1}.field-row>.btn{margin-bottom:12px}input[type=text],input[type=search],input[type=date],input:not([type]){width:100%;min-height:var(--tap);border:1px solid var(--border);background:var(--surface-2);color:var(--text);appearance:none;border-radius:12px;outline:none;padding:10px 12px}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}input.invalid{border-color:var(--danger)}.big-input{text-align:center;font-variant-numeric:tabular-nums;font-weight:650;font-size:1.6rem!important}.check{min-height:var(--tap);align-items:center;gap:10px;margin-bottom:12px;display:flex}.check input{width:22px;height:22px;accent-color:var(--accent)}.seg{background:var(--surface-2);scrollbar-width:none;border-radius:12px;gap:4px;margin:8px 0;padding:4px;display:flex;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg-btn{min-height:44px;color:var(--muted);white-space:nowrap;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:9px;flex:1;padding:6px 10px;font-size:.9rem;font-weight:600}.seg-btn.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.seg.small .seg-btn{min-height:40px;font-size:.85rem}.sticky-seg{margin-top:0}.chips{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;touch-action:manipulation;border-radius:999px;min-height:44px;padding:6px 14px;font-weight:550}.tabs{border-bottom:1px solid var(--border);gap:6px;margin:12px 0 8px;display:flex}.tab{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:1;font-weight:600}.tab.on{color:var(--text);border-color:var(--accent)}.summary{align-items:center;gap:16px;display:flex}.summary-text{flex:1;min-width:0}.big{font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:700}.unit{color:var(--muted);font-size:.95rem;font-weight:500}.over{color:var(--warn);font-weight:600}.ring{flex:none;width:88px;height:88px}.ring circle{fill:none;stroke-width:9px}.ring-fg{stroke:var(--accent);stroke-linecap:round;transform-origin:40px 40px;transition:stroke-dashoffset .4s;transform:rotate(-90deg)}.ring.over .ring-fg{stroke:var(--warn)}.ring text{fill:var(--text);font-size:15px;font-weight:700}.bar-wrap{margin-top:10px}.bar-label{color:var(--muted);justify-content:space-between;margin-bottom:4px;font-size:.85rem;display:flex}.bar{background:var(--surface-2);border-radius:99px;height:10px;overflow:hidden}.bar-fill{background:#3b82f6;border-radius:99px;height:100%;transition:width .4s}.bar-fill.done{background:var(--accent)}.meal-head{align-items:center;gap:8px;min-height:40px;display:flex}.meal-head h2{flex:1;margin:0}.meal-total{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.9rem}.add-btn{min-height:var(--tap);background:var(--accent-soft);color:var(--text);border-radius:12px;justify-content:center;align-items:center;margin-top:8px;font-weight:600;text-decoration:none;display:flex}.search input{font-size:17px}.action-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px;display:grid}.action{border:1px solid var(--border);background:var(--surface);min-height:72px;color:var(--text);text-align:center;cursor:pointer;touch-action:manipulation;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.action-ico{color:var(--accent);font-size:1.3rem}.hint{color:var(--muted);margin:4px 2px 8px;font-size:.8rem}.empty{text-align:center;color:var(--muted);padding:32px 16px}.empty.small{padding:16px}.muted{color:var(--muted)}.small{font-size:.85rem}.totals{border-top:1px solid var(--border);font-variant-numeric:tabular-nums;flex-direction:column;gap:4px;margin-top:12px;padding-top:10px;display:flex}.stepper{gap:8px;display:flex}.stepper .btn{width:56px;font-size:1.4rem}.result{text-align:center;font-variant-numeric:tabular-nums;margin:4px 0 8px;font-size:1.05rem}.sheet-backdrop{inset:0 0 var(--kb,0px);z-index:50;background:0 0;justify-content:center;align-items:flex-end;transition:background .2s;display:flex;position:fixed}.sheet-backdrop.open{background:#00000073}.sheet{width:100%;max-width:560px;max-height:calc(100dvh - var(--kb,0px) - var(--sat) - 24px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--surface);padding:8px calc(var(--sar) + 16px) calc(var(--sab) + 16px) calc(var(--sal) + 16px);border-radius:20px 20px 0 0;transition:transform .22s cubic-bezier(.2,.8,.2,1);overflow-y:auto;transform:translateY(100%)}.sheet.tall{height:calc(100dvh - var(--kb,0px) - var(--sat) - 24px)}.sheet-backdrop.open .sheet{transform:none}.sheet-handle{background:var(--border);border-radius:3px;width:40px;height:5px;margin:0 auto 6px}.sheet-head{align-items:center;gap:8px;display:flex}.sheet-head h2{flex:1;margin:0;font-size:1.15rem}.sheet-sub{margin:0 0 4px;font-weight:600}@media (width>=700px){.sheet-backdrop{align-items:center}.sheet{border-radius:20px}}#toast-root{left:0;right:0;bottom:max(calc(var(--sab) + 76px), calc(var(--kb,0px) + 12px));z-index:60;pointer-events:none;padding:0 calc(var(--sar) + 12px) 0 calc(var(--sal) + 12px);justify-content:center;display:flex;position:fixed}body.no-scroll #toast-root{bottom:auto;top:calc(var(--sat) + 10px)}.toast{color:#fff;opacity:0;pointer-events:auto;background:#1f2a24;border-radius:14px;align-items:center;gap:12px;max-width:520px;padding:10px 10px 10px 16px;transition:opacity .2s,transform .2s;display:flex;transform:translateY(10px);box-shadow:0 6px 24px #00000040}.toast.show{opacity:1;transform:none}.toast-action{color:#4ade80;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0 8px;font-weight:700}.update-banner{left:calc(var(--sal) + 12px);right:calc(var(--sar) + 12px);top:calc(var(--sat) + 64px);z-index:70;background:var(--surface);border:1px solid var(--accent);border-radius:14px;align-items:center;gap:8px;max-width:520px;margin:0 auto;padding:10px 10px 10px 16px;display:flex;position:fixed;box-shadow:0 6px 24px #0003}.update-banner span{flex:1;font-weight:600}.scanner{z-index:80;color:#fff;padding:var(--sat) var(--sar) var(--sab) var(--sal);background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.scanner-top{justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.scanner-top .btn{color:#fff;background:#ffffff26;border-color:#0000}.scan-region{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex;overflow:hidden}.scan-region video{display:block;width:100%!important}.scanner-status{text-align:center;margin:10px 16px}.scanner-manual{gap:8px;padding:0 12px 12px;display:flex}.scanner-manual input{flex:1;color:#fff!important;background:#ffffff1f!important;border-color:#0000!important}.about a{color:var(--accent)}:root{--seg-on:var(--surface);--ring-track:var(--surface-2)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--seg-on:#34433b;--ring-track:#2c3832}}:root[data-theme=dark]{--seg-on:#34433b;--ring-track:#2c3832}.seg-btn.on{background:var(--seg-on)}.ring-bg{stroke:var(--ring-track)}.sheet{border-top:1px solid var(--border)}.btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.toast span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hint{font-size:.85rem}.text-btn{min-height:44px;color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;align-items:center;padding:0 10px;font-size:.85rem;font-weight:600;display:inline-flex}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.btn-row .btn.danger{margin-right:8px}@media (width>=700px){.topbar,.tabbar{padding-inline:max(12px,50vw - 320px)}}.sync-status{align-items:center;gap:8px;margin:0 0 4px;font-weight:600;display:flex}.sync-dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.sync-ok .sync-dot{background:var(--accent)}.sync-syncing .sync-dot{background:#3b82f6;animation:1s infinite alternate pulse}.sync-auth .sync-dot,.sync-error .sync-dot{background:var(--warn)}@keyframes pulse{to{opacity:.3}}.btn:disabled{opacity:.5}.reminder-row{min-height:var(--tap);align-items:center;gap:12px;padding:4px 0;display:flex}.reminder-row+.reminder-row{border-top:1px solid var(--border)}.reminder-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent);flex:none}.reminder-row input[type=time]{border:1px solid var(--border);background:var(--surface-2);width:auto;min-width:96px;min-height:44px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:10px;padding:6px 10px;font-size:16px}.key-form input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px}.qr{background:#fff;border-radius:12px;max-width:280px;margin:12px auto;padding:8px}.qr svg{width:100%;height:auto;display:block}.unit-chips{margin:4px 0 12px}.chip.unit{border-radius:12px;flex-direction:column;align-items:center;padding:6px 12px;line-height:1.15;display:inline-flex}.chip.unit small{color:var(--muted);font-size:.75rem;font-weight:400}.chip.unit.on{background:var(--accent-soft);border-color:var(--accent)}.unit-chips .unit-row{scrollbar-width:none;flex-wrap:nowrap;margin-bottom:6px;overflow-x:auto}.unit-chips .unit-row::-webkit-scrollbar{display:none}.chip.unit{flex:1 0 auto;justify-content:center}.freetext-btn{margin:10px 0 0}textarea.freetext{border:1px solid var(--border);background:var(--surface-2);width:100%;min-height:84px;color:var(--text);font:inherit;resize:vertical;border-radius:12px;padding:10px 12px;font-size:16px}textarea.freetext:focus{border-color:var(--accent);outline:none}.freetext-list .ft-row{align-items:center;gap:6px;padding:8px 0;display:flex}.ft-row.missing{color:var(--warn);font-size:.9rem}.ft-main{flex-direction:column;flex:1;min-width:0;display:flex}.ft-food{width:100%;min-height:36px;color:var(--text);text-overflow:ellipsis;appearance:none;background:0 0;border:0;padding:0;font-size:16px;font-weight:600}.ft-grams{text-align:right;border:1px solid var(--border);background:var(--surface-2);width:64px;min-height:40px;color:var(--text);border-radius:10px;padding:4px 8px;font-size:16px}.ft-grams.guess{border-color:var(--warn)}.ft-unit{color:var(--muted);font-size:.85rem}.freetext-foot{bottom:calc(-1 * (var(--sab) + 16px));background:var(--surface);padding:10px 0 calc(var(--sab) + 4px);border-top:1px solid var(--border);margin-top:8px;position:sticky}.freetext-total{text-align:center;font-variant-numeric:tabular-nums;margin-bottom:8px}.freetext-foot .btn.block{margin:0}.freetext-list .ft-row{flex-direction:column;align-items:stretch;gap:2px}.ft-line{align-items:center;gap:8px;display:flex}.ft-meal{border:1px solid var(--border);background:var(--surface-2);min-height:40px;color:var(--text);border-radius:10px;padding:4px 10px;font-size:16px}.ft-kcal{min-width:70px}.ft-hint{margin:6px 0 0}.freetext-list .ft-grams{flex:none;width:72px}:root{--bar:#16a34a;--bar-over:#c2410c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bar:#16a34a;--bar-over:#ea580c}}:root[data-theme=dark]{--bar:#16a34a;--bar-over:#ea580c}.stat-tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:2px;min-width:0;padding:10px;display:flex}.tile-label{color:var(--muted);font-size:.75rem}.tile-num{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.35rem;font-weight:700}.tile-num small{color:var(--muted);font-size:.85rem;font-weight:500}.tile-sub{color:var(--muted);font-size:.72rem}.link-btn.inline{min-height:0;font-size:inherit;text-align:left;padding:0}.week-chart{width:100%;height:auto;display:block}.week-chart .bar{fill:var(--bar)}.week-chart .bar.over{fill:var(--bar-over)}.week-chart .bar-hatch{fill:url(#hatch)}.week-chart .hatch-line{stroke:#ffffff73;stroke-width:2px}.week-chart .bar-val{fill:var(--text);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.week-chart .bar-empty{fill:var(--muted);font-size:12px}.week-chart .axis{fill:var(--muted);font-size:11.5px}.week-chart .axis.today{fill:var(--text);font-weight:700}.week-chart .baseline{stroke:var(--border);stroke-width:1px}.week-chart .goal-line{stroke:var(--text);stroke-width:1.5px;stroke-dasharray:4 4;opacity:.6}.week-chart .bar-hit{fill:#0000;cursor:pointer}.week-chart .bar-hit:focus-visible{fill:color-mix(in srgb, var(--text) 8%, transparent);outline:none}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px;font-size:.8rem;display:flex}.lg-bar{background:var(--bar);border-radius:3px;width:12px;height:12px}.lg-bar.over{background:repeating-linear-gradient(45deg, var(--bar-over) 0 3px, color-mix(in srgb, var(--bar-over) 60%, #fff) 3px 5px)}.lg-goal{border-top:2px dashed var(--text);opacity:.6;width:18px}.week-table{margin-top:8px}.week-table small.over,.row-val small.over{color:var(--warn);font-weight:600}.same-btn{width:100%;min-height:var(--tap);border:1px dashed var(--accent);color:var(--text);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:8px;font-weight:600;display:flex}.same-btn small{color:var(--muted);font-weight:400}.same-btn:disabled{opacity:.5}.section-h{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:16px 2px 6px;font-size:.95rem}.recipe-actions{margin-top:0;margin-bottom:4px}.recipe-actions .btn{text-align:center}.import-form{gap:8px;margin:8px 0;display:flex}.import-form input{flex:1;min-width:0}.import-title{margin:12px 0 2px}.import-error{color:var(--warn);font-weight:600}.import-list .row.missing .row-name{color:var(--warn)}input[type=url]{width:100%;min-height:var(--tap);border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:12px;padding:10px 12px;font-size:16px}.import-list .ft-grams{flex:none;width:72px}.import-list .row.static{gap:6px}