:root{--surface-app: #F1ECE1;--surface-card: #FCFAF4;--surface-sunken: #EEEAE0;--tint-accent: #E7EDE9;--ink: #232A26;--ink-soft: #3E463F;--muted: #6E7A73;--faint: #9CA49C;--on-accent: #FFFFFF;--line: #ECE5D6;--line-strong: #D9D2C2;--track: #E4DDCD;--accent: #0F4C4E;--accent-shadow: rgba(15, 76, 78, .55);--macro-protein: #0F4C4E;--macro-carbs: #C0975A;--macro-fat: #B0745E;--positive: #0F4C4E;--attention: #C0975A;--regress: #B0745E;--font-display: "Instrument Serif", Georgia, serif;--font-ui: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, Menlo, monospace;--text-hero: 44px;--text-title: 32px;--text-section: 26px;--text-recipe: 20px;--text-body: 15px;--text-label: 13px;--text-meta: 12px;--text-micro: 11px;--lh-tight: 1;--lh-snug: 1.25;--lh-body: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-control: 14px;--radius-icon-chip: 12px;--radius-card-sm: 16px;--radius-card: 20px;--radius-pill: 999px;--radius-phone: 44px;--shadow-sm: 0 1px 2px rgba(34, 48, 46, .05), 0 14px 28px -22px rgba(34, 48, 46, .26);--shadow-md: 0 1px 2px rgba(34, 48, 46, .05), 0 18px 34px -22px rgba(34, 48, 46, .28);--nav-height: 66px;--touch-min: 44px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--surface-app);color:var(--ink);font-family:var(--font-ui);font-size:16px;-webkit-font-smoothing:antialiased}.tnum{font-variant-numeric:tabular-nums}body{margin:0;padding:0;min-height:100vh}input,textarea,select,button{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:none;background:none;outline:none;transition:all .2s ease}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:16px;line-height:inherit;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-card);padding:8px 12px;outline:none;transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}.page-container{width:100%;padding:16px 16px 110px;min-height:100vh}@media screen and (max-width: 768px){.page-container{padding:12px 12px 110px}}@media screen and (max-width: 480px){.page-container{padding:8px 8px 110px}}.touch-target{min-height:44px;min-width:44px}#navigation-container::-webkit-scrollbar{display:none}@media (prefers-contrast: high){input,select,textarea{border-width:2px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}