:root{--lightningcss-light:initial;--lightningcss-dark: ;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:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:999px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--text-xs:12px;--text-sm:13.5px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:25px;--text-2xl:32px;--text-3xl:40px;--leading-tight:1.2;--leading-normal:1.5;--weight-regular:400;--weight-medium:550;--weight-semibold:650;--weight-bold:750;--color-bg:#f6f8f7;--color-bg-tint:#eef5f2;--color-surface:#fff;--color-surface-raised:#fff;--color-surface-sunken:#f1f5f3;--color-border:#e1e8e4;--color-border-strong:#cbd7d0;--color-text-primary:#12201b;--color-text-secondary:#52645c;--color-text-tertiary:#85958d;--color-text-on-accent:#fff;--color-accent:#0f766e;--color-accent-strong:#0b5a54;--color-accent-soft:#d9f0ea;--color-accent-soft-text:#0b5a54;--color-positive:#2f9e5b;--color-positive-soft:#e2f6e9;--color-warning:#b7791f;--color-warning-soft:#fbf0d9;--color-danger:#c0392b;--color-danger-soft:#fbe6e2;--color-info:#2563eb;--color-info-soft:#e3ecfd;--chart-protein:#0f766e;--chart-carb:#d97706;--chart-fat:#7c3aed;--chart-fiber:#2563eb;--chart-grid:#e1e8e4;--chart-axis-text:#85958d;--chart-target-line:#c0392b;--chart-track:#eef2f0;--chart-breakfast:#0f766e;--chart-lunch:#2563eb;--chart-dinner:#7c3aed;--chart-snack:#d97706;--shadow-sm:0 1px 2px #12201b0f;--shadow-md:0 2px 8px #12201b0f, 0 1px 2px #12201b0d;--shadow-lg:0 12px 28px #12201b1a, 0 3px 8px #12201b0f;--shadow-focus:0 0 0 3px #0f766e59;--nav-height-mobile:64px;--sidebar-width:248px;--content-max-width:1180px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--transition-fast:.12s ease;--transition-base:.2s ease}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0b1220;--color-bg-tint:#0e1a1a;--color-surface:#121c2b;--color-surface-raised:#16233a;--color-surface-sunken:#0e1826;--color-border:#223046;--color-border-strong:#2d3f5c;--color-text-primary:#eef3f1;--color-text-secondary:#a7b6cc;--color-text-tertiary:#728098;--color-text-on-accent:#fff;--color-accent:#2dd4bf;--color-accent-strong:#5eead4;--color-accent-soft:#123632;--color-accent-soft-text:#6ee7d8;--color-positive:#4ade80;--color-positive-soft:#14301f;--color-warning:#f5b350;--color-warning-soft:#362a0f;--color-danger:#f87171;--color-danger-soft:#3a1a17;--color-info:#60a5fa;--color-info-soft:#142440;--chart-protein:#2dd4bf;--chart-carb:#f5b350;--chart-fat:#b794f6;--chart-fiber:#60a5fa;--chart-grid:#223046;--chart-axis-text:#728098;--chart-target-line:#f87171;--chart-track:#16233a;--chart-breakfast:#2dd4bf;--chart-lunch:#60a5fa;--chart-dinner:#b794f6;--chart-snack:#f5b350;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 10px #00000059, 0 1px 2px #0000004d;--shadow-lg:0 16px 32px #00000073, 0 4px 10px #0000004d;--shadow-focus:0 0 0 3px #2dd4bf59}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg);overscroll-behavior-y:none;position:relative}body:before{content:"";z-index:-1;background:radial-gradient(ellipse 80% 60% at 50% -10%, var(--color-bg-tint), transparent), var(--color-bg);position:fixed;inset:0}#root{min-height:100%}img,picture,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit}ul,ol{list-style:none}table{border-collapse:collapse}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}::selection{background:var(--color-accent-soft);color:var(--color-accent-soft-text)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app-shell{min-height:100vh;display:flex}.app-main{min-width:0;padding:var(--space-5) var(--space-4) calc(var(--nav-height-mobile) + var(--space-8) + var(--safe-bottom));flex:1}.app-content{max-width:var(--content-max-width);gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.page-title{font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.01em}.page-subtitle{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:4px}.bottom-nav{z-index:40;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-1) var(--space-2) calc(var(--space-1) + var(--safe-bottom));display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #12201b0f}.bottom-nav-link{border-radius:var(--radius-md);min-height:56px;color:var(--color-text-tertiary);font-size:11px;font-weight:var(--weight-medium);transition:color var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.bottom-nav-link svg{width:22px;height:22px}.bottom-nav-link.active{color:var(--color-accent)}.sidebar{display:none}@media (width>=900px){.app-main{padding:var(--space-7) var(--space-8) var(--space-9)}.bottom-nav{display:none}.sidebar{width:var(--sidebar-width);padding:var(--space-6) var(--space-4);border-right:1px solid var(--color-border);gap:var(--space-6);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:var(--space-3);padding:0 var(--space-3);display:flex}.sidebar-brand-mark{border-radius:var(--radius-md);background:var(--color-accent);width:36px;height:36px;color:var(--color-text-on-accent);justify-content:center;align-items:center;display:flex}.sidebar-brand-name{font-weight:var(--weight-bold);font-size:var(--text-base)}.sidebar-nav{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:var(--weight-medium);font-size:var(--text-sm);transition:background var(--transition-fast), color var(--transition-fast);display:flex}.sidebar-link svg{flex-shrink:0;width:20px;height:20px}.sidebar-link:hover{background:var(--color-surface-sunken);color:var(--color-text-primary)}.sidebar-link.active{background:var(--color-accent-soft);color:var(--color-accent-soft-text)}.sidebar-footer{padding:0 var(--space-3);margin-top:auto}}.grid-2,.grid-today{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=1024px){.grid-2{grid-template-columns:1fr 1fr}.grid-today{grid-template-columns:1.3fr 1fr;align-items:start}}.grid-3{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=720px){.grid-3{grid-template-columns:repeat(3,1fr)}}@media (width>=560px) and (width<=719px){.grid-3{grid-template-columns:repeat(2,1fr)}}.sticky-add-meal{right:var(--space-4);bottom:calc(var(--nav-height-mobile) + var(--space-4) + var(--safe-bottom));z-index:45;box-shadow:var(--shadow-lg);position:fixed}@media (width>=900px){.sticky-add-meal{display:none}}.centered-page{min-height:100vh;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.auth-card{gap:var(--space-5);flex-direction:column;width:100%;max-width:380px;display:flex}.chart-card svg{width:100%;max-width:640px;height:auto;margin:0 auto;display:block}.chart-wide svg{max-width:100%}.chart-scroll{overflow-x:auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--weight-semibold);white-space:nowrap;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), opacity var(--transition-fast);display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-accent);color:var(--color-text-on-accent);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-accent-strong)}.btn-secondary{background:var(--color-surface-sunken);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-border-strong)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-sunken);color:var(--color-text-primary)}.btn-danger{background:var(--color-danger-soft);color:var(--color-danger)}.btn-danger:hover:not(:disabled){filter:brightness(.96)}.btn-icon{border-radius:var(--radius-full);flex-shrink:0;width:44px;height:44px;padding:0}.btn-sm{min-height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn-block{width:100%}.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-md);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.card-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:2px}.card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.field-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.input,.select,.textarea{width:100%;min-height:48px;padding:0 var(--space-4);background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);font-size:16px}.textarea{min-height:96px;padding-top:var(--space-3);padding-bottom:var(--space-3);resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus);outline:none}.input::placeholder,.textarea::placeholder{color:var(--color-text-tertiary)}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=480px){.form-row{grid-template-columns:1fr}}.segmented{gap:var(--space-1);background:var(--color-surface-sunken);border-radius:var(--radius-full);border:1px solid var(--color-border);padding:4px;display:flex}.segmented button{min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast);flex:1}.segmented button[aria-pressed=true]{background:var(--color-surface);color:var(--color-accent-strong);box-shadow:var(--shadow-sm)}.badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.badge-accent{background:var(--color-accent-soft);color:var(--color-accent-soft-text)}.badge-info{background:var(--color-info-soft);color:var(--color-info)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--color-surface-sunken) 25%, var(--color-border) 37%, var(--color-surface-sunken) 63%);background-size:400% 100%;animation:1.4s infinite shimmer}@media (prefers-reduced-motion:reduce){.skeleton{background:var(--color-surface-sunken);animation:none}}.state-block{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);color:var(--color-text-secondary);flex-direction:column;display:flex}.state-block .state-icon{width:56px;height:56px;color:var(--color-text-tertiary)}.state-block .state-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.state-block.state-error .state-icon{color:var(--color-danger)}.modal-overlay{z-index:60;animation:fade-in var(--transition-base);background:#0a100e73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-panel{background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:560px;max-height:min(88vh,720px);padding:var(--space-5) var(--space-5) calc(var(--space-6) + var(--safe-bottom));box-shadow:var(--shadow-lg);animation:slide-up var(--transition-base);overflow-y:auto}@media (width>=640px){.modal-overlay{align-items:center}.modal-panel{border-radius:var(--radius-xl);padding:var(--space-6)}}.modal-handle{border-radius:var(--radius-full);background:var(--color-border-strong);width:40px;height:4px;margin:0 auto var(--space-4)}@media (width>=640px){.modal-handle{display:none}}.meal-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.meal-card-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.meal-card-name{font-weight:var(--weight-semibold);font-size:var(--text-base)}.meal-card-meta{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px}.meal-card-calories{font-size:var(--text-md);font-weight:var(--weight-semibold);white-space:nowrap}.meal-card-actions{gap:var(--space-2);display:flex}.macro-meter{flex-direction:column;gap:6px;display:flex}.macro-meter-row{font-size:var(--text-xs);color:var(--color-text-secondary);justify-content:space-between;display:flex}.macro-meter-track{border-radius:var(--radius-full);background:var(--chart-track);height:8px;overflow:hidden}.macro-meter-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.notice{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-info-soft);color:var(--color-text-primary);font-size:var(--text-sm);line-height:var(--leading-normal);display:flex}.notice .notice-icon{width:20px;height:20px;color:var(--color-info);flex-shrink:0;margin-top:1px}.notice-subtle{background:var(--color-surface-sunken);color:var(--color-text-secondary)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);display:flex}.spread{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.chart-legend{gap:var(--space-4);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.chart-legend-item{align-items:center;gap:6px;display:flex}.chart-legend-swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.chart-legend-value{font-weight:var(--weight-semibold);color:var(--color-text-primary)}.donut-wrap{justify-content:center;display:flex;position:relative}.donut-wrap svg{max-width:220px}.donut-caption{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-caption-value{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);display:block}.donut-caption-label{font-size:var(--text-xs);color:var(--color-text-tertiary)}.ring-wrap{justify-content:center;display:flex;position:relative}.ring-wrap svg{max-width:200px}.ring-caption{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-caption-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text-primary);line-height:1}.ring-caption-label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:4px}.heatmap-scroll{padding-bottom:4px;overflow-x:auto}.heatmap-grid{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:4px;width:max-content;max-width:100%;display:grid}.heatmap-cell{background:var(--chart-track);border-radius:4px;width:14px;height:14px}.heatmap-legend{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);align-items:center;gap:4px;display:flex}.heatmap-legend .heatmap-cell{width:10px;height:10px}