:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f5f7;--surface:#fff;--surface-2:#f0f1f4;--border:#e2e4e9;--text:#16181d;--text-2:#6b7280;--accent:#2563eb;--accent-text:#fff;--danger:#dc2626;--c-protein:#3b82f6;--c-fat:#f59e0b;--c-carbs:#10b981;--radius:12px;--shadow:0 1px 2px #0000000d}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1115;--surface:#1a1d24;--surface-2:#232733;--border:#2d3140;--text:#eef0f4;--text-2:#9aa1b1;--accent:#3b82f6;--shadow:none}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.45}h1,h2,h3{margin:0;font-weight:600}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}.app{max-width:720px;margin:0 auto;padding:0 16px 48px}.app-header{padding:20px 0 8px}.app-header h1{font-size:22px}.day{flex-direction:column;gap:12px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.date-nav{justify-content:space-between;align-items:center;gap:8px;padding:4px 0;display:flex}.date-nav-center{text-align:center;position:relative}.date-label{font-size:17px;font-weight:600}.date-input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.summary{flex-wrap:wrap;align-items:center;gap:20px;padding:16px 20px;display:flex}.summary-kcal{align-items:baseline;gap:6px;display:flex}.summary-kcal-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:34px;font-weight:700}.summary-kcal-label{color:var(--text-2)}.summary-macros{flex:1;justify-content:flex-end;gap:20px;display:flex}@media (width<=480px){.summary{flex-direction:column;align-items:stretch;gap:12px}.summary-macros{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}}.macro-stat{grid-template-columns:auto 1fr;align-items:center;column-gap:8px;display:grid}.macro-dot{border-radius:50%;grid-row:1/3;width:10px;height:10px}.macro-value{font-variant-numeric:tabular-nums;font-weight:600}.macro-label{color:var(--text-2);font-size:12px}.meal{padding:12px 16px}.meal-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.meal-header h2{font-size:16px}.meal-toggle{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;padding:4px 0;display:flex}.meal-toggle:disabled{cursor:default}.meal-meta{color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.meal-header-right{flex:none;align-items:center;gap:8px;display:flex}.meal-kcal{color:var(--text-2);font-variant-numeric:tabular-nums}.meal-chevron{transition:transform .15s}.meal-chevron.open{transform:rotate(90deg)}.entry-list{margin:8px 0 0;padding:0;list-style:none}.entry-list .entry:last-child{padding-bottom:2px}.entry{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding:10px 0;display:flex}.entry-main{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.entry-name{font-weight:500}.entry-brand{color:var(--text-2);font-weight:400}.entry-amount .btn-link{color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums}.input-inline{border:1px solid var(--accent);background:var(--surface);border-radius:6px;width:80px;padding:2px 6px}.entry-macros{color:var(--text-2);font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:13px;display:flex}.entry-kcal{color:var(--text);font-weight:500}.entry-macros .btn-icon{margin-left:auto}.meal-totals{border-top:1px solid var(--border);color:var(--text-2);font-variant-numeric:tabular-nums;gap:12px;padding:8px 0 4px;font-size:13px;display:flex}.btn-add{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);white-space:nowrap;border-radius:8px;padding:6px 10px;font-weight:600}.btn-add:hover{background:color-mix(in srgb, var(--accent) 20%, transparent)}.btn-icon{width:32px;height:32px;color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex}.btn-icon:hover{background:var(--surface-2);color:var(--text)}.btn-primary{background:var(--accent);color:var(--accent-text);border-radius:10px;padding:10px 18px;font-weight:600}.btn-secondary{background:var(--surface-2);border-radius:10px;padding:10px 18px;font-weight:500}.modal-backdrop{z-index:10;background:#00000073;justify-content:center;align-items:flex-start;padding:0;display:flex;position:fixed;inset:0}@media (width>=600px){.modal-backdrop{align-items:center;padding:24px}}.modal{background:var(--surface);-webkit-overflow-scrolling:touch;width:100%;max-width:520px;max-height:92vh;padding:calc(12px + env(safe-area-inset-top)) 20px 24px;border-radius:0 0 16px 16px;overflow-y:auto}@media (width>=600px){.modal{border-radius:16px}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-header h3{font-size:17px}.form{flex-direction:column;gap:14px;display:flex}.field{border:none;flex-direction:column;flex:1;gap:4px;min-width:0;margin:0;padding:0;display:flex}.field>span,.field>legend{color:var(--text-2);padding:0;font-size:12px;font-weight:500}.field input,.field select{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;width:100%;padding:9px 10px}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:-1px}.field-row{gap:10px;display:flex}.macros-row{margin-top:8px}.segmented{background:var(--surface-2);border-radius:8px;gap:3px;margin-top:4px;padding:3px;display:flex}.segmented label{text-align:center;cursor:pointer;color:var(--text-2);border-radius:6px;flex:1;padding:7px 12px;font-size:13px;line-height:1.25}.segmented label.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-weight:500}.segmented input{opacity:0;width:0;height:0;position:absolute}.checkbox{align-items:center;gap:8px;font-size:14px;display:flex}.form-error{color:var(--danger);margin:0;font-size:14px}.form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.app-nav{background:var(--surface-2);border-radius:10px;gap:2px;padding:3px;display:flex}.app-nav button{color:var(--text-2);border-radius:8px;padding:6px 14px;font-weight:500}.app-nav button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.tabs{border-bottom:1px solid var(--border);gap:16px;margin-bottom:12px;display:flex}.tabs button{color:var(--text-2);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 2px;font-weight:500}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.search{flex-direction:column;gap:8px;display:flex}.search-input{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;width:100%;padding:10px 12px}.search-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.search-hint,.search-empty{color:var(--text-2);margin:0;font-size:13px}.search-empty{padding:12px 0}.search-list{margin:0;padding:0;list-style:none}.search-item{border-top:1px solid var(--border);text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 4px;display:flex}.search-item:hover{background:var(--surface-2)}.search-item-main{flex-direction:column;min-width:0;display:flex}.search-item-name{font-weight:500}.search-item-brand,.search-item-portion,.db-item-meta{color:var(--text-2);font-size:12px}.search-item-kcal{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500}.picker-name{font-size:17px;font-weight:600}.picker-preview{background:var(--surface-2);font-variant-numeric:tabular-nums;color:var(--text-2);border-radius:10px;align-items:baseline;gap:14px;padding:12px 14px;display:flex}.picker-kcal{color:var(--text);font-size:20px;font-weight:700}.btn-link{color:var(--accent);text-align:left;font-weight:500}.btn-link.danger{color:var(--danger)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.db-toolbar{gap:8px;margin-bottom:6px;display:flex}.db-list{margin:8px 0 0;padding:0 16px;list-style:none}.db-item{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;display:grid}.db-item:first-child{border-top:none}.db-item-main{flex-direction:column;min-width:0;display:flex}.db-item-macros{color:var(--text-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:10px;font-size:13px;display:flex}.db-item-actions{grid-column:1/-1;gap:16px;font-size:13px;display:flex}.db-toolbar .btn-primary{white-space:nowrap}.scan{flex-direction:column;gap:10px;display:flex}.scanner{aspect-ratio:4/3;background:#000;border-radius:12px;max-height:40vh;position:relative;overflow:hidden}.scanner-video{object-fit:cover;width:100%;height:100%;display:block}.scanner-frame{pointer-events:none;border:2px solid #fffc;border-radius:8px;position:absolute;inset:25% 12%;box-shadow:0 0 0 999px #00000059}.scanner-status,.scanner-error{text-align:center;color:#fff;justify-content:center;align-items:center;margin:0;padding:16px;font-size:14px;display:flex;position:absolute;inset:0}.scanner-error{color:#fca5a5}.scan-code-form{gap:8px;display:flex}.scan-code-form .btn-primary{white-space:nowrap}.scan-notice{background:var(--surface-2);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.scan-notice p{margin:0}.scan-per100{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:13px}:root{--c-kcal:#8b5cf6;--c-ok:#16a34a;--c-over:#dc2626}.summary{display:block}.summary-simple{flex-wrap:wrap;align-items:center;gap:20px;padding:16px 20px;display:flex}.summary-simple .summary-hint{color:var(--text-2);flex-basis:100%;margin:0;font-size:13px}.summary-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.summary-remaining{color:var(--text-2);font-size:13px}.summary-remaining.status-over{color:var(--c-over)}.summary-phase{color:var(--text-2)}.segmented-sm{min-width:170px;margin-top:0}.progress-list{gap:10px;display:grid}@media (width>=600px){.progress-list{grid-template-columns:1fr 1fr;column-gap:20px}}.progress-head{justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.progress-label{align-items:center;gap:6px;font-weight:500;display:inline-flex}.progress-values{color:var(--text-2);font-variant-numeric:tabular-nums}.progress-values strong{color:var(--text)}.progress-track{background:var(--surface-2);border-radius:4px;height:8px;position:relative;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .25s}.progress-over .progress-fill{background:var(--c-over)!important}.progress-marker{background:var(--text);opacity:.5;width:2px;position:absolute;top:0;bottom:0}.progress-range{background:var(--text);opacity:.15;position:absolute;top:0;bottom:0}.progress-foot{color:var(--text-2);min-height:1.2em;margin-top:3px;font-size:12px}.progress-ok .progress-foot{color:var(--c-ok)}.progress-over .progress-foot{color:var(--c-over)}.goals{flex-direction:column;gap:12px;display:flex}.section{padding:16px}.section h2{font-size:16px}.section-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.weekday-picker{gap:6px;margin-top:10px;display:flex}.weekday{background:var(--surface-2);color:var(--text-2);border-radius:8px;flex:1;padding:8px 0;font-weight:500}.weekday.active{background:var(--accent);color:var(--accent-text)}.phase-list{margin:0;padding:0;list-style:none}.phase{border-top:1px solid var(--border);padding:12px 0}.phase-head{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.phase-name{align-items:center;gap:8px;font-weight:600;display:inline-flex}.badge{background:var(--c-ok);color:#fff;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.phase-dates{color:var(--text-2);font-size:13px}.phase-values{grid-template-columns:repeat(2,1fr);gap:6px 16px;margin:8px 0;display:grid}.phase-values dt{color:var(--text-2);font-size:12px}.phase-values dd{font-variant-numeric:tabular-nums;margin:0}.app{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:calc(48px + env(safe-area-inset-bottom))}.app-header{padding-top:calc(20px + env(safe-area-inset-top))}@media (width<=600px){input,select,textarea{font-size:16px}}.week{flex-direction:column;gap:12px;display:flex}.date-nav-center{flex-direction:column;align-items:center;display:flex}.date-sub{color:var(--text-2);font-size:12px}.btn-icon:disabled{opacity:.3;cursor:default}.week-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px;display:grid}@media (width>=600px){.week-stats{grid-template-columns:repeat(4,1fr)}}.week-stat{flex-direction:column;gap:2px;font-size:13px;display:flex}.week-stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:22px;font-weight:700}.week-stat-unit{color:var(--text-2);font-size:13px;font-weight:400}.week-stat-target{color:var(--text-2);font-size:12px}.week-total{color:var(--text-2);font-variant-numeric:tabular-nums;margin:12px 0 0;font-size:13px}.conclusions{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.conclusion{align-items:flex-start;gap:10px;font-size:14px;display:flex}.conclusion-icon{color:#fff;background:var(--text-2);border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:12px;font-weight:700;display:inline-flex}.conclusion-ok .conclusion-icon{background:var(--c-ok)}.conclusion-warn .conclusion-icon{background:var(--c-fat)}.day-bars{margin:8px 0 0;padding:0;list-style:none}.day-bar-btn{border-top:1px solid var(--border);text-align:left;border-radius:6px;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;width:100%;padding:8px 4px;display:grid}.day-bar:first-child .day-bar-btn{border-top:none}.day-bar-btn:not(:disabled):hover{background:var(--surface-2)}.day-bar-btn:disabled{cursor:default}.day-future{opacity:.5}.day-today .day-bar-weekday{color:var(--accent)}.day-bar-label{flex-direction:column;font-size:12px;line-height:1.3;display:flex}.day-bar-weekday{font-size:13px;font-weight:600}.day-bar-date,.day-bar-type{color:var(--text-2)}.day-bar-track{background:var(--surface-2);border-radius:5px;height:10px;position:relative;overflow:hidden}.day-bar-fill{background:var(--c-kcal);border-radius:5px;height:100%;display:block}.day-bar-fill.status-ok{background:var(--c-ok)}.day-bar-fill.status-over{background:var(--c-over)}.day-bar-target{background:var(--text);opacity:.5;width:2px;position:absolute;top:0;bottom:0}.day-bar-values{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;min-width:60px;font-size:12px;line-height:1.3;display:flex}.day-bar-values strong{font-size:14px}.day-bar-macros,.day-bar-empty{color:var(--text-2);white-space:nowrap}@media (width<=480px){.day-bar-macros{display:none}}.weight{flex-direction:column;gap:12px;display:flex}.weight-form{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:8px;display:flex}.weight-form .btn-primary{flex:none;padding:10px 18px}.weight-stats{grid-template-columns:repeat(2,1fr);gap:12px;margin:8px 0 16px;display:grid}@media (width>=600px){.weight-stats{grid-template-columns:repeat(4,1fr)}}.delta-up{color:var(--c-ok)}.delta-down{color:var(--c-fat)}.chart{width:100%;min-width:0}.chart-legend{color:var(--text-2);flex-wrap:wrap;gap:16px;margin:8px 0 0;font-size:12px;display:flex}.legend-swatch{vertical-align:middle;border-radius:2px;width:18px;height:3px;margin-right:4px;display:inline-block}.legend-weight{background:var(--text-2);height:1px}.legend-trend{background:var(--accent)}.weight-list{margin:8px 0 0;padding:0;list-style:none}.weight-row{border-top:1px solid var(--border);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:8px 0;display:grid}.weight-row:first-child{border-top:none}.weight-value{font-weight:600}.weight-trend{color:var(--text-2);font-size:13px}.section-head .segmented-sm{min-width:0}.section-head .segmented label{padding:5px 10px;font-size:12px}.segmented label{white-space:nowrap}@media (width<=480px){.section-head{flex-wrap:wrap;gap:8px}}@media (width<=600px){.app-nav{z-index:5;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);border-radius:0;gap:4px;position:fixed;bottom:0;left:0;right:0}.app-nav button{text-align:center;flex:1;padding:8px 2px;font-size:12px}.app-nav button.active{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);box-shadow:none}.app{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.modal{max-height:92vh;padding-bottom:24px}}.form-ok{color:var(--c-ok);margin:0;font-size:14px}.about{text-align:center;color:var(--text-2);margin:8px 0 0;font-size:12px}.meal-footer{border-top:1px solid var(--border);padding-top:8px;font-size:13px}.template{align-items:center;gap:4px;display:flex}.template .search-item{flex:1;min-width:0}.template .search-item-portion{white-space:normal}.template-form{flex-wrap:wrap;gap:8px;display:flex}.template-form .search-input{flex:160px}.banner{border-radius:var(--radius);background:color-mix(in srgb, var(--c-fat) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--c-fat) 40%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:flex}.banner-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.banner .btn-primary{padding:6px 12px;font-size:14px}.banner-update{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:6;background:var(--surface);border-color:var(--accent);max-width:688px;margin:0 auto;position:fixed;box-shadow:0 4px 16px #0003}@media (width<=600px){.banner-update{bottom:calc(72px + env(safe-area-inset-bottom))}}.error-list{flex-direction:column;gap:8px;margin:8px 0;padding:0;list-style:none;display:flex}.error-list li{flex-direction:column;font-size:13px;display:flex}.error-time{color:var(--text-2);font-size:12px}.error-msg{word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.off-search{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:10px;display:flex}.off-search .btn-secondary{align-self:flex-start}.off-search-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toast{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:7;background:var(--text);max-width:480px;color:var(--bg);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:12px 16px;font-size:14px;display:flex;position:fixed;box-shadow:0 4px 16px #00000040}.toast-action{color:#93c5fd;white-space:nowrap;font-weight:600}@media (width<=600px){.toast{bottom:calc(72px + env(safe-area-inset-bottom))}}.search-row{align-items:center;gap:2px;display:flex}.search-row .search-item{flex:1;min-width:0}.star{color:var(--text-2);flex:none;font-size:18px}.star.on,.star-text.on{color:var(--c-fat)}.meal-footer-empty{border-top:none;padding-top:4px}.stepper{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;align-items:stretch;display:flex;overflow:hidden}.stepper input{text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;background:0 0;border:none;flex:1;width:100%;min-width:0;padding:9px 4px}.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper input:focus{outline:none}.stepper:focus-within{outline:2px solid var(--accent);outline-offset:-1px}.stepper-btn{width:40px;color:var(--accent);background:var(--surface);border-left:1px solid var(--border);border-right:1px solid var(--border);font-size:20px}.stepper-btn:first-child{border-left:none}.stepper-btn:last-child{border-right:none}.stepper-btn:disabled{color:var(--text-2);opacity:.5}.stepper-btn:active{background:var(--surface-2)}.stepper-compact{width:150px}.stepper-compact input{padding:4px 2px}.stepper-compact .stepper-btn{width:32px;font-size:18px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:13px}.chip.active{background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:var(--accent);color:var(--accent);font-weight:500}.portion-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.portion-row{grid-template-columns:1fr 90px auto;align-items:center;gap:8px;display:grid}.portion-row input{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;width:100%;padding:8px 10px}.entry-edit{align-items:center;gap:6px;display:inline-flex}.btn-sm{border-radius:8px;padding:6px 10px;font-size:13px}.budget-track{height:10px;margin:10px 0 14px}.budget-stats{margin-bottom:4px}.budget-drift{font-size:14px;font-weight:500;line-height:1.35}.budget-hint{margin-top:8px}.budget-line{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:10px;margin:-4px 0 0;padding:8px 14px;font-size:13px;display:flex}.budget-line-label{color:var(--text);font-weight:600}.budget-line strong{color:var(--text)}.budget-line .status-over{color:var(--c-over)}.app-nav button{align-items:center;gap:6px;display:inline-flex}.nav-icon{flex:none;width:18px;height:18px}@media (width<=600px){.app-nav button{flex-direction:column;gap:3px;padding:6px 2px 4px;font-size:11px}.nav-icon{width:22px;height:22px}}.collapse{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.collapse.open{grid-template-rows:1fr}.collapse-inner{visibility:hidden;min-height:0;transition:visibility 0s linear .22s;overflow:hidden}.collapse.open .collapse-inner{visibility:visible;transition-delay:0s}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.toast,.banner-update{animation:.22s ease-out slide-up}.banner:not(.banner-update){animation:.25s ease-out fade-in}.modal-backdrop{animation:.15s ease-out fade-in}.modal{animation:.2s ease-out sheet-in}.btn-primary,.btn-secondary,.btn-add,.chip,.search-item,.weekday,.stepper-btn{transition:transform 80ms,background-color .15s}.btn-primary:active,.btn-secondary:active,.btn-add:active,.chip:active,.weekday:active{transform:scale(.97)}.search-item:active{background:var(--surface-2)}.day-bar-fill{transition:width .3s}.skeleton{flex-direction:column;gap:12px;display:flex}.skeleton-card{border-radius:var(--radius);background:linear-gradient(90deg, var(--surface) 25%, var(--surface-2) 50%, var(--surface) 75%);border:1px solid var(--border);background-size:200% 100%;animation:1.2s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}input[type=date]{appearance:none;box-sizing:border-box;width:100%;min-width:0;min-height:42px;display:block}input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.2em}.field{min-width:0}.weight-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.weight-form .field{flex:none}@media (width<=480px){.weight-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.weight-form .btn-primary{grid-column:1/-1}.field-row:has(input[type=date]){flex-direction:column}}:root{--c-water:#0ea5e9}.water{padding:10px 14px 12px}.water-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.water-title{align-items:center;gap:6px;font-weight:600;display:inline-flex}.water-icon{font-size:14px}.water-amount{font-variant-numeric:tabular-nums;color:var(--text-2)}.water-track{margin:8px 0}.water-full{background:var(--c-ok)!important}.water-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.water-left{color:var(--text-2);font-size:12px}.water-buttons{align-items:center;gap:6px;margin-left:auto;display:flex}.water-chip{color:var(--c-water);border-color:color-mix(in srgb, var(--c-water) 40%, transparent);background:color-mix(in srgb, var(--c-water) 10%, transparent);font-weight:600}.native-scanner{aspect-ratio:auto;background:var(--surface-2);justify-content:center;align-items:center;min-height:120px;display:flex}.native-scanner-idle{flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.native-scanner .scanner-status{color:var(--text-2)}.onboarding{z-index:20;background:var(--bg);padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));position:fixed;inset:0;overflow-y:auto}.onboarding-card{flex-direction:column;gap:14px;max-width:520px;margin:0 auto;display:flex}.onboarding h1{text-align:center;font-size:24px}.onboarding h2{font-size:20px}.ob-logo{justify-content:center;margin-top:8px;display:flex}.ob-logo img{border-radius:18px}.ob-intro{text-align:center;color:var(--text-2);margin:0}.ob-actions{flex-direction:column;align-items:center;gap:10px;margin-top:8px;display:flex}.btn-wide{width:100%;padding:14px;font-size:16px}.onboarding .segmented label{white-space:normal}.legal-links{flex-wrap:wrap;gap:16px;margin:8px 0 0;display:flex}.rem-list{flex-direction:column;gap:10px;margin-top:10px;display:flex}.rem-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.rem-time{border:1px solid var(--border);background:var(--surface-2);font-variant-numeric:tabular-nums;border-radius:8px;padding:6px 8px}.rem-water-fields{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rem-water-fields select{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:6px 8px}.split-side,.split-main{flex-direction:column;gap:12px;display:flex}@media (width>=700px){.app{max-width:1040px}.day,.week,.weight{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-auto-rows:auto;align-items:start;gap:12px 16px;display:grid}.day>.date-nav,.day>.banner,.week>.date-nav{grid-column:1/-1}.split-side{grid-column:1}.split-main{grid-column:2}.weight>.split-side-2{grid-area:2/1}.weight{grid-template-rows:auto 1fr}.weight>.split-main{grid-row:1/span 2}.split-side .weight-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.split-side .weight-form .btn-primary{grid-column:1/-1}.goals{column-count:2;column-gap:16px;display:block}.goals>section,.goals>.about{break-inside:avoid;margin-bottom:12px}.split-side .progress-list{grid-template-columns:1fr}.split-side .week-stats{grid-template-columns:repeat(2,1fr)}.split-side .summary-top{flex-direction:column;align-items:stretch}}@media (width<=600px) and (orientation:landscape){.app-header{padding-top:calc(8px + env(safe-area-inset-top))}}:root{--glass:color-mix(in srgb, var(--surface) 72%, transparent)}html,body{max-width:100vw;overflow-x:hidden}@media (width<=600px){.app-nav{background:var(--glass);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-top-color:color-mix(in srgb, var(--border) 60%, transparent)}.app-nav button{min-height:44px}}.btn-icon,.btn-add,.btn-link,.stepper-btn,.chip,.segmented label,.meal-chevron{position:relative}.btn-icon:before,.btn-add:before,.btn-link:before,.stepper-btn:before,.chip:before,.segmented label:before,.meal-chevron:before{content:"";width:max(100%,44px);height:max(100%,44px);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.btn-primary,.btn-secondary,.search-input{min-height:44px}.modal-header{z-index:2;margin:calc(-12px - env(safe-area-inset-top)) -20px 12px;padding:calc(12px + env(safe-area-inset-top)) 20px 10px;background:var(--glass);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);position:sticky;top:0}@media (hover:none){.btn-add:active,.btn-primary:active,.btn-secondary:active,.chip:active,.meal:active .meal-header{filter:brightness(.92)}}html,body,.modal,.modal-body,.collapse-inner{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;display:none}body::-webkit-scrollbar{width:0;height:0;display:none}.modal::-webkit-scrollbar{width:0;height:0;display:none}.modal-body::-webkit-scrollbar{width:0;height:0;display:none}.collapse-inner::-webkit-scrollbar{width:0;height:0;display:none}.summary-health{color:var(--text-2);margin-top:2px;font-size:12px}.phase-review h4{text-transform:uppercase;letter-spacing:.04em;color:var(--text-2);margin:18px 0 6px;font-size:13px}.phase-weight-line{margin:0;font-size:16px;font-weight:600}.phase-weeks{gap:8px;margin:0;padding:0;list-style:none;display:grid}.phase-week{grid-template-columns:52px 1fr auto;align-items:center;gap:10px;display:grid}.phase-week-label{flex-direction:column;font-size:13px;font-weight:600;display:flex}.phase-week-values{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;font-size:13px;display:flex}.phase-apply{background:var(--surface-2);border-radius:10px;gap:8px;margin-top:14px;padding:12px;display:grid}.phase-quote{border-left:3px solid var(--accent);color:var(--text-2);margin:18px 0 0;padding:0 0 0 12px;font-size:14px;font-style:italic}.phase-week-trend{color:var(--text-2);white-space:nowrap}.pro-badge{letter-spacing:.06em;color:#1a1400;vertical-align:middle;background:linear-gradient(135deg,#f0d27a,#d4a93a);border-radius:6px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:800;line-height:1.5;display:inline-block}.pro-lock{background:var(--surface-2);color:var(--text-2);cursor:pointer;border-radius:12px;align-items:center;gap:10px;margin:8px 0;padding:26px 16px;font-size:14px;display:flex}.paywall{gap:14px;display:grid}.paywall-brand{align-items:center;gap:12px;display:flex}.paywall-mark{object-fit:cover;background:#0f1115;border-radius:12px;flex:none;width:44px;height:44px}.paywall-name{font-size:17px;font-weight:700}.paywall-features{gap:8px;margin:0;padding:0;list-style:none;display:grid}.paywall-features li{align-items:flex-start;gap:10px;font-size:14px;display:flex}.paywall-features .conclusion-icon{color:#b8912f;background:#e6c46a38}.paywall-free{color:var(--text-2);margin:0;font-size:13px}.paywall-buy{width:100%;padding:14px;font-size:16px}.paywall-once{text-align:center;margin-top:-6px}.paywall .btn-link{justify-self:center}.paywall-legal,.goals .chips,.goals .form-actions,.goals .db-item-actions,.goals .legal-links{justify-content:center}.goals .section>.btn-primary,.goals .section>.btn-secondary,.goals .section>.btn-link,.goals .btn-centered{margin-left:auto;margin-right:auto;display:block}.segmented-centered{width:fit-content;margin:0 auto 8px}.pro-active{background:linear-gradient(158deg, #e6c46a1f, #e6c46a00 58%), var(--surface);border:1px solid #e6c46a52}.pro-hero{align-items:center;gap:12px;display:flex}.pro-hero-logo{object-fit:cover;border-radius:12px;flex:none;width:44px;height:44px}.pro-hero-text{min-width:0}.pro-hero-title{align-items:center;gap:2px;font-size:16px;font-weight:700;display:flex}.pro-hero-sub{color:var(--text-2);margin:3px 0 0;font-size:13px}.pro-unlocked{color:#e6c46ad9;letter-spacing:.01em;margin:12px 0 0;font-size:12px}.chevron-slot{flex:none;width:32px;display:inline-block}.weight-unit-pair{flex:200px;gap:10px;min-width:0;display:flex}.weight-unit-pair .field{flex:100px;min-width:0}.needs-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.needs-table th{text-align:left;padding:6px 0;font-weight:400}.needs-table td{text-align:right;white-space:nowrap;padding:6px 0}.needs-table .needs-sum th,.needs-table .needs-sum td{border-top:1px solid var(--border);font-weight:600}.tip{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--text);align-items:flex-start;gap:8px;margin:0 0 12px;padding:10px 12px;font-size:.9rem;line-height:1.4;display:flex}.tip p{flex:1;margin:0}.tip-close{flex:none;margin:-4px -4px -4px 0}.modal .search>.scan-code-form{top:var(--sheet-top-h,0px);z-index:1;background:var(--surface);margin:-8px 0 0;padding:8px 0;position:sticky}.modal.sheet{padding-top:0}.sheet-top{z-index:2;background:var(--glass);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);touch-action:none;cursor:grab;margin:0 -20px 4px;padding:6px 20px 0;position:sticky;top:0}.sheet-top .modal-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;margin:0 0 4px;padding:0;position:static}.sheet-top .tabs{margin-bottom:0}.sheet-grabber{background:var(--text-2);opacity:.45;border-radius:3px;width:36px;height:5px;margin:0 auto 8px}@media (width<=599px){.modal.sheet{margin-top:calc(env(safe-area-inset-top) + 10px);height:calc(100dvh - env(safe-area-inset-top) - 10px);border-radius:14px 14px 0 0;max-height:none}}.modal.sheet{animation:.28s cubic-bezier(.2,.8,.2,1) sheet-up}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.modal.sheet{animation:none}}