:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--bg: #f8fafc;--surface: #fff;--surface-muted: #f1f5f9;--text: #0f172a;--muted: #64748b;--line: #e2e8f0;--line-strong: #cbd5e1;--ocean: #12677e;--ocean-dark: #0c5063;--ocean-soft: #dceef2;--danger: #a84843;--danger-soft: #f8e8e6;--success: #28705a;--success-soft: #e2f1eb;--breakfast: #b77900;--breakfast-soft: #fff3c7;--lunch: #2563eb;--lunch-soft: #e7efff;--dinner: #d65a24;--dinner-soft: #ffeadf;--snack: #8257c7;--snack-soft: #eee7fa;--water: #1598d4;--water-soft: #e0f4fc;--protein: #d95757;--protein-cell: #f3caca;--fat: #d19a17;--fat-cell: #f5df9c;--carb: #3578cf;--carb-cell: #c9dcf5;--remaining-cell: #e7e9e5;--radius: 12px;--radius-small: 8px;--shadow: 0 1px 2px rgba(15, 23, 42, .05)}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);color:var(--text)}body{min-width:320px;min-height:100vh;margin:0;background:var(--bg);line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid color-mix(in srgb,var(--ocean) 34%,transparent);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(1.6rem,3vw,2rem);font-weight:600;line-height:1.2;letter-spacing:-.025em}h2{margin-bottom:6px;font-size:1.05rem;font-weight:600;letter-spacing:-.015em}strong{font-weight:600}a{color:inherit}.muted{color:var(--muted)}.full{width:100%}.stack{display:grid;gap:16px}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;letter-spacing:-.02em}.brand-icon{width:29px;height:29px;fill:none;stroke:none}.button,.icon-button{min-height:44px;border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;cursor:pointer}.button{padding:10px 16px}.button.primary{color:#fff;background:var(--ocean)}.button.primary:hover{background:var(--ocean-dark)}.button.secondary{border-color:var(--line-strong);color:var(--text);background:var(--surface)}.button.secondary:hover{background:var(--surface-muted)}.button.ghost{color:var(--ocean);background:transparent}.button.danger{color:var(--danger);background:var(--danger-soft)}.button:disabled,.icon-button:disabled{opacity:.55;cursor:not-allowed}.icon-button{width:44px;padding:0;border-color:var(--line);background:var(--surface)}.icon-button.bare{min-height:44px;width:44px;border-color:transparent;background:transparent}.icon-button.bare:hover{color:var(--ocean);background:var(--surface-muted)}.topbar{position:sticky;z-index:30;top:0;height:64px;border-bottom:1px solid var(--line);background:#fffffff5}.topbar-inner{width:min(1200px,calc(100% - 48px));height:100%;margin:0 auto;display:flex;align-items:center;gap:34px}.desktop-nav{align-self:stretch;display:flex;align-items:stretch;gap:6px}.desktop-nav a{position:relative;min-height:44px;margin-block:10px;padding:0 13px;border-radius:8px;color:var(--muted);display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;text-decoration:none}.desktop-nav a:hover,.desktop-nav a.active{color:var(--text)}.desktop-nav a:hover,.desktop-nav a.active{background:var(--surface-muted)}.desktop-nav a.active:after{display:none}.topbar-settings{width:44px;height:44px;margin-left:auto;border-radius:10px;color:var(--muted);display:grid;place-items:center;text-decoration:none}.topbar-settings:hover,.topbar-settings.active{color:var(--ocean);background:var(--ocean-soft)}.topbar-settings .icon{width:23px;height:23px}.offline-banner{position:sticky;z-index:25;top:64px;padding:9px 20px;color:#854d0e;background:#fef3c7;text-align:center;font-size:.875rem;font-weight:500}.app-main{width:min(1200px,calc(100% - 48px));margin:0 auto;padding:32px 0 72px}.bottom-nav,.quick-add-fab{display:none}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.panel-header{min-height:68px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.panel-header h2,.panel-header p{margin:0}.state-block{min-height:220px;display:grid;place-content:center;justify-items:center;color:var(--muted);text-align:center}.state-block p{margin:12px 0 0}.error-state strong{color:var(--text)}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--ocean);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.notice{margin:14px 0;padding:10px 12px;border-radius:8px;color:#235266;background:var(--ocean-soft);font-size:.875rem;line-height:1.45}.notice.error{color:var(--danger);background:var(--danger-soft)}.notice.success{color:var(--success);background:var(--success-soft)}.auth-page{min-height:100vh;padding:24px 16px;display:grid;place-items:center;background:var(--bg)}.auth-card{width:min(448px,100%);padding:32px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 1px 3px #0f172a12}.auth-card .brand{margin-bottom:32px}.auth-card h1{margin-bottom:24px;font-size:1.5rem}.auth-form{display:grid;gap:16px}.auth-form>.button{width:100%;margin-top:4px}.divider{margin:22px 0;color:var(--muted);display:flex;align-items:center;gap:12px}.divider:before,.divider:after{height:1px;background:var(--line);content:"";flex:1}.input-action{position:relative}.input-action input{padding-right:52px}.input-action .icon-button{position:absolute;top:3px;right:3px}.field{min-width:0;display:grid;gap:5px}.field-label{color:#334155;font-size:.875rem;font-weight:500}.field-hint{color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.45}.field-error{color:#b91c1c;font-size:.8125rem;font-weight:400;line-height:1.4}input,select,textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:8px;color:var(--text);background:var(--surface);font-size:1rem;font-weight:400;outline:none}input:focus,select:focus,textarea:focus,.date-input-trigger:focus{border-color:var(--ocean);box-shadow:0 0 0 2px var(--ocean-soft)}.field.invalid input,.field.invalid select,.field.invalid textarea,.field.invalid .date-input-trigger{border-color:#dc2626}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;appearance:none}input[type=checkbox],input[type=radio]{width:20px;min-height:20px;padding:0;border-radius:6px;accent-color:var(--ocean);flex:0 0 auto}textarea{resize:vertical}input::placeholder{color:#7a8188}.form-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.diary-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px;align-items:start}.diary-summary{position:sticky;top:96px}.mobile-summary{display:none}.date-navigation{margin-bottom:18px}.date-head{min-height:84px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.date-head p{margin-bottom:7px;color:var(--muted)}.date-actions{display:flex;align-items:center;gap:8px}.streak{color:#9c510d;display:inline-flex;align-items:center;gap:7px;font-weight:600}.streak .icon{width:18px;height:18px;color:#e86f17;fill:currentColor;stroke:none}.week-strip{padding:6px;border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:var(--surface)}.week-strip button{min-width:0;min-height:54px;border:1px solid transparent;border-radius:10px;background:transparent;display:grid;place-items:center;align-content:center;gap:1px;cursor:pointer}.week-strip span{color:var(--muted);font-size:.73rem;font-weight:500}.week-strip strong{font-size:1rem;font-weight:500}.week-strip .selected{border-color:var(--ocean);background:var(--ocean-soft)}.week-strip .today strong{width:30px;height:30px;border-radius:50%;color:#fff;background:var(--text);display:grid;place-items:center}.day-content{display:grid;gap:18px}.empty-day{padding:34px 22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:center}.empty-day>.icon{width:30px;height:30px;color:var(--ocean)}.empty-day h2{margin:12px 0 6px}.empty-day p{color:var(--muted)}.meal-card{scroll-margin-top:96px;overflow:hidden}.meal-header{min-height:74px;padding:12px 16px 10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.meal-title{min-width:0;min-height:46px;padding:0;border:0;display:flex;align-items:center;gap:12px;background:transparent;text-align:left;cursor:pointer}.meal-name{display:flex;align-items:center;gap:4px;font-size:1.05rem;font-weight:600}.collapse-chevron{width:17px;height:17px;color:var(--muted);transition:transform .18s ease}.collapse-chevron.open{transform:rotate(90deg)}.meal-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.meal-icon .icon{width:22px;height:22px;fill:currentColor;stroke:none}.meal-title.breakfast .meal-icon{color:var(--breakfast);background:var(--breakfast-soft)}.meal-title.lunch .meal-icon{color:var(--lunch);background:var(--lunch-soft)}.meal-title.dinner .meal-icon{color:var(--dinner);background:var(--dinner-soft)}.meal-title.snack .meal-icon{color:var(--snack);background:var(--snack-soft)}.meal-header-actions{display:flex;align-items:center;gap:10px}.meal-calories{min-width:104px;color:var(--text);font-size:1.32rem;line-height:1;text-align:right;white-space:nowrap}.meal-calories small{color:var(--muted);font-size:.73rem;font-weight:400}.meal-add{color:#fff;border-color:transparent}.meal-add.breakfast{background:var(--breakfast)}.meal-add.lunch{background:var(--lunch)}.meal-add.dinner{background:var(--dinner)}.meal-add.snack{background:var(--snack)}.meal-macros,.entry-macros{margin:0;padding:8px 20px;border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--surface-muted)}.meal-macros>div,.entry-macros>div{min-width:0;display:flex;align-items:baseline;justify-content:center;gap:5px}.meal-macros dt,.entry-macros dt{color:var(--muted);font-size:.7rem;font-weight:600}.meal-macros dd,.entry-macros dd{margin:0;font-size:.82rem;font-variant-numeric:tabular-nums}.entry-list,.water-list,.weight-list,.macro-legend{margin:0;padding:0;list-style:none}.entry-list{padding:4px 20px 8px}.entry-list li,.water-list li,.weight-list li{min-height:66px;border-bottom:1px solid var(--line)}.entry-list li:last-child,.water-list li:last-child,.weight-list li:last-child{border-bottom:0}.entry-row{width:100%;min-height:66px;padding:10px 0;border:0;display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:14px;background:transparent;text-align:left;cursor:pointer}.entry-row:hover{background:color-mix(in srgb,var(--surface-muted) 65%,transparent)}.entry-copy,.entry-values{min-width:0;display:grid}.entry-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-copy small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-values{justify-items:end}.entry-values>strong{color:#687581;font-size:1.12rem;font-weight:500;white-space:nowrap}.entry-values>strong small{font-size:.7rem;font-weight:400}.entry-values>small{color:var(--muted);display:flex;gap:8px;font-size:.72rem}.entry-row>.icon{color:#94a3b8}.empty-meal{margin:0;padding:24px 20px;color:var(--muted)}.entry-modal-heading{display:flex;align-items:center;gap:12px}.entry-modal-heading>.icon{width:40px;height:40px;padding:9px;border-radius:11px;color:var(--ocean);background:var(--ocean-soft);fill:currentColor;stroke:none}.entry-modal-heading strong,.entry-modal-heading small{display:block}.entry-modal-heading small{color:var(--muted)}.entry-macros{padding:13px 14px;border:0;border-radius:10px}.entry-macros dd{font-size:.95rem}.modal-actions.split{display:grid;grid-template-columns:auto 1fr auto auto}.delete-confirm{margin-top:10px;padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--danger);background:var(--danger-soft)}.delete-confirm span{margin-right:auto}.nutrition-card{overflow:hidden}.nutrition-body{padding:22px;display:grid;grid-template-columns:minmax(0,1fr) 154px;gap:16px;align-items:center}.summary-number{margin:3px 0 18px;display:block;font-size:2.45rem;line-height:1;letter-spacing:-.04em}.summary-number small{color:var(--muted);font-size:.9rem;letter-spacing:0}.summary-list,.macro-details,.preview-list{margin:0}.summary-list>div,.macro-details>div,.preview-list>div{padding:10px 0;display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line)}.summary-list dd,.macro-details dd,.preview-list dd{margin:0;font-weight:600;text-align:right}.summary-list>div{gap:6px}.summary-list dt{font-size:.82rem}.summary-list dd{font-size:.84rem;white-space:nowrap}.nutrition-body.details{grid-template-columns:minmax(0,1fr);align-items:stretch}.details-layout{display:grid;gap:20px}.macro-details>div{display:grid;grid-template-columns:minmax(90px,1fr) minmax(70px,auto) minmax(70px,auto);align-items:baseline;gap:14px}.macro-details>div>dd{color:var(--muted);font-variant-numeric:tabular-nums}.macro-details>div>dd:first-of-type{color:var(--text)}.macro-details dd small{font-size:.7rem;font-weight:400}.macro-details-head{color:var(--muted);font-size:.7rem;font-weight:500}.macro-details-head span:not(:first-child){text-align:right}.macro-donut-wrap{padding:16px;border-radius:12px;display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:18px;background:var(--surface-muted)}.macro-donut{width:132px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--protein) 0 var(--protein-end),var(--fat) var(--protein-end) var(--fat-end),var(--carb) var(--fat-end) 100%)}.macro-donut:before{grid-area:1 / 1;width:76%;aspect-ratio:1;border-radius:50%;background:var(--surface);content:""}.macro-donut>span{z-index:1;grid-area:1 / 1;display:grid;text-align:center}.macro-donut small{color:var(--muted);font-size:.65rem;font-weight:400}.donut-legend{margin:0;padding:0;display:grid;gap:8px;list-style:none}.donut-legend li{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;font-size:.78rem}.donut-legend i{width:9px;height:9px;border-radius:50%}.donut-legend .protein{background:var(--protein)}.donut-legend .fat{background:var(--fat)}.donut-legend .carb{background:var(--carb)}.macro-grid{width:150px;display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.macro-grid i{aspect-ratio:1;border-radius:3px;background:var(--remaining-cell)}.macro-grid .protein{background:var(--protein-cell)}.macro-grid .fat{background:var(--fat-cell)}.macro-grid .carb{background:var(--carb-cell)}.macro-legend{margin-top:13px;display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:.76rem}.macro-legend li{display:flex;align-items:center;gap:5px}.macro-legend i{width:9px;height:9px;border-radius:3px;background:var(--remaining-cell)}.macro-legend .protein{background:var(--protein)}.macro-legend .fat{background:var(--fat)}.macro-legend .carb{background:var(--carb)}.water-title{color:var(--water);display:flex;align-items:center;gap:11px}.water-title .icon{width:28px;height:28px;fill:currentColor;stroke:none}.water-title h2{color:var(--text)}.water-title small{color:var(--muted)}.water-body{padding:20px 22px}.water-progress{height:12px;margin-bottom:15px;overflow:hidden;border-radius:999px;background:var(--water-soft)}.water-progress i{height:100%;display:block;border-radius:inherit;background:#1598d4ad}.water-actions{display:flex;flex-wrap:wrap;gap:9px}.water-list{margin-top:14px;border-top:1px solid var(--line)}.water-list li{padding:9px 0;display:flex;align-items:center;justify-content:space-between}.water-list strong,.water-list small{display:block}.water-list small{color:var(--muted);font-size:.75rem}.no-goal-body{padding:22px}.no-goal-body p{margin:0 0 16px;color:var(--muted)}.toast-region{position:fixed;z-index:220;right:24px;bottom:24px;width:min(390px,calc(100vw - 32px));pointer-events:none}.toast{--toast-color: var(--ocean);--toast-bg: #f1fafb;min-height:60px;padding:6px;border:1px solid color-mix(in srgb,var(--toast-color) 30%,white);border-radius:14px;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:4px;color:var(--text);background:var(--toast-bg);box-shadow:0 18px 42px #0f172a2e;pointer-events:auto;animation:toast-arrive .26s cubic-bezier(.16,1,.3,1)}.toast-content{min-width:0;min-height:48px;padding:4px 8px;border:0;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;color:inherit;background:transparent;text-align:left;cursor:pointer}.toast-content:disabled{opacity:1;cursor:default}.toast-content span{font-size:.875rem;line-height:1.35}.toast-icon{width:30px;height:30px;padding:5px;border-radius:9px;color:#fff;background:var(--toast-color);fill:currentColor;stroke:currentColor;animation:icon-settle .36s cubic-bezier(.16,1,.3,1)}.toast.water{--toast-color: var(--water);--toast-bg: #f0faff}.toast.breakfast{--toast-color: var(--breakfast);--toast-bg: #fffaf0}.toast.lunch{--toast-color: var(--lunch);--toast-bg: #f3f7ff}.toast.dinner{--toast-color: var(--dinner);--toast-bg: #fff6f1}.toast.snack{--toast-color: var(--snack);--toast-bg: #faf7ff}.toast.progress{--toast-color: #6d5bd0;--toast-bg: #f7f5ff}.toast.danger{--toast-color: var(--danger);--toast-bg: var(--danger-soft)}@keyframes toast-arrive{0%{opacity:.01;transform:translateY(-10px);clip-path:inset(0 0 45% 0 round 14px)}}@keyframes icon-settle{0%{transform:scale(.72) rotate(-8deg)}70%{transform:scale(1.04) rotate(1deg)}}.page-content,.progress-stack,.settings-stack{min-width:0;grid-template-columns:minmax(0,1fr)}.page-content{display:grid;gap:20px}.page-heading{min-height:56px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.progress-stack,.settings-stack{display:grid;gap:20px}.panel,.chart-scroll{min-width:0}.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--line)}.metric-strip>div{padding:20px;background:var(--surface)}.metric-strip span,.metric-strip strong{display:block}.metric-strip span{margin-bottom:5px;color:var(--muted)}.metric-strip strong{font-size:1.35rem}.positive{color:var(--success)}.chart-header{flex-wrap:wrap}.segmented,.tabs{padding:3px;border-radius:11px;display:flex;gap:2px;background:var(--surface-muted)}.segmented button,.tabs button{min-height:38px;padding:7px 12px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-weight:500;cursor:pointer}.segmented .active,.tabs .active{color:var(--text);background:var(--surface);box-shadow:0 2px 7px #141e2314}.chart-scroll{width:100%;overflow-x:auto;padding:14px 20px 20px}.weight-chart{min-width:520px;width:100%}.chart-grid{fill:none;stroke:var(--line)}.target-line{fill:none;stroke:#96a29d;stroke-width:2;stroke-dasharray:7 7}.weight-line{fill:none;stroke:var(--ocean);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.weight-chart circle{fill:#fff;stroke:var(--ocean);stroke-width:4}.chart-empty,.empty-inline{padding:30px 22px;color:var(--muted);text-align:center}.weight-list{padding:0 22px 8px}.weight-list>li{padding:10px 0;display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(90px,.7fr) minmax(80px,.6fr) auto;align-items:center;gap:18px}.weight-list time{color:var(--muted);font-size:.84rem}.weight-list>li>strong{font-size:1.04rem}.weight-change{color:var(--muted);font-variant-numeric:tabular-nums}.weight-actions{display:flex;gap:4px}.action-edit{color:var(--ocean)}.action-delete{color:var(--danger)}.settings-panel{padding:0 24px}.settings-panel section{padding:24px 0;border-bottom:1px solid var(--line)}.settings-panel section:last-child{border-bottom:0}.settings-panel .form-grid{margin:18px 0}.security-row{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.security-row p{margin:4px 0 0;color:var(--muted)}.modal-backdrop{position:fixed;z-index:100;inset:0;padding:16px;display:grid;place-items:center;background:#0f172a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-surface{width:min(560px,100%);max-height:min(820px,calc(100dvh - 32px));overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 24px 60px #0f172a38}.modal-surface:focus{outline:none}.modal-surface.wide{width:min(860px,100%)}.modal-header{min-height:70px;padding:15px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-header h1{margin:0;font-size:1.25rem;font-weight:600}.modal-body{max-height:calc(100vh - 118px);overflow-y:auto;padding:20px}.modal-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.calendar-head{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.calendar-head strong{font-size:.875rem;font-weight:600}.calendar-grid{width:min(360px,100%);margin:0 auto 20px;display:grid;grid-template-columns:repeat(7,40px);justify-content:space-between;gap:7px 3px;text-align:center}.calendar-grid>span{padding:7px 0;color:#94a3b8;font-size:.75rem;font-weight:500;text-transform:lowercase}.calendar-grid button{width:40px;height:40px;border:1px solid transparent;border-radius:50%;background:transparent;font-size:.875rem;font-weight:500;cursor:pointer}.calendar-grid button:hover{background:var(--surface-muted)}.calendar-grid .today{border-color:var(--ocean);color:var(--ocean);background:transparent}.calendar-grid .selected{border-color:var(--ocean);color:#fff;background:var(--ocean)}.picker-tools{margin-bottom:18px;display:flex;justify-content:space-between;gap:12px}.section-title{margin:0 0 11px;font-size:.88rem;color:var(--muted)}.section-title:not(:first-child){margin-top:22px}.modal-body>section+section{margin-top:24px}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-choice{min-width:0;min-height:96px;padding:13px 8px;border:0;border-radius:14px;display:grid;place-items:center;align-content:center;gap:8px;font-weight:500;cursor:pointer}.quick-choice:hover{filter:brightness(.98)}.quick-choice .icon{width:28px;height:28px;fill:currentColor;stroke:none}.quick-choice.breakfast{color:var(--breakfast);background:var(--breakfast-soft)}.quick-choice.lunch{color:var(--lunch);background:var(--lunch-soft)}.quick-choice.dinner{color:var(--dinner);background:var(--dinner-soft)}.quick-choice.snack{color:var(--snack);background:var(--snack-soft)}.quick-choice.water{color:var(--water);background:var(--water-soft)}.water-control{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.water-stepper{min-height:44px;display:grid;grid-template-columns:44px minmax(96px,auto) 44px;align-items:center;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface)}.water-stepper button{width:44px;height:44px;border:0;color:var(--ocean);background:transparent;font-size:1.35rem;font-weight:400;cursor:pointer}.water-stepper button:hover{background:var(--surface-muted)}.water-stepper button:disabled{color:#cbd5e1;cursor:not-allowed}.water-stepper output{padding:0 10px;border-inline:1px solid var(--line);text-align:center;font-variant-numeric:tabular-nums;font-weight:500}.water-stepper small{color:var(--muted);font-size:.75rem;font-weight:400}.input-with-leading{position:relative}.input-with-leading>.icon{position:absolute;top:12px;left:12px;color:var(--muted)}.input-with-leading input{padding-left:40px}.product-list{margin-top:18px;display:grid;gap:9px}.product-row{padding:14px;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.product-row.selected{border-color:var(--ocean);background:color-mix(in srgb,var(--ocean-soft) 42%,white)}.product-row>label{min-width:0;display:flex;align-items:center;gap:12px;cursor:pointer}.product-row>label>span{min-width:0}.product-row strong,.product-row small{display:block;overflow-wrap:anywhere}.product-row strong{color:var(--text)}.product-row small,.product-row span{color:var(--muted)}.amount-input{display:flex;align-items:center;gap:7px}.amount-input input{width:92px}.sticky-submit{position:sticky;bottom:-20px;margin:20px -20px -20px;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface)}.scanner{margin-bottom:18px;padding:24px 20px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--surface-muted);text-align:center}.scanner>.icon{width:46px;height:46px;margin:0 auto 14px}.scanner strong{display:block}.scanner>.icon{color:var(--ocean)}.scanner p{margin:8px auto 16px;max-width:45ch;color:var(--muted);font-size:.875rem}.date-input{position:relative;min-width:0}.date-input-trigger{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text);background:var(--surface);font-weight:400;cursor:pointer}.date-input-trigger .icon{color:var(--muted)}.date-input-trigger .placeholder{color:#94a3b8}.date-popover{position:absolute;z-index:120;top:calc(100% + 6px);left:0;width:min(320px,calc(100vw - 48px));padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 18px 40px #0f172a2e}.date-popover-head{min-height:40px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:4px}.date-popover-head strong{text-align:center;font-size:.875rem;font-weight:600}.date-popover-head button{width:40px;height:40px;border:0;border-radius:8px;display:grid;place-items:center;color:var(--muted);background:transparent;cursor:pointer}.date-popover-head button:hover{color:var(--text);background:var(--surface-muted)}.date-popover-grid{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.date-popover-grid>span{padding:7px 0;color:#94a3b8;font-size:.6875rem;font-weight:500;text-transform:uppercase}.date-popover-grid>button,.date-popover-grid>i{aspect-ratio:1;min-width:0;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;font-size:.8125rem;font-style:normal;font-weight:500}.date-popover-grid>button{cursor:pointer}.date-popover-grid>button:hover{background:var(--surface-muted)}.date-popover-grid>button.today{box-shadow:inset 0 0 0 1px var(--ocean);color:var(--ocean)}.date-popover-grid>button.selected{color:#fff;background:var(--ocean);box-shadow:none}.date-popover-grid>button:disabled{color:#cbd5e1;cursor:not-allowed}.date-time-input{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:8px}.product-form{display:grid;gap:18px}.preview-list{margin-bottom:18px}@media(max-width:900px){.diary-layout{grid-template-columns:1fr}.diary-summary{display:none}.mobile-summary{display:block}}@media(max-width:767px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}h1{font-size:1.5rem}.topbar{height:56px}.topbar-inner{width:calc(100% - 32px)}.desktop-nav{display:none}.topbar-settings{width:40px;height:40px}.app-main{width:calc(100% - 28px);padding:22px 0 34px}.offline-banner{top:56px;font-size:.8125rem}.bottom-nav{position:fixed;z-index:50;right:0;bottom:0;left:0;height:calc(68px + env(safe-area-inset-bottom));padding:7px 24px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fff;display:grid;grid-template-columns:repeat(3,1fr)}.bottom-nav a{min-height:54px;border-radius:8px;color:var(--muted);display:grid;justify-items:center;align-content:center;gap:3px;font-size:.7rem;font-weight:500;text-decoration:none}.bottom-nav a.active{color:var(--ocean)}.bottom-nav .icon{width:22px;height:22px}.quick-add-fab{position:fixed;z-index:60;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));width:56px;height:56px;border:4px solid #fff;border-radius:50%;color:#fff;background:var(--ocean);box-shadow:0 10px 22px #12677e47;display:grid;place-items:center;transform:translate(-50%)}.date-head{min-height:84px}.date-actions .button{padding-inline:10px}.week-strip{margin-inline:-2px;padding:6px}.week-strip button{min-height:50px}.week-strip .today strong{width:31px;height:31px}.nutrition-body{grid-template-columns:minmax(0,1fr) 130px;padding:18px}.macro-grid{width:126px;gap:3px}.summary-list dt{font-size:.75rem}.summary-list dd{font-size:.77rem}.summary-number{font-size:2rem}.panel-header,.meal-header,.entry-list,.weight-list{padding-inline:16px}.meal-header{padding-inline:14px}.meal-calories{min-width:auto;font-size:1.08rem}.meal-macros{padding-inline:14px}.form-grid.two,.form-grid.four{grid-template-columns:1fr}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip>div:last-child{grid-column:1 / -1}.settings-panel{padding-inline:18px}.security-row{align-items:flex-start;flex-direction:column}.modal-backdrop{padding:8px}.modal-surface,.modal-surface.wide{width:100%;max-height:calc(100dvh - 16px);border-radius:16px}.modal-body{max-height:calc(100dvh - 86px);padding:18px}.page-heading{flex-wrap:wrap}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-choice{min-height:82px}.picker-tools{align-items:stretch;flex-direction:column}.tabs>button{flex:1}.product-row{grid-template-columns:minmax(0,1fr)}.sticky-submit{bottom:-18px;margin:18px -18px -18px;padding-inline:18px}.auth-page{place-items:center}.auth-card{padding:26px 22px}.water-control{align-items:stretch;flex-direction:column}.water-stepper{width:100%;grid-template-columns:48px 1fr 48px}.date-time-input{grid-template-columns:1fr}.toast-region{inset:68px 16px auto;width:auto}.weight-list>li{grid-template-columns:minmax(0,1fr) auto auto;gap:6px 12px}.weight-list time{grid-column:1 / 3}.weight-actions{grid-column:3;grid-row:1 / 3}.macro-donut-wrap{grid-template-columns:112px minmax(0,1fr)}.macro-donut{width:112px}.calendar-grid{grid-template-columns:repeat(7,38px)}.calendar-grid button{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.toast,.toast-icon{animation:none}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}