:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0f12;--surface:#17191e;--surface-2:#20232a;--border:#2a2d35;--text:#f5f6f8;--muted:#9097a3;--accent:#4ade80;--protein:#60a5fa;--carbs:#fbbf24;--fat:#f472b6;--warn:#f59e0b;--radius:14px;--tap:48px;--tabbar-h:64px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:17px;line-height:1.4}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}h1,h2{margin:0}.app{min-height:100dvh}.content{padding:calc(var(--safe-top) + 12px) 16px calc(var(--tabbar-h) + var(--safe-bottom) + 24px);max-width:600px;margin:0 auto}.screen-head{padding:8px 4px 16px}.screen-head h1{font-size:28px;font-weight:700}.section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:20px 4px 8px;font-size:13px;font-weight:600}.muted{color:var(--muted)}.warn{color:var(--warn)}.center{text-align:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.card.list{padding:4px 16px}.card.list>.field+.field{border-top:1px solid var(--border)}.field{min-height:var(--tap);justify-content:space-between;align-items:center;gap:12px;display:flex}.field-input{align-items:center;gap:6px;display:flex}.field input{text-align:right;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;width:90px;padding:8px 10px;font-size:17px}.field input:focus{outline:2px solid var(--accent);outline-offset:-1px}.unit{width:32px;font-size:14px}.hint{color:var(--muted);margin:8px 0 12px;font-size:14px}.btn{min-height:var(--tap);background:var(--surface-2);border:1px solid var(--border);border-radius:12px;width:100%;margin-bottom:12px}.btn:active{background:var(--border)}.segmented{background:var(--surface-2);border-radius:10px;padding:3px;display:flex}.segmented button{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1}.segmented button.on{background:var(--border);color:var(--text);font-weight:600}.stat-row{justify-content:space-between;align-items:baseline;display:flex}.stat-row strong{font-size:28px}.macro-grid{color:var(--muted);gap:16px;margin-top:10px;font-size:15px;display:flex}.dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.protein{background:var(--protein)}.dot.carbs{background:var(--carbs)}.dot.fat{background:var(--fat)}.placeholder{color:var(--muted);text-align:center;border:1px dashed var(--border);border-radius:var(--radius);margin-top:16px;padding:32px 16px}.tabbar{height:calc(var(--tabbar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border);background:#0e0f12eb;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:500;display:flex}.tab svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.tab.active{color:var(--accent)}