:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 1.875rem;--text-3xl: 2.375rem;--leading-tight: 1.2;--leading-normal: 1.55;--c-bg: #f4f7f5;--c-bg-tint: #eef3ef;--c-surface: #ffffff;--c-surface-2: #f8faf9;--c-surface-3: #eef2f0;--c-border: #dfe6e2;--c-border-strong: #c7d2cc;--c-text: #14211c;--c-text-muted: #55655e;--c-text-subtle: #7c8b84;--c-text-inverse: #ffffff;--c-accent: #12836a;--c-accent-hover: #0e6c58;--c-accent-soft: #dcefe8;--c-accent-ring: rgba(18, 131, 106, .28);--c-protein: #2f7fd4;--c-carb: #d99326;--c-fat: #b4629b;--c-fiber: #4c9a63;--c-breakfast: #e0a33c;--c-lunch: #2f9e8f;--c-dinner: #5b6fc4;--c-snack: #b57bb0;--c-chart-grid: #e3eae6;--c-chart-axis: #97a59e;--c-chart-bar: #12836a;--c-chart-bar-muted: #b6d6cc;--c-chart-target: #7c8b84;--c-chart-track: #e6ece9;--c-info: #2f6fb0;--c-info-soft: #e4eefa;--c-danger: #b3402f;--c-danger-soft: #fbe9e6;--shadow-sm: 0 1px 2px rgba(19, 41, 33, .05), 0 1px 3px rgba(19, 41, 33, .04);--shadow-md: 0 2px 4px rgba(19, 41, 33, .05), 0 6px 14px rgba(19, 41, 33, .07);--shadow-lg: 0 4px 8px rgba(19, 41, 33, .06), 0 16px 36px rgba(19, 41, 33, .11);--content-max: 1180px;--sidebar-width: 244px;--bottom-nav-height: 60px;--transition: .16s cubic-bezier(.4, 0, .2, 1);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--c-bg: #101614;--c-bg-tint: #0c1211;--c-surface: #18211e;--c-surface-2: #1e2926;--c-surface-3: #253230;--c-border: #2a3835;--c-border-strong: #3a4a46;--c-text: #e7efec;--c-text-muted: #a3b3ad;--c-text-subtle: #7f918b;--c-text-inverse: #08110e;--c-accent: #43c7a3;--c-accent-hover: #58d6b4;--c-accent-soft: #17332c;--c-accent-ring: rgba(67, 199, 163, .32);--c-protein: #6aaef0;--c-carb: #eeb45c;--c-fat: #d68ec3;--c-fiber: #74c48c;--c-breakfast: #eab863;--c-lunch: #4fc3b2;--c-dinner: #8496e0;--c-snack: #cf9bca;--c-chart-grid: #263331;--c-chart-axis: #6d7f79;--c-chart-bar: #43c7a3;--c-chart-bar-muted: #2a4841;--c-chart-target: #8fa19b;--c-chart-track: #222e2b;--c-info: #7ab0ea;--c-info-soft: #16283a;--c-danger: #e58775;--c-danger-soft: #35201c;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 2px 6px rgba(0, 0, 0, .42), 0 8px 20px rgba(0, 0, 0, .35);--shadow-lg: 0 6px 14px rgba(0, 0, 0, .46), 0 20px 44px rgba(0, 0, 0, .44)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--c-text);background:var(--c-bg);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 60% at 50% 0%,var(--c-bg-tint) 0%,var(--c-bg) 62%)}h1,h2,h3,h4{margin:0;line-height:var(--leading-tight);letter-spacing:-.015em;font-weight:650}h1{font-size:var(--text-xl)}h2{font-size:var(--text-md)}h3{font-size:var(--text-base)}p{margin:0}a{color:var(--c-accent);text-decoration:none}a:hover{text-decoration:underline}svg{display:block}.num,table td,.stat-value,.chart text{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:var(--radius-xs)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.app{min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-4) var(--space-4) calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + var(--space-7))}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.page-header .eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-subtle);font-weight:600}.bottom-nav{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--c-surface) 92%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--c-border);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--bottom-nav-height);padding:var(--space-2) var(--space-1);font-size:.6875rem;font-weight:550;color:var(--c-text-subtle);text-decoration:none;transition:color var(--transition)}.bottom-nav a[aria-current=page]{color:var(--c-accent)}.bottom-nav a svg{width:22px;height:22px}.sidebar{display:none}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.card+.card{margin-top:var(--space-4)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.card-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:620}.card-title svg{width:18px;height:18px;color:var(--c-text-subtle)}.card-subtitle{font-size:var(--text-sm);color:var(--c-text-muted)}.stack{display:grid;gap:var(--space-4)}.stack>.btn:not(.btn-block){justify-self:start}.stack-sm{display:grid;gap:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.grid-2{display:grid;gap:var(--space-4);grid-template-columns:1fr}.grid-auto{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.muted{color:var(--c-text-muted)}.subtle{color:var(--c-text-subtle);font-size:var(--text-sm)}.tiny{font-size:var(--text-xs);color:var(--c-text-subtle)}.btn{--btn-bg: var(--c-surface);--btn-fg: var(--c-text);--btn-border: var(--c-border-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);font:inherit;font-size:var(--text-base);font-weight:580;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-pill);cursor:pointer;text-decoration:none;transition:background var(--transition),border-color var(--transition),transform var(--transition),color var(--transition)}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn svg{width:18px;height:18px}.btn-primary{--btn-bg: var(--c-accent);--btn-fg: var(--c-text-inverse);--btn-border: var(--c-accent)}.btn-primary:hover:not(:disabled){--btn-bg: var(--c-accent-hover);--btn-border: var(--c-accent-hover)}.btn-ghost{--btn-bg: transparent;--btn-border: transparent;--btn-fg: var(--c-text-muted)}.btn-ghost:hover:not(:disabled){--btn-bg: var(--c-surface-3)}.btn-danger{--btn-fg: var(--c-danger);--btn-border: color-mix(in srgb, var(--c-danger) 40%, transparent);--btn-bg: transparent}.btn-danger:hover:not(:disabled){--btn-bg: var(--c-danger-soft)}.btn-sm{min-height:36px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn-block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--c-text-muted);cursor:pointer;transition:background var(--transition),color var(--transition)}.icon-btn:hover{background:var(--c-surface-3);color:var(--c-text)}.icon-btn svg{width:19px;height:19px}.field{display:grid;gap:var(--space-1)}.field>label,.label{font-size:var(--text-sm);font-weight:580;color:var(--c-text-muted)}input,select,textarea{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);font-size:16px;font-family:inherit;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);transition:border-color var(--transition),box-shadow var(--transition);appearance:none}input[type=number]{font-variant-numeric:tabular-nums}textarea{min-height:96px;resize:vertical;line-height:var(--leading-normal)}select{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 17px center,right 12px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:var(--space-6)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-ring)}input::placeholder,textarea::placeholder{color:var(--c-text-subtle)}.segmented{display:flex;gap:2px;padding:3px;background:var(--c-surface-3);border-radius:var(--radius-pill);overflow-x:auto;scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.segmented button{flex:1 0 auto;min-height:38px;padding:0 var(--space-3);font:inherit;font-size:var(--text-sm);font-weight:560;color:var(--c-text-muted);background:transparent;border:none;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:background var(--transition),color var(--transition)}.segmented button[aria-pressed=true]{background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-sm)}.stat{display:grid;gap:2px;padding:var(--space-3);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md)}.stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-subtle);font-weight:600}.stat-value{font-size:var(--text-lg);font-weight:660;letter-spacing:-.02em}.stat-hint{font-size:var(--text-xs);color:var(--c-text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-pill);background:var(--c-surface-3);color:var(--c-text-muted);white-space:nowrap}.badge svg{width:13px;height:13px}.badge-accent{background:var(--c-accent-soft);color:var(--c-accent)}.meter{display:grid;gap:var(--space-1)}.meter-head{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--text-sm);gap:var(--space-2)}.meter-head .meter-name{font-weight:560}.meter-head .meter-figure{color:var(--c-text-muted);font-variant-numeric:tabular-nums}.meter-track{height:8px;border-radius:var(--radius-pill);background:var(--c-chart-track);overflow:hidden}.meter-fill{height:100%;border-radius:var(--radius-pill);transition:width var(--transition)}.macro-strip{display:flex;height:6px;border-radius:var(--radius-pill);overflow:hidden;background:var(--c-chart-track)}.macro-strip span{display:block;height:100%}.notice{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--c-info-soft);color:var(--c-text);font-size:var(--text-sm);line-height:var(--leading-normal);border:1px solid color-mix(in srgb,var(--c-info) 22%,transparent)}.notice svg{width:18px;height:18px;flex:none;color:var(--c-info);margin-top:2px}.notice-error{background:var(--c-danger-soft);border-color:color-mix(in srgb,var(--c-danger) 30%,transparent)}.notice-error svg{color:var(--c-danger)}.notice-quiet{background:var(--c-surface-2);border-color:var(--c-border);color:var(--c-text-muted)}.notice-quiet svg{color:var(--c-text-subtle)}.meal-group+.meal-group{margin-top:var(--space-5)}.meal-group-head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding-inline:var(--space-1)}.meal-group-head svg{width:17px;height:17px}.meal-group-head h2{font-size:var(--text-base)}.meal-group-head .meal-group-kcal{margin-left:auto;font-size:var(--text-sm);color:var(--c-text-muted);font-variant-numeric:tabular-nums}.meal-card{display:grid;gap:var(--space-2);padding:var(--space-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.meal-card+.meal-card{margin-top:var(--space-2)}.meal-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.meal-card-name{font-weight:600}.meal-card-kcal{font-weight:660;font-variant-numeric:tabular-nums;white-space:nowrap}.meal-card-items{font-size:var(--text-sm);color:var(--c-text-muted)}.meal-card-actions{display:flex;gap:var(--space-1)}.item-row{display:grid;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface-2)}.item-row+.item-row{margin-top:var(--space-3)}.item-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.chart{width:100%;max-width:760px;height:auto;display:block;margin-inline:auto;overflow:visible}.chart text{font-family:var(--font-sans);fill:var(--c-chart-axis)}.chart-frame{width:100%}.chart-frame-narrow{max-width:296px;margin-inline:auto}.chart-frame-heatmap{max-width:640px}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin-top:var(--space-3);font-size:var(--text-sm)}.chart-legend li{display:flex;align-items:center;gap:var(--space-2);list-style:none}.chart-legend .swatch{width:10px;height:10px;border-radius:3px;flex:none}.chart-legend .legend-value{color:var(--c-text-muted);font-variant-numeric:tabular-nums}.chart-legend ul{margin:0;padding:0}.chart-empty{display:grid;place-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;color:var(--c-text-subtle);background:var(--c-surface-2);border:1px dashed var(--c-border-strong);border-radius:var(--radius-md);font-size:var(--text-sm)}.chart-empty svg{width:28px;height:28px;opacity:.7}.skeleton{position:relative;overflow:hidden;background:var(--c-surface-3);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c-surface) 65%,transparent),transparent);animation:skeleton-sweep 1.4s ease-in-out infinite}@keyframes skeleton-sweep{to{transform:translate(100%)}}.empty-state{display:grid;justify-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center}.empty-state .empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-pill);background:var(--c-accent-soft);color:var(--c-accent)}.empty-state .empty-icon svg{width:26px;height:26px}.empty-state h3{font-size:var(--text-md)}.empty-state p{color:var(--c-text-muted);max-width:42ch;font-size:var(--text-sm)}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:#08141073;backdrop-filter:blur(3px);padding:0}.modal{width:100%;max-height:90dvh;overflow-y:auto;background:var(--c-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);padding:var(--space-5) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));animation:sheet-in .2s cubic-bezier(.32,.72,0,1)}@keyframes sheet-in{0%{transform:translateY(16px);opacity:.6}to{transform:translateY(0);opacity:1}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.login-shell{min-height:100dvh;display:grid;place-items:center;padding:var(--space-5) var(--space-4)}.login-card{width:100%;max-width:400px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6) var(--space-5);display:grid;gap:var(--space-4)}.login-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--radius-md);background:var(--c-accent);color:var(--c-text-inverse)}.login-mark svg{width:27px;height:27px}.photo-drop{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border:1.5px dashed var(--c-border-strong);border-radius:var(--radius-lg);background:var(--c-surface-2);text-align:center;color:var(--c-text-muted);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.photo-drop:hover{border-color:var(--c-accent);background:var(--c-accent-soft)}.photo-drop svg{width:30px;height:30px;color:var(--c-accent)}.photo-preview{position:relative;border-radius:var(--radius-lg);overflow:hidden}.photo-preview img{display:block;width:100%;max-height:340px;object-fit:cover;background:var(--c-surface-3)}.photo-preview .icon-btn{position:absolute;top:var(--space-2);right:var(--space-2);background:#081410a8;color:#fff;backdrop-filter:blur(4px)}.sticky-actions{position:sticky;bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + var(--space-2));z-index:20;display:flex;gap:var(--space-2);padding:var(--space-3);margin-top:var(--space-5);background:color-mix(in srgb,var(--c-surface) 94%,transparent);backdrop-filter:blur(10px);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.sticky-actions .btn{flex:1}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}th{text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-subtle);font-weight:600;padding:var(--space-2) var(--space-3);white-space:nowrap}td{padding:var(--space-2) var(--space-3);border-top:1px solid var(--c-border);white-space:nowrap}@media(min-width:720px){:root{--text-base: .96875rem}.app-main{padding:var(--space-5) var(--space-5) var(--space-7)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{padding:var(--space-5)}h1{font-size:var(--text-2xl)}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-backdrop{align-items:center;padding:var(--space-5)}.modal{max-width:560px;border-radius:var(--radius-xl);padding:var(--space-5)}.sticky-actions{bottom:var(--space-4)}}@media(min-width:1024px){.bottom-nav{display:none}.app{flex-direction:row}.sidebar{display:flex;flex-direction:column;gap:var(--space-5);position:sticky;top:0;align-self:flex-start;width:var(--sidebar-width);flex:none;height:100dvh;padding:var(--space-5) var(--space-4);background:var(--c-surface);border-right:1px solid var(--c-border)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-2);font-weight:660;font-size:var(--text-md);letter-spacing:-.02em}.sidebar-brand .mark{display:grid;place-items:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--c-accent);color:var(--c-text-inverse);flex:none}.sidebar-brand .mark svg{width:19px;height:19px}.sidebar nav{display:grid;gap:2px}.sidebar nav a{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--c-text-muted);font-weight:550;font-size:var(--text-base);transition:background var(--transition),color var(--transition)}.sidebar nav a:hover{background:var(--c-surface-3);color:var(--c-text);text-decoration:none}.sidebar nav a[aria-current=page]{background:var(--c-accent-soft);color:var(--c-accent)}.sidebar nav a svg{width:19px;height:19px;flex:none}.sidebar-foot{margin-top:auto;display:grid;gap:var(--space-2)}.app-main{padding:var(--space-6);padding-bottom:var(--space-7)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sticky-actions{position:static;backdrop-filter:none}}@media(min-width:1200px){.dashboard-split{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}}@media(min-width:1360px){.grid-3-lg{grid-template-columns:repeat(3,minmax(0,1fr))}}