:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3.5rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--leading-tight: 1.2;--leading-normal: 1.5;--transition-fast: .12s ease;--transition-base: .2s ease;--content-max-width: 1180px;--nav-sidebar-width: 248px;--bottom-nav-height: 64px;--color-bg: #f4f7f5;--color-bg-tint: #eef4f0;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-border: #e2e8e4;--color-border-strong: #cbd6d0;--color-text: #16211c;--color-text-muted: #5b6b62;--color-text-faint: #8b9a91;--color-accent: #0f9d78;--color-accent-strong: #0b7a5e;--color-accent-soft: #dcf3ea;--color-accent-contrast: #ffffff;--color-protein: #2f8f6f;--color-carb: #d99b3f;--color-fat: #c76b6b;--color-fiber: #5c8fd6;--color-breakfast: #e8b34a;--color-lunch: #4fae8a;--color-dinner: #6a7fd6;--color-snack: #c084c9;--color-danger: #c14f4f;--color-danger-soft: #fbeaea;--color-success: #0f9d78;--color-warning: #b8863a;--color-warning-soft: #fbf1e2;--shadow-sm: 0 1px 2px rgba(20, 30, 25, .06);--shadow-md: 0 4px 12px rgba(20, 30, 25, .08), 0 1px 3px rgba(20, 30, 25, .06);--shadow-lg: 0 12px 32px rgba(20, 30, 25, .12), 0 2px 6px rgba(20, 30, 25, .06);--chart-grid: #e2e8e4;--chart-axis-text: #8b9a91;--skeleton-base: #e7ede9;--skeleton-shine: #f4f7f5;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #101512;--color-bg-tint: #131a16;--color-surface: #1a231e;--color-surface-raised: #202b24;--color-border: #2a352e;--color-border-strong: #3a473e;--color-text: #eaf1ec;--color-text-muted: #a5b4ab;--color-text-faint: #75837b;--color-accent: #35c99a;--color-accent-strong: #4fdbb0;--color-accent-soft: #163a2e;--color-accent-contrast: #08150f;--color-protein: #4fc699;--color-carb: #e6ac53;--color-fat: #e08a8a;--color-fiber: #7ea6e8;--color-breakfast: #f0c165;--color-lunch: #5fc39d;--color-dinner: #8b9cf0;--color-snack: #d9a0e0;--color-danger: #e08080;--color-danger-soft: #3a2020;--color-success: #35c99a;--color-warning: #e6ac53;--color-warning-soft: #3a2f18;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .3);--chart-grid: #2a352e;--chart-axis-text: #75837b;--skeleton-base: #202b24;--skeleton-shine: #263329;color-scheme:dark}}:root[data-theme=dark]{--color-bg: #101512;--color-bg-tint: #131a16;--color-surface: #1a231e;--color-surface-raised: #202b24;--color-border: #2a352e;--color-border-strong: #3a473e;--color-text: #eaf1ec;--color-text-muted: #a5b4ab;--color-text-faint: #75837b;--color-accent: #35c99a;--color-accent-strong: #4fdbb0;--color-accent-soft: #163a2e;--color-accent-contrast: #08150f;--color-protein: #4fc699;--color-carb: #e6ac53;--color-fat: #e08a8a;--color-fiber: #7ea6e8;--color-breakfast: #f0c165;--color-lunch: #5fc39d;--color-dinner: #8b9cf0;--color-snack: #d9a0e0;--color-danger: #e08080;--color-danger-soft: #3a2020;--color-success: #35c99a;--color-warning: #e6ac53;--color-warning-soft: #3a2f18;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .3);--chart-grid: #2a352e;--chart-axis-text: #75837b;--skeleton-base: #202b24;--skeleton-shine: #263329;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;position:relative;min-height:100vh}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(60% 50% at 15% 0%,var(--color-accent-soft) 0%,transparent 60%),var(--color-bg-tint);opacity:.6}h1,h2,h3,h4,p{margin:0}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}ul{margin:0;padding:0;list-style:none}@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-shell{display:flex;min-height:100vh}.app-main{flex:1;min-width:0;padding:var(--space-5) var(--space-4) calc(var(--bottom-nav-height) + var(--space-6));padding-bottom:calc(var(--bottom-nav-height) + var(--space-6) + env(safe-area-inset-bottom,0px))}.app-content{max-width:var(--content-max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-5)}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.page-header h1{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.01em}.page-subtitle{color:var(--color-text-muted);font-size:var(--text-sm)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);display:flex;background:var(--color-surface);border-top:1px solid var(--color-border);z-index:40}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:44px;color:var(--color-text-faint);text-decoration:none;font-size:11px;font-weight:600;background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.bottom-nav-item svg{width:22px;height:22px}.bottom-nav-item.active{color:var(--color-accent)}.sidebar-nav{display:none}@media(min-width:1024px){.app-main{padding:var(--space-6) var(--space-6)}.bottom-nav{display:none}.sidebar-nav{display:flex;flex-direction:column;width:var(--nav-sidebar-width);flex-shrink:0;padding:var(--space-6) var(--space-4);border-right:1px solid var(--color-border);gap:var(--space-6);position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2);font-weight:700;font-size:var(--text-lg)}.sidebar-brand svg{width:26px;height:26px;color:var(--color-accent)}.sidebar-links{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);text-decoration:none;font-weight:600;font-size:var(--text-sm);transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-link svg{width:20px;height:20px}.sidebar-link:hover,.sidebar-link.active{background:var(--color-accent-soft);color:var(--color-accent-strong)}}.grid-2{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:720px){.grid-2{grid-template-columns:1fr 1fr}}.grid-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(min-width:560px){.grid-cards{grid-template-columns:repeat(4,1fr)}}.dashboard-layout{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:1024px){.dashboard-layout{grid-template-columns:1.1fr .9fr;align-items:start}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card-title{font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.stat-tile .stat-value{font-size:var(--text-xl);font-weight:700}.stat-tile .stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-full);font-weight:700;font-size:var(--text-sm);border:1px solid transparent;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-accent);color:var(--color-accent-contrast);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-accent-strong)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn-secondary:hover{background:var(--color-accent-soft);border-color:var(--color-accent)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover{background:var(--color-bg-tint);color:var(--color-text)}.btn-danger{background:var(--color-danger-soft);color:var(--color-danger)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-full)}.btn-block{width:100%}.btn-sm{min-height:36px;padding:0 var(--space-4);font-size:var(--text-xs)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.fab{position:fixed;right:var(--space-4);bottom:calc(var(--bottom-nav-height) + var(--space-4) + env(safe-area-inset-bottom,0px));z-index:30;box-shadow:var(--shadow-lg)}@media(min-width:1024px){.fab{display:none}}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.field-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}input[type=text],input[type=number],input[type=date],input[type=time],input[type=password],input[type=search],select,textarea{width:100%;min-height:44px;padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);font-size:16px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.field-hint{font-size:var(--text-xs);color:var(--color-text-faint)}.field-error{font-size:var(--text-xs);color:var(--color-danger)}.segmented{display:flex;background:var(--color-bg-tint);border-radius:var(--radius-full);padding:4px;gap:4px;flex-wrap:wrap}.segmented button{flex:1;min-height:40px;min-width:72px;border:none;background:transparent;border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.segmented button.active{background:var(--color-surface);color:var(--color-accent-strong);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700}.badge-confidence{background:var(--color-accent-soft);color:var(--color-accent-strong)}.meal-type-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.meal-type-breakfast{background:var(--color-breakfast)}.meal-type-lunch{background:var(--color-lunch)}.meal-type-dinner{background:var(--color-dinner)}.meal-type-snack{background:var(--color-snack)}.meal-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface)}.meal-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.meal-card-title{font-weight:700;font-size:var(--text-base)}.meal-card-meta{font-size:var(--text-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2)}.meal-card-actions{display:flex;gap:var(--space-1)}.skeleton{position:relative;overflow:hidden;background:var(--skeleton-base);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--skeleton-shine),transparent);transform:translate(-100%);animation:skeleton-shine 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}}@keyframes skeleton-shine{to{transform:translate(100%)}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);color:var(--color-text-muted)}.empty-state svg{width:48px;height:48px;color:var(--color-text-faint)}.empty-state-title{font-weight:700;color:var(--color-text)}.alert{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm)}.alert svg{width:20px;height:20px;flex-shrink:0}.alert-info{background:var(--color-accent-soft);color:var(--color-accent-strong)}.alert-warning{background:var(--color-warning-soft);color:var(--color-warning)}.alert-danger{background:var(--color-danger-soft);color:var(--color-danger)}.modal-overlay{position:fixed;inset:0;background:#0a0f0c73;display:flex;align-items:flex-end;justify-content:center;z-index:100;padding:0}.modal-panel{background:var(--color-surface);width:100%;max-height:88vh;overflow-y:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-5);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-lg)}.modal-grabber{width:40px;height:4px;border-radius:var(--radius-full);background:var(--color-border-strong);margin:0 auto var(--space-4)}@media(min-width:720px){.modal-overlay{align-items:center}.modal-panel{max-width:560px;border-radius:var(--radius-lg);max-height:85vh}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.modal-header h2{font-size:var(--text-lg);font-weight:700}.macro-strip{display:flex;height:8px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-bg-tint)}.macro-strip-segment{height:100%}.macro-key{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted)}.macro-key-item{display:flex;align-items:center;gap:6px}.macro-key-dot{width:9px;height:9px;border-radius:50%}.text-muted{color:var(--color-text-muted)}.text-faint{color:var(--color-text-faint)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-2)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.link-plain{text-decoration:none;color:inherit}.chart-wrap{width:100%;max-width:640px;margin:0 auto}.chart-wrap.chart-wide{max-width:920px}.chart-wrap svg{width:100%;height:auto;overflow:visible}.chart-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-3);color:var(--color-text-faint);text-align:center;font-size:var(--text-sm)}.chart-empty svg{width:32px;height:32px}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.chart-legend-item{display:flex;align-items:center;gap:6px}.chart-legend-dot{width:9px;height:9px;border-radius:3px}