:root{--bg:#0e0e12;--surface:#16161d;--surface-2:#1d1d26;--border:#2a2a34;--text:#e9e9ef;--text-dim:#9a9aa8;--accent:#7cd6a0;--accent-press:#63bb88;--danger:#e0795b;--p:#6fa8dc;--f:#e0c15b;--c:#b58be0;--radius:14px;--tabbar-h:64px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4}#app{max-width:640px;padding:calc(12px + var(--safe-t)) 16px calc(var(--tabbar-h) + var(--safe-b) + 24px);min-height:100vh;margin:0 auto}h1{margin:4px 0 12px;font-size:26px;font-weight:700}h2{color:var(--text-dim);text-transform:none;margin:22px 0 10px;font-size:16px;font-weight:600}.screen-head{align-items:center;gap:8px;display:flex}.screen-head.with-back h1{margin:4px 0 12px}.btn{border-radius:var(--radius);width:100%;min-height:52px;color:var(--text);background:var(--surface-2);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:0 18px;font-size:17px;font-weight:600;transition:transform 50ms,background .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--accent);color:#0c1a12}.btn-primary:active{background:var(--accent-press)}.btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0}.btn-danger{border:1px solid var(--danger);color:var(--danger);background:0 0}.shoot{bottom:calc(var(--tabbar-h) + var(--safe-b) + 12px);position:sticky;box-shadow:0 8px 24px #0006}.icon-btn{background:var(--surface-2);width:44px;height:44px;color:var(--text);cursor:pointer;border:none;border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:20px;display:inline-flex}.icon-btn:disabled{opacity:.35;pointer-events:none}.icon-btn.back{font-size:30px;line-height:1}.field{width:100%;min-height:48px;color:var(--text);background:var(--surface);border:1px solid var(--border);appearance:none;border-radius:12px;padding:10px 12px;font-size:16px}select.field{background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px}.field-row{flex-direction:column;gap:6px;margin-top:8px;display:flex}.field-row>label{color:var(--text-dim);font-size:14px}.status{min-height:0;color:var(--text-dim);align-items:center;gap:10px;margin:10px 0;font-size:15px;display:flex}.status:empty{margin:0}.status-error{color:var(--danger)}.status-warn{color:var(--f)}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.preview{border-radius:var(--radius);background:var(--surface);margin:12px 0;overflow:hidden}.preview img{object-fit:cover;width:100%;max-height:50vh;display:block}.items{flex-direction:column;gap:10px;display:flex}.item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px}.item-top{align-items:center;gap:8px;display:flex}.item-name{flex:1}.item-bottom{align-items:center;gap:12px;margin-top:10px;display:flex}.weight-label{flex:none;align-items:center;gap:6px;display:inline-flex}.item-weight{text-align:right;width:92px}.unit{color:var(--text-dim);font-size:14px}.item-macros{color:var(--text-dim);text-align:right;flex:1;font-size:13px}.total{background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:14px;display:flex}.total>span:first-child{color:var(--text-dim)}.total-line{flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:10px;display:flex}.kcal{color:var(--accent);font-size:20px;font-weight:700}.macro{color:var(--text-dim);font-size:14px}.retry{margin-bottom:8px}.day-head{color:var(--text-dim);margin:20px 0 8px;font-size:14px;font-weight:600}.card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:100%;color:var(--text);gap:12px;margin-bottom:10px;padding:10px;display:flex}.card:active{background:var(--surface-2)}.thumb{background:var(--surface-2);border-radius:10px;flex:none;width:72px;height:72px;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.card-body{flex-direction:column;flex:1;justify-content:center;gap:8px;min-width:0;display:flex}.card-top{align-items:center;gap:8px;display:flex}.meal-type{font-weight:600}.time{color:var(--text-dim);font-size:14px}.macros{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.badge{background:var(--surface-2);color:var(--text-dim);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:12px}.badge-high{color:var(--accent);background:#7cd6a02e}.badge-medium{color:var(--f);background:#e0c15b2e}.badge-low{color:var(--danger);background:#e0795b2e}.empty{text-align:center;padding:48px 16px}.empty-title{font-size:18px;font-weight:600}.empty-sub{color:var(--text-dim);margin-top:6px}.detail-photo{border-radius:var(--radius);background:var(--surface);margin-bottom:12px;overflow:hidden}.detail-photo img{width:100%;display:block}.detail-meta{flex-direction:column;gap:10px;display:flex}.detail-row{color:var(--text-dim);align-items:center;gap:10px;display:flex}.detail-row .badge{margin-left:auto}.detail-items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.detail-items li{background:var(--surface);border-radius:12px;justify-content:space-between;gap:12px;padding:12px;display:flex}.di-name{font-weight:500}.di-meta{color:var(--text-dim);white-space:nowrap;font-size:14px}.detail-actions{flex-direction:column;gap:4px;margin-top:8px;display:flex}.datebar{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 16px;display:flex}.date-label{text-transform:capitalize;font-size:17px;font-weight:600}.ring-wrap{width:180px;margin:8px auto 4px;position:relative}.ring{width:180px;height:180px}.ring circle{transition:stroke-dashoffset .5s}.ring-label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-value{font-size:36px;font-weight:700}.ring-sub{color:var(--text-dim);font-size:14px}.macro-grid{grid-template-columns:1fr;gap:10px;margin-top:16px;display:grid}.macro-stat{background:var(--surface);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.ms-label{min-width:78px;font-weight:600}.ms-value{color:var(--text-dim);order:3;grid-column:1/-1;font-size:14px}.ms-bar{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.ms-fill{background:var(--accent);border-radius:999px;height:100%}.ms-fill.over{background:var(--danger)}.ms-pct{font-variant-numeric:tabular-nums;color:var(--text-dim);text-align:right;min-width:44px}.macrobar{background:var(--surface-2);border-radius:999px;height:30px;font-size:12px;display:flex;overflow:hidden}.seg{color:#0c1a12;white-space:nowrap;justify-content:center;align-items:center;min-width:0;font-weight:600;display:flex}.seg-p{background:var(--p)}.seg-f{background:var(--f)}.seg-c{background:var(--c)}.day-meals{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.day-meals li{background:var(--surface);border-radius:12px;justify-content:space-between;padding:12px;display:flex}.dm-kcal{color:var(--accent);font-weight:600}.norms{background:var(--surface);border-radius:12px;margin-top:22px;padding:12px 14px}.norms summary{cursor:pointer;color:var(--text-dim);font-weight:600}.norms-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.norm-field{color:var(--text-dim);flex-direction:column;gap:4px;font-size:13px;display:flex}.period-tabs{gap:8px;margin:4px 0 16px;display:flex}.period-tab{border:1px solid var(--border);min-height:40px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:10px;flex:1;font-size:15px}.period-tab.active{background:var(--accent);color:#0c1a12;border-color:var(--accent);font-weight:600}.analytics-body{flex-direction:column;gap:16px;display:flex}.card-panel{background:var(--surface);border-radius:var(--radius);padding:14px}.card-panel h2{margin:0 0 12px}.chart{width:100%}.avg-grid,.vs-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.vs-grid{grid-template-columns:repeat(3,1fr)}.avg-cell,.vs-cell{background:var(--surface-2);text-align:center;border-radius:10px;padding:12px}.avg-value,.vs-value{font-size:22px;font-weight:700}.avg-label,.vs-label{color:var(--text-dim);margin-top:2px;font-size:13px}.vs-over .vs-value{color:var(--danger)}.vs-ok .vs-value{color:var(--accent)}.vs-under .vs-value{color:var(--f)}.vs-note{color:var(--text-dim);margin-top:10px;font-size:13px}.uplot,.u-wrap{width:100%!important}.u-legend{display:none}#tabbar{height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:50;background:#121218eb;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:11px;display:flex}.tab-icon{filter:grayscale(.4);opacity:.7;font-size:22px}.tab.active{color:var(--accent)}.tab.active .tab-icon{filter:none;opacity:1}#offline-banner{padding:calc(6px + var(--safe-t)) 12px 6px;background:var(--danger);color:#1a0e0a;text-align:center;z-index:100;font-size:13px;font-weight:600;transition:transform .25s;position:fixed;top:0;left:0;right:0;transform:translateY(-110%)}body.is-offline #offline-banner{transform:translateY(0)}#install-banner{left:8px;right:8px;bottom:calc(var(--tabbar-h) + var(--safe-b) + 8px);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);opacity:0;z-index:60;align-items:center;gap:10px;max-width:624px;margin:0 auto;padding:12px 14px;transition:transform .25s,opacity .25s;display:flex;position:fixed;transform:translateY(140%);box-shadow:0 10px 30px #00000073}#install-banner.show{opacity:1;transform:translateY(0)}.install-text{flex:1;font-size:14px;line-height:1.35}.install-actions{flex:none;align-items:center;gap:6px;display:flex}.install-btn{background:var(--accent);color:#0c1a12;cursor:pointer;border:none;border-radius:10px;min-height:40px;padding:0 16px;font-size:15px;font-weight:600}.install-btn:active{background:var(--accent-press)}.install-dismiss{width:36px;height:36px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:10px;font-size:16px}.uplot,.uplot *,.uplot :before,.uplot :after{box-sizing:border-box}.uplot{width:min-content;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{-webkit-user-select:none;user-select:none;position:relative}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{width:100%;height:100%;display:block;position:relative}.u-axis{position:absolute}.u-legend{text-align:center;margin:auto;font-size:14px}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{pointer-events:none;background:#00000012;position:absolute}.u-cursor-x,.u-cursor-y{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.u-hz .u-cursor-x,.u-vt .u-cursor-y{border-right:1px dashed #607d8b;height:100%}.u-hz .u-cursor-y,.u-vt .u-cursor-x{border-bottom:1px dashed #607d8b;width:100%}.u-cursor-pt{pointer-events:none;will-change:transform;border:0 solid;border-radius:50%;position:absolute;top:0;left:0;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}