:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:999px;--font-sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-numeric:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.55;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--content-max:1180px;--sidebar-width:244px;--bottom-nav-height:4.25rem;--chart-max-width:720px;--heatmap-max-width:640px;--ease:cubic-bezier(.32, .72, 0, 1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.32s;--bg:#f4f6f5;--bg-tint:#eef2f1;--surface:#fff;--surface-2:#f7faf9;--surface-raised:#fff;--border:#e2e8e6;--border-strong:#cbd5d1;--text-primary:#14201d;--text-secondary:#52625d;--text-muted:#7b8a85;--text-inverse:#fff;--accent:#0f8a6a;--accent-hover:#0c7259;--accent-soft:#dff2ec;--accent-softer:#eef8f5;--accent-contrast:#fff;--protein:#2f7fd4;--protein-soft:#dbeafd;--carbs:#d99321;--carbs-soft:#fbeed4;--fat:#a568cd;--fat-soft:#efe1f8;--fiber:#4f9d5b;--fiber-soft:#dff0e2;--breakfast:#e0913a;--lunch:#2f9e8f;--dinner:#5570cc;--snack:#b569a8;--danger:#c0392f;--danger-soft:#fbe6e4;--warning:#a8781a;--warning-soft:#fbf1da;--info:#2b6fa8;--info-soft:#ddeefa;--grid-line:#e6ecea;--axis-text:#7b8a85;--chart-empty:#eef2f1;--shadow-xs:0 1px 2px #10201c0d;--shadow-sm:0 1px 2px #10201c0d, 0 2px 6px #10201c0a;--shadow-md:0 2px 4px #10201c0d, 0 6px 16px #10201c12;--shadow-lg:0 4px 8px #10201c0f, 0 16px 32px #10201c1a;--shadow-focus:0 0 0 3px #0f8a6a47}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111614;--bg-tint:#0d1211;--surface:#1a2220;--surface-2:#212b28;--surface-raised:#222d2a;--border:#2c3835;--border-strong:#3d4c48;--text-primary:#e8efec;--text-secondary:#a6b5b0;--text-muted:#7d8d88;--text-inverse:#111614;--accent:#3fbf98;--accent-hover:#55cfaa;--accent-soft:#17342c;--accent-softer:#14262210;--accent-contrast:#06231c;--protein:#6aa9e8;--protein-soft:#1a2c3f;--carbs:#e3ad4f;--carbs-soft:#382c17;--fat:#bf8ade;--fat-soft:#2f2340;--fiber:#6cbb79;--fiber-soft:#1c3220;--breakfast:#e3a45c;--lunch:#45b8a7;--dinner:#7b93e0;--snack:#cd86c0;--danger:#e8776b;--danger-soft:#3a201d;--warning:#d8ab52;--warning-soft:#362a13;--info:#66a6d8;--info-soft:#16293a;--grid-line:#2a3532;--axis-text:#8b9a95;--chart-empty:#212b28;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 2px #0006, 0 2px 6px #0000004d;--shadow-md:0 2px 4px #0006, 0 6px 16px #0000005c;--shadow-lg:0 4px 8px #00000073, 0 16px 32px #00000073;--shadow-focus:0 0 0 3px #3fbf9857}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(1100px 620px at 12% -8%, var(--accent-softer), transparent 62%), radial-gradient(900px 520px at 96% 4%, var(--bg-tint), transparent 58%), var(--bg);pointer-events:none;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--weight-semibold);letter-spacing:-.012em;margin:0}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}svg{display:block}.num,.stat-value,.tabular{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-xs);outline:none}.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}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app-shell{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex}.app-main{width:100%;max-width:var(--content-max);padding:var(--space-4) var(--space-4) calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--space-8));flex:1;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.page-title{font-size:var(--text-2xl)}.page-subtitle{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-sm)}.page-section{margin-top:var(--space-6)}.section-title{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-md);font-weight:var(--weight-semibold);display:flex}.section-title .muted{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-normal);margin-left:auto}.top-bar{z-index:30;align-items:center;gap:var(--space-3);padding:calc(env(safe-area-inset-top,0px) + var(--space-3)) var(--space-4) var(--space-3);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold);font-size:var(--text-md);color:var(--text-primary);display:flex}.brand:hover{text-decoration:none}.brand-mark{border-radius:var(--radius-sm);background:var(--accent);width:2rem;height:2rem;color:var(--accent-contrast);place-items:center;display:grid}.sidebar{display:none}.bottom-nav{z-index:40;gap:var(--space-1);padding:var(--space-2) var(--space-2) calc(var(--space-2) + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{min-height:44px;padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--duration-fast) var(--ease), background-color var(--duration-fast) var(--ease);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.nav-item:hover{text-decoration:none}.nav-item[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.card{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-tight{padding:var(--space-4)}.card-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.card-title{font-size:var(--text-base);font-weight:var(--weight-semibold)}.card-caption{color:var(--text-muted);font-size:var(--text-xs)}.grid{gap:var(--space-4);display:grid}.grid-2{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-tile{padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.stat-label{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);display:flex}.stat-value{margin-top:var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.02em}.stat-unit{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-normal);margin-left:2px}.stat-sub{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-xs)}.meter-row{gap:var(--space-4);display:grid}.meter-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--text-sm);display:flex}.meter-name{align-items:center;gap:var(--space-2);font-weight:var(--weight-medium);display:flex}.meter-dot{border-radius:var(--radius-full);flex:none;width:8px;height:8px}.meter-values{color:var(--text-secondary);font-size:var(--text-xs)}.meter-track{border-radius:var(--radius-full);background:var(--chart-empty);height:8px;overflow:hidden}.meter-fill{border-radius:var(--radius-full);height:100%;transition:width var(--duration-slow) var(--ease)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease);border:1px solid #0000;display:inline-flex}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{color:var(--text-secondary);min-height:44px;padding:var(--space-2) var(--space-3);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.btn-danger:hover:not(:disabled){background:var(--danger);color:var(--text-inverse)}.btn-block{width:100%}.btn-sm{min-height:38px;padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn-icon{min-width:40px;min-height:44px;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);background:0 0}.btn-icon:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.btn-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.sticky-action{bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));z-index:20;margin-top:var(--space-6);padding:var(--space-3) 0 var(--space-4);background:linear-gradient(to bottom, transparent, var(--bg) 28%, var(--bg));position:sticky}.field{gap:var(--space-2);display:grid}.label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.input,.select,.textarea{width:100%;min-height:44px;padding:var(--space-3);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease);font-size:16px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent)}.textarea{resize:vertical;min-height:122px;line-height:var(--leading-normal)}.input-sm{min-height:44px;padding:var(--space-2);font-size:16px}.field-row{gap:var(--space-3);grid-template-columns:1fr;display:grid}.help-text{color:var(--text-muted);font-size:var(--text-xs)}.segmented{gap:var(--space-1);padding:var(--space-1);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);grid-auto-flow:column;display:grid}.segmented button{min-height:44px;padding:var(--space-2);border-radius:var(--radius-xs);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease);background:0 0;border:none}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.meal-card{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);display:grid}.meal-top{align-items:flex-start;gap:var(--space-3);display:flex}.meal-icon{border-radius:var(--radius-sm);background:var(--surface-2);flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid}.meal-name{font-weight:var(--weight-semibold);font-size:var(--text-base)}.meal-meta{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.meal-kcal{text-align:right;font-weight:var(--weight-semibold);white-space:nowrap;margin-left:auto}.meal-items{gap:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary);display:grid}.meal-item-row{gap:var(--space-3);display:flex}.meal-item-row span:last-child{color:var(--text-muted);margin-left:auto}.meal-actions{gap:var(--space-2);padding-top:var(--space-1);border-top:1px solid var(--border);display:flex}.macro-strip{border-radius:var(--radius-full);background:var(--chart-empty);height:6px;display:flex;overflow:hidden}.macro-strip span{height:100%}.macro-legend{gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap;display:flex}.macro-legend-item{align-items:center;gap:var(--space-1);display:flex}.badge{align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-secondary);font-size:var(--text-2xs);font-weight:var(--weight-medium);white-space:nowrap;display:inline-flex}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-breakfast{background:var(--carbs-soft);color:var(--breakfast)}.badge-lunch{background:var(--accent-soft);color:var(--lunch)}.badge-dinner{background:var(--protein-soft);color:var(--dinner)}.badge-snack{background:var(--fat-soft);color:var(--snack)}.callout{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-normal);display:flex}.callout svg{flex:none;margin-top:2px}.callout-info{background:var(--info-soft);color:var(--info)}.callout-warning{background:var(--warning-soft);color:var(--warning)}.callout-danger{background:var(--danger-soft);color:var(--danger)}.callout-neutral{background:var(--surface-2);color:var(--text-secondary)}.callout strong{font-weight:var(--weight-semibold)}.empty-state{justify-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-5);text-align:center;display:grid}.empty-icon{border-radius:var(--radius-full);background:var(--surface-2);width:3.5rem;height:3.5rem;color:var(--text-muted);place-items:center;display:grid}.empty-title{font-weight:var(--weight-semibold);font-size:var(--text-md)}.empty-body{color:var(--text-secondary);font-size:var(--text-sm);max-width:34ch}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface-2) 25%, color-mix(in srgb, var(--surface-2) 60%, var(--border)) 37%, var(--surface-2) 63%);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.skeleton-text{height:.85rem}.skeleton-title{width:45%;height:1.4rem}.skeleton-block{border-radius:var(--radius-md);height:190px}.skeleton-ring{border-radius:var(--radius-full);width:190px;height:190px;margin:0 auto}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in var(--duration-base) var(--ease);background:#08100e73;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal{width:100%;max-height:90dvh;padding:var(--space-5) var(--space-5) calc(var(--space-5) + env(safe-area-inset-bottom,0px));background:var(--surface-raised);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);animation:sheet-up var(--duration-slow) var(--ease);overflow-y:auto}.modal-title{font-size:var(--text-lg);margin-bottom:var(--space-2)}.modal-body{color:var(--text-secondary);font-size:var(--text-sm)}.modal-actions{gap:var(--space-3);margin-top:var(--space-5);display:flex}.modal-actions .btn{flex:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(3%)}to{transform:none}}.dropzone{justify-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-2);text-align:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease);display:grid}.dropzone:hover{border-color:var(--accent)}.photo-preview{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-2);position:relative;overflow:hidden}.photo-preview img{object-fit:contain;width:100%;max-height:340px;display:block}.photo-remove{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#0a1412b3;border:none;place-items:center;min-width:40px;min-height:44px;display:grid;position:absolute}.item-editor{gap:var(--space-3);padding:var(--space-4);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);display:grid}.item-editor-head{align-items:center;gap:var(--space-2);display:flex}.macro-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.macro-grid .field label{font-size:var(--text-xs)}.login-page{min-height:100dvh;padding:var(--space-5);place-items:center;display:grid}.login-card{width:100%;max-width:400px;padding:var(--space-8) var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.login-mark{width:3rem;height:3rem;margin:0 auto var(--space-4);border-radius:var(--radius-md);background:var(--accent);color:var(--accent-contrast);place-items:center;display:grid}.chart-frame{width:100%;max-width:var(--chart-max-width);margin-inline:auto}.chart-frame svg{width:100%;height:auto}.chart-frame-wide{max-width:100%}.heatmap-frame{max-width:var(--heatmap-max-width)}.chart-empty{place-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--text-muted);font-size:var(--text-sm);text-align:center;background:var(--surface-2);border-radius:var(--radius-md);display:grid}.chart-legend{justify-content:center;gap:var(--space-3);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-secondary);flex-wrap:wrap;display:flex}.legend-item{align-items:center;gap:var(--space-2);display:flex}.legend-swatch{border-radius:3px;flex:none;width:10px;height:10px}.ring-wrap{place-items:center;gap:var(--space-3);display:grid}.row{align-items:center;gap:var(--space-3);display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.wrap{flex-wrap:wrap}.muted{color:var(--text-muted)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.stack{gap:var(--space-3);display:grid}.stack-4{gap:var(--space-4);display:grid}.stack-5{gap:var(--space-5);display:grid}.divider{background:var(--border);height:1px;margin:var(--space-4) 0;border:0}.date-nav{align-items:center;gap:var(--space-2);display:flex}.date-nav .current{text-align:center;min-width:8.5rem;font-weight:var(--weight-medium);font-size:var(--text-sm)}.day-group{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);display:grid}.day-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.day-date{font-weight:var(--weight-semibold)}@media (min-width:600px){.app-main{padding:var(--space-5) var(--space-6) calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + var(--space-8))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.field-row{grid-template-columns:repeat(2,minmax(0,1fr))}.macro-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-title{font-size:var(--text-3xl)}.modal-backdrop{padding:var(--space-5);align-items:center}.modal{border-radius:var(--radius-lg);max-width:460px;padding:var(--space-6)}}@media (min-width:900px){.app-shell{flex-direction:row}.top-bar,.bottom-nav{display:none}.sidebar{gap:var(--space-6);width:var(--sidebar-width);height:100vh;height:100dvh;padding:var(--space-6) var(--space-4);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:none;display:flex;position:sticky;top:0}.sidebar-nav{gap:var(--space-1);display:grid}.sidebar .nav-item{justify-content:flex-start;gap:var(--space-3);padding:var(--space-3);font-size:var(--text-base);flex-direction:row}.sidebar-footer{gap:var(--space-2);margin-top:auto;display:grid}.app-main{padding:var(--space-8) var(--space-8) var(--space-16)}.sticky-action{position:static}}@media (min-width:1200px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.macro-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}