:root{--bg:#f7f8fa;--bg-elevated:#fff;--surface:#fff;--surface-raised:#f1f3f6;--border:#e2e5ea;--border-strong:#cfd4dc;--text:#1a1d23;--text-muted:#6b7280;--accent:#16a34a;--accent-strong:#15803d;--accent-contrast:#fff;--highlight:#d97706;--danger:#dc2626;--danger-bg:#fef2f2;--sky:#0284c7;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 12px #10182814;--shadow-lg:0 12px 32px #10182824;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace}:root[data-theme=dark]{--bg:#0f1115;--bg-elevated:#15171d;--surface:#171a21;--surface-raised:#1f232b;--border:#2a2f3a;--border-strong:#3a4150;--text:#edeef1;--text-muted:#949aa8;--accent:#4ade80;--accent-strong:#22c55e;--accent-contrast:#07130a;--highlight:#f5b942;--danger:#f87171;--danger-bg:#2a1618;--sky:#38bdf8;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 16px 40px #00000080}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;margin:0;padding:0;line-height:1.5}body{transition:background-color .15s,color .15s}#app{min-height:100vh}main{max-width:640px;margin:0 auto;padding:0 16px 96px}h1{letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:700}h2{letter-spacing:-.005em;margin:28px 0 10px;font-size:1.0625rem;font-weight:600}h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:20px 0 8px;font-size:.75rem;font-weight:600}p{margin:6px 0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-header{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(10px);border-bottom:1px solid var(--border);margin:0 -16px;padding:0 16px;position:sticky;top:0}.app-header-bar{justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.app-header-actions{align-items:center;gap:8px;display:flex}.nav-toggle{border-radius:var(--radius-sm);justify-content:center;align-items:center;min-width:38px;min-height:38px;padding:6px;font-size:1.125rem;line-height:1;display:inline-flex}.app-nav{flex-direction:column;gap:4px;margin:0;padding-bottom:12px;display:none}.app-nav.open{display:flex}.nav-link{text-align:left;background:0 0;border-color:#0000;width:100%}.nav-link.active{background:var(--surface-raised);border-color:var(--border);color:var(--accent);font-weight:600}.theme-toggle{background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;min-width:38px;min-height:38px;padding:6px;font-size:1rem;line-height:1;display:inline-flex}.theme-toggle:hover{border-color:var(--border-strong)}@media (width>=640px){.nav-toggle{display:none}.app-header-bar{padding:16px 0}.app-nav{flex-flow:wrap;gap:6px;padding-bottom:12px;display:flex!important}.nav-link{background:var(--surface-raised);border-color:var(--border);width:auto;min-height:34px;padding:6px 12px;font-size:.875rem}.nav-link.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}}button{background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;min-height:40px;padding:8px 14px;font-family:inherit;font-size:.9375rem;font-weight:500;transition:background-color .12s,border-color .12s,transform 50ms}button:hover{border-color:var(--border-strong);background:var(--surface)}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button:disabled{opacity:.5;cursor:default;transform:none}button[type=submit]{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);font-weight:600}button[type=submit]:hover{background:var(--accent-strong);border-color:var(--accent-strong)}form{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}label{color:var(--text-muted);font-size:.8125rem}input,select,textarea{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);flex:140px;min-width:0;min-height:40px;padding:8px 10px;font-family:inherit;font-size:.9375rem;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}input[type=file]{flex:auto;min-height:auto;padding:4px}input[type=checkbox],input[type=radio]{flex:none;width:18px;height:18px;min-height:auto;padding:0}fieldset{border:1px solid var(--border);border-radius:var(--radius-md);margin:12px 0;padding:12px}legend{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:0 6px;font-size:.75rem;font-weight:600}section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:14px 0;padding:16px 18px}section section{background:var(--surface-raised);box-shadow:none}ul{margin:0;padding:0;list-style:none}li{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;display:flex}li:last-child{border-bottom:none}.entry-row{flex-direction:column;align-items:stretch;gap:6px;padding:12px 0}.entry-main{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.entry-title{font-weight:500}.entry-kcal{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted);white-space:nowrap;font-size:.8125rem}.entry-actions{gap:8px;display:flex}.entry-actions button{min-height:32px;padding:4px 10px;font-size:.8125rem}.section-actions{margin-top:12px}.training-import{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.training-import h3{margin-top:0}.muted{color:var(--text-muted);font-size:.875rem}.small{font-size:.8125rem}.readout{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent);font-size:1.75rem;font-weight:600}.energy-bar{margin:8px 0 4px}.energy-bar-labels{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.bar-track{background:var(--surface-raised);border:1px solid var(--border);border-radius:999px;height:8px;margin-top:6px;overflow:hidden}.bar-track-lg{height:12px}.bar-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.macro-bars{flex-direction:column;gap:10px;margin-top:16px;display:flex}.macro-row{grid-template-columns:64px 1fr 44px;align-items:center;gap:10px;display:grid}.macro-label{color:var(--text-muted);font-size:.8125rem}.macro-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.8125rem}.macro-carbs{background:var(--sky)}.macro-protein{background:var(--highlight)}.macro-fat{background:#a78bfa}[role=alert]{color:var(--danger);background:var(--danger-bg);border-radius:var(--radius-sm);padding:8px 12px;font-weight:600}.chat-fab{z-index:20;background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);box-shadow:var(--shadow-lg);border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-weight:600;display:inline-flex;position:fixed;bottom:16px;right:16px}.chat-fab:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.chat-panel{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:auto;max-width:380px;max-height:min(520px,70vh);box-shadow:var(--shadow-lg);margin-left:auto;padding:12px;position:fixed;bottom:16px;left:16px;right:16px;overflow-y:auto}canvas{background:var(--surface-raised);border-radius:var(--radius-sm);max-width:100%}@media (width>=480px){main{padding:0 24px 96px}}