:root{--bg:#0b0f0e;--surface:#121917;--surface-2:#1a2422;--border:#26302e;--text:#e8f0ee;--text-dim:#9fb0ac;--text-faint:#67766f;--accent:#2dd4bf;--accent-strong:#0d9488;--protein:#f472b6;--carbs:#fbbf24;--fat:#60a5fa;--water:#38bdf8;--danger:#f87171;--good:#4ade80;--warning-strong:#fb923c;--warning:#fbbf24;--success-soft:#86efac;--success:#4ade80;--info:#60a5fa;--radius:16px;--radius-sm:10px;--shadow:0 6px 24px rgba(0,0,0,0.35);--safe-bottom:env(safe-area-inset-bottom,0px);--nav-h:64px;--z-fixed-bar:40;--z-sheet:100;--z-popover:300;--menu-item-height:48px;--menu-min-width:220px;--menu-max-width:320px;--menu-item-padding-x:16px;--menu-icon-col:24px}@media (prefers-color-scheme:light){:root{--bg:#f5f7f6;--surface:#ffffff;--surface-2:#eef2f1;--border:#dde5e3;--text:#10201c;--text-dim:#4a5a56;--text-faint:#8a9a95;--shadow:0 6px 20px rgba(16,32,28,0.08)}}*{box-sizing:border-box}html{color-scheme:dark light}body,html{margin:0;padding:0;min-height:100%;max-width:100vw;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}button{font:inherit;cursor:pointer;color:inherit}input,select{font:inherit;color:var(--text)}a{color:inherit;text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-sm);padding:12px 16px;font-weight:600;transition:transform .06s ease,background .15s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-strong);border-color:var(--accent-strong);color:#04110e}.btn-block,.input{width:100%}.input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;outline:none;font-size:16px}.input:focus{border-color:var(--accent)}.label{display:block;font-size:13px;margin-bottom:6px}.label,.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}