:root{color-scheme:light;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-xs: 12px;--text-sm: 13px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 34px;--leading-tight: 1.2;--leading-normal: 1.5;--color-bg: #f4f7f6;--color-bg-tint: #eef4f2;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-sunken: #f0f3f2;--color-border: #e1e8e5;--color-border-strong: #cbd6d1;--color-text-primary: #14201d;--color-text-secondary: #55655f;--color-text-tertiary: #85958f;--color-text-on-accent: #ffffff;--color-accent: #0f9d8a;--color-accent-strong: #0b7a6b;--color-accent-soft: #e3f4f0;--color-accent-softer: #f0faf7;--color-positive: #1f9d6b;--color-caution: #c98a17;--color-negative: #d1495b;--chart-1: #0f9d8a;--chart-2: #3f8ee8;--chart-3: #e8a33f;--chart-4: #b06ee0;--chart-5: #e05a7a;--chart-track: #e1e8e5;--chart-grid: #e6ece9;--chart-target-line: #85958f;--shadow-sm: 0 1px 2px rgba(20, 32, 29, .06);--shadow-md: 0 2px 8px rgba(20, 32, 29, .07), 0 1px 2px rgba(20, 32, 29, .05);--shadow-lg: 0 12px 32px rgba(20, 32, 29, .1), 0 2px 6px rgba(20, 32, 29, .06);--transition-fast: .12s ease;--transition-base: .2s ease;--content-max-width: 1180px;--nav-width: 248px;--bottom-nav-height: 64px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #0f1513;--color-bg-tint: #121a17;--color-surface: #171f1c;--color-surface-raised: #1c2521;--color-surface-sunken: #101614;--color-border: #263029;--color-border-strong: #34423a;--color-text-primary: #eef4f1;--color-text-secondary: #a9b8b1;--color-text-tertiary: #79897f;--color-text-on-accent: #ffffff;--color-accent: #2bc4a8;--color-accent-strong: #4bd8bd;--color-accent-soft: #163330;--color-accent-softer: #12211f;--color-positive: #3ac48b;--color-caution: #e0ab4c;--color-negative: #e37485;--chart-1: #2bc4a8;--chart-2: #6ba7f0;--chart-3: #f0bc5f;--chart-4: #c592ee;--chart-5: #ee87a1;--chart-track: #263029;--chart-grid: #202a25;--chart-target-line: #79897f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 10px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .3)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0f1513;--color-bg-tint: #121a17;--color-surface: #171f1c;--color-surface-raised: #1c2521;--color-surface-sunken: #101614;--color-border: #263029;--color-border-strong: #34423a;--color-text-primary: #eef4f1;--color-text-secondary: #a9b8b1;--color-text-tertiary: #79897f;--color-text-on-accent: #ffffff;--color-accent: #2bc4a8;--color-accent-strong: #4bd8bd;--color-accent-soft: #163330;--color-accent-softer: #12211f;--color-positive: #3ac48b;--color-caution: #e0ab4c;--color-negative: #e37485;--chart-1: #2bc4a8;--chart-2: #6ba7f0;--chart-3: #f0bc5f;--chart-4: #c592ee;--chart-5: #ee87a1;--chart-track: #263029;--chart-grid: #202a25;--chart-target-line: #79897f;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 10px rgba(0, 0, 0, .35), 0 1px 2px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(120% 80% at 15% -10%,var(--color-accent-softer) 0%,transparent 55%),var(--color-bg)}h1,h2,h3,h4,p,figure{margin:0}button,input,select,textarea{font-family:inherit;color:inherit}button{cursor:pointer}a{color:inherit}img{max-width:100%;display:block}.tabular-nums{font-variant-numeric:tabular-nums}.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}::selection{background:var(--color-accent-soft)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-shell{display:flex;min-height:100%}.sidebar{display:none}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:calc(var(--space-4) + var(--safe-top)) var(--space-4) var(--space-3);background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:blur(10px)}.topbar h1{font-size:var(--text-lg);font-weight:700}.page-container{flex:1;width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-4) calc(var(--bottom-nav-height) + var(--space-8) + var(--safe-bottom));display:flex;flex-direction:column;gap:var(--space-6)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:space-around;align-items:center;height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:color-mix(in srgb,var(--color-surface) 92%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--color-border)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:56px;min-height:44px;padding:var(--space-1) var(--space-2);border:none;background:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:11px;font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.bottom-nav-item svg{width:22px;height:22px}.bottom-nav-item.active{color:var(--color-accent)}.fab-add-meal{position:fixed;right:var(--space-4);bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + var(--space-3));z-index:25;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-text-on-accent);box-shadow:var(--shadow-lg);font-weight:700;border:none;min-height:48px}@media(min-width:768px){.page-container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:1024px){.sidebar{display:flex;flex-direction:column;width:var(--nav-width);flex-shrink:0;padding:var(--space-6) var(--space-4);gap:var(--space-6);border-right:1px solid var(--color-border);position:sticky;top:0;height:100vh}.bottom-nav,.fab-add-meal{display:none}.topbar{padding:var(--space-6) var(--space-7) var(--space-4)}.page-container{padding:0 var(--space-7) var(--space-9)}}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-2)}.sidebar-brand svg{width:32px;height:32px;color:var(--color-accent)}.sidebar-brand span{font-weight:800;font-size:var(--text-lg)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);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;flex-shrink:0}.sidebar-link:hover{background:var(--color-surface-sunken)}.sidebar-link.active{background:var(--color-accent-soft);color:var(--color-accent-strong)}.sidebar-footer{margin-top:auto;font-size:var(--text-xs);color:var(--color-text-tertiary);padding:0 var(--space-2)}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:1280px){.dashboard-grid.two-col{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}}.card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.card-grid.cols-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid.cols-3{grid-template-columns:repeat(3,1fr)}.card-grid.cols-4{grid-template-columns:repeat(4,1fr)}}.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-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.card-title{font-size:var(--text-md);font-weight:700}.card-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.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-md);border:1px solid transparent;font-weight:700;font-size:var(--text-sm);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-text-on-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-strong)}.btn-secondary{background:var(--color-surface-sunken);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-border-strong)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-text-primary)}.btn-danger{background:transparent;color:var(--color-negative);border-color:color-mix(in srgb,var(--color-negative) 40%,transparent)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-negative) 10%,transparent)}.btn-block{width:100%}.btn-icon{min-width:44px;padding:0}.btn-icon svg{width:20px;height:20px}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.field input[type=text],.field input[type=number],.field input[type=date],.field input[type=time],.field input[type=password],.field select,.field textarea{width:100%;min-height:44px;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:16px;transition:border-color var(--transition-fast)}.field textarea{min-height:88px;resize:vertical;font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.field input::placeholder,.field textarea::placeholder{color:var(--color-text-tertiary);opacity:1}.field-row{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:480px){.field-row.two{grid-template-columns:1fr 1fr}}.field-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.field-error{font-size:var(--text-xs);color:var(--color-negative)}.segmented{display:flex;gap:var(--space-2);flex-wrap:wrap}.segmented button{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-weight:600;font-size:var(--text-sm)}.segmented button.active{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-strong)}.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;background:var(--color-surface-sunken);color:var(--color-text-secondary)}.banner{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-accent-softer);border:1px solid color-mix(in srgb,var(--color-accent) 25%,transparent);color:var(--color-text-secondary);font-size:var(--text-sm)}.banner svg{width:20px;height:20px;flex-shrink:0;color:var(--color-accent-strong);margin-top:1px}.banner strong{color:var(--color-text-primary)}.skeleton{position:relative;overflow:hidden;background:var(--color-surface-sunken);border-radius:var(--radius-md)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-surface) 60%,transparent),transparent);animation:skeleton-shimmer 1.4s infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);color:var(--color-text-secondary)}.empty-state svg{width:48px;height:48px;color:var(--color-text-tertiary)}.empty-state h3{font-size:var(--text-md);color:var(--color-text-primary)}.empty-state p{font-size:var(--text-sm);max-width:360px}.error-state{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start;padding:var(--space-5);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-negative) 8%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-negative) 25%,transparent);color:var(--color-text-primary)}.error-state p{font-size:var(--text-sm);color:var(--color-text-secondary)}.modal-overlay{position:fixed;inset:0;z-index:50;background:#0a100e80;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fade-in var(--transition-base)}@keyframes fade-in{0%{opacity:0}}.modal-sheet{width:100%;max-height:90vh;overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-5) var(--space-5) calc(var(--space-6) + var(--safe-bottom));box-shadow:var(--shadow-lg)}@media(min-width:640px){.modal-overlay{align-items:center;padding:var(--space-4)}.modal-sheet{width:100%;max-width:520px;max-height:85vh;border-radius:var(--radius-xl)}}.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}.modal-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.modal-actions .btn{flex:1}.meal-item-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.meal-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.meal-item-title{display:flex;align-items:center;gap:var(--space-2);font-weight:700}.meal-item-meta{font-size:var(--text-xs);color:var(--color-text-tertiary)}.meal-item-actions{display:flex;gap:var(--space-1)}.macro-line{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary)}.progress-meter{display:flex;flex-direction:column;gap:var(--space-1)}.progress-meter-track{height:8px;border-radius:var(--radius-full);background:var(--chart-track);overflow:hidden}.progress-meter-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}.progress-meter-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-secondary)}.stat-tile{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border)}.stat-tile-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.stat-tile-value{font-size:var(--text-2xl);font-weight:800}.stat-tile-sub{font-size:var(--text-xs);color:var(--color-text-secondary)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--space-5)}.login-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.login-brand svg{width:56px;height:56px;color:var(--color-accent)}.login-brand h1{font-size:var(--text-xl);font-weight:800}.disclaimer{font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:var(--leading-normal)}.page-header{display:flex;flex-direction:column;gap:var(--space-1)}.page-header h1{font-size:var(--text-2xl);font-weight:800}.page-header p{color:var(--color-text-secondary);font-size:var(--text-sm)}.day-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.day-nav-label{font-weight:700;font-size:var(--text-md);text-align:center;flex:1}.search-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.search-row input[type=search]{flex:1;min-width:180px;min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);font-size:16px}.thumb-uploader{display:flex;gap:var(--space-3);flex-wrap:wrap}.thumb-preview{position:relative;width:140px;height:140px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border)}.thumb-preview img{width:100%;height:100%;object-fit:cover}.thumb-preview button{position:absolute;top:var(--space-2);right:var(--space-2);width:32px;height:32px;border-radius:var(--radius-full);background:#0a100e99;color:#fff;border:none;display:flex;align-items:center;justify-content:center}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);width:140px;height:140px;border-radius:var(--radius-lg);border:2px dashed var(--color-border-strong);color:var(--color-text-secondary);background:var(--color-surface-sunken);font-size:var(--text-xs);font-weight:600;text-align:center;padding:var(--space-3)}.upload-dropzone svg{width:24px;height:24px}.input-method-toggle{display:flex;gap:var(--space-2);padding:var(--space-1);background:var(--color-surface-sunken);border-radius:var(--radius-full);width:fit-content}.input-method-toggle button{display:flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-secondary);font-weight:700;font-size:var(--text-sm)}.input-method-toggle button.active{background:var(--color-surface);color:var(--color-accent-strong);box-shadow:var(--shadow-sm)}.input-method-toggle svg{width:18px;height:18px}.chart-wrap{width:100%;max-width:680px;margin:0 auto}.chart-wrap.wide{max-width:900px}.chart-wrap.narrow{max-width:420px}.chart-wrap svg{width:100%;height:auto;display:block;overflow:visible}.chart-svg-text{fill:var(--color-text-secondary);font-size:11px;font-family:var(--font-sans)}.chart-svg-text.strong{fill:var(--color-text-primary);font-weight:700}.chart-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-6) var(--space-3);color:var(--color-text-tertiary)}.chart-empty svg{width:32px;height:32px}.chart-empty p{font-size:var(--text-sm);max-width:260px}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-top:var(--space-3)}.chart-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary)}.chart-legend-swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.donut-figure{position:relative;display:flex;flex-direction:column;align-items:center}.donut-caption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.donut-caption .value{font-size:var(--text-xl);font-weight:800;display:block}.donut-caption .label{font-size:var(--text-xs);color:var(--color-text-secondary)}.progress-ring-figure{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:220px}.progress-ring-caption{position:absolute;text-align:center}.progress-ring-caption .value{font-size:var(--text-3xl);font-weight:800;display:block;line-height:1}.progress-ring-caption .label{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1);display:block}.macro-strip-track{display:flex;width:100%;height:8px;border-radius:var(--radius-full);overflow:hidden;background:var(--chart-track)}.heatmap-wrap{max-width:560px;margin:0 auto;overflow-x:auto}.sparkline-wrap{width:100%;max-width:220px}