:root{--bg: #f5f5f5;--bg-accent: none;--surface: rgba(255, 255, 255, .96);--surface-strong: #ffffff;--surface-alt: #eeeff2;--surface-soft: #f7f7f9;--surface-elevated: #f7f7f9;--chrome-surface: rgba(255, 255, 255, .96);--text: #111827;--text-muted: #5f6773;--text-soft: #9ca3af;--border: rgba(17, 24, 39, .14);--border-strong: rgba(17, 24, 39, .2);--divider: rgba(17, 24, 39, .12);--accent: #111827;--accent-strong: #000000;--accent-soft: rgba(17, 24, 39, .12);--premium: #7c3aed;--premium-soft: rgba(124, 58, 237, .12);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .08);--danger-border: rgba(220, 38, 38, .16);--success: #16a34a;--success-soft: rgba(22, 163, 74, .1);--success-border: rgba(22, 163, 74, .16);--button-bg: linear-gradient(180deg, #111827 0%, #030712 100%);--button-text: #ffffff;--macro-protein: #60a5fa;--macro-carbs: #58b368;--macro-fat: #f5c542;--macro-kcal: #ff6b6b;--header-height: 60px;--bottom-nav-height: 70px;--content-max-width: 960px;--public-footer-height: 70px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--app-height: 100dvh;--visual-viewport-height: 100dvh;--visual-viewport-offset-top: 0px;--keyboard-inset-height: 0px;--header-offset-height: calc(var(--header-height) + var(--safe-area-top));--bottom-nav-total-height: calc( var(--bottom-nav-height) + var(--safe-area-bottom) );--public-footer-total-height: calc( var(--public-footer-height) + var(--safe-area-bottom) );--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--screen-gap: var(--space-4);--content-top-gap: var(--space-4);--card-padding: 16px;--card-padding-lg: 18px;--section-gap: 12px;--section-card-padding: 16px;--font-display: 32px;--font-title: 20px;--font-body: 14px;--font-label: 12px;--font-caption: 11px;--text-xs: var(--font-caption);--text-sm: var(--font-body);--text-md: var(--font-body);--text-lg: var(--font-title);--text-xl: var(--font-title);--text-2xl: var(--font-title);--text-display: var(--font-display);--title-size: var(--font-title);--subtitle-size: var(--font-body);--section-title-size: var(--font-title);--food-type-size: var(--font-caption);--responsive-field-min-width: 170px;--responsive-metric-min-width: 150px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-snug: 1.3;--line-height-body: 1.45;--line-height-relaxed: 1.55;--line-height-loose: 1.7;--line-height-heading: 1.15;--tracking-tightest: -.03em;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-xwide: .06em;--text-primary: #111827;--text-secondary: #2f3640;--text-muted-ui: #37404a;--text-soft-ui: #515a66;--text-disabled: #9ca3af;--text-accent: #111827;--text-on-accent: #ffffff;--type-size-caption: 11px;--type-size-label: 12px;--type-size-body: 14px;--type-size-body-strong: 15px;--type-size-title-sm: 14px;--type-size-title-md: 17px;--type-size-title-lg: 20px;--type-size-metric: 26px;--type-weight-body: var(--font-weight-regular);--type-weight-body-strong: var(--font-weight-medium);--type-weight-helper: var(--font-weight-regular);--type-weight-control: var(--font-weight-regular);--type-weight-button: var(--font-weight-medium);--type-weight-tab: var(--font-weight-medium);--type-weight-eyebrow: var(--font-weight-semibold);--type-weight-section-title: var(--font-weight-medium);--type-weight-stat-value: var(--font-weight-medium);--type-color-body: var(--text-primary);--type-color-title: var(--text-primary);--type-color-description: var(--text-secondary);--type-color-helper: var(--text-muted-ui);--type-color-eyebrow: var(--text-muted-ui);--type-color-control: var(--text-primary);--type-color-control-muted: var(--text-muted-ui);--type-color-button: var(--text-primary);--type-color-button-muted: var(--text-muted-ui);--type-color-tab: var(--text-primary);--type-color-option-button: #37404a;--surface-option-button: #f7f7f9;--surface-highlight-subtle: color-mix(in srgb, var(--accent) 4%, var(--surface-elevated));--surface-highlight-subtle-hover: color-mix(in srgb, var(--accent) 6%, var(--surface-elevated));--border-highlight-subtle: color-mix(in srgb, var(--accent) 14%, var(--divider));--border-highlight-subtle-hover: color-mix(in srgb, var(--accent) 20%, var(--divider));--shadow-highlight-subtle: 0 0 0 1px color-mix(in srgb, var(--accent) 4%, transparent) inset;--surface-option-button-active: var(--surface-highlight-subtle);--border-option-button: color-mix(in srgb, var(--divider) 88%, transparent);--border-option-button-active: var(--border-highlight-subtle);--type-surface-page-bg: #f5f5f5;--type-surface-card-bg: #ffffff;--type-color-page-label: #3c3c3c;--type-color-page-title: #030303;--type-color-page-description: #262626;--type-color-card-title: #181818;--type-color-card-body: #333333;--type-color-mini-card-label: #666666;--type-color-mini-card-body: #3c3c3c;--type-color-list-primary: #181818;--type-color-list-secondary: #3c3c3c;--bottom-nav-icon-inactive: var(--text-muted-ui);--bottom-nav-label-inactive: var(--text-secondary);--bottom-nav-icon-active: var(--text-accent);--bottom-nav-label-active: var(--text-accent);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 16px rgba(15, 23, 42, .05);--shadow-md: 0 10px 24px rgba(15, 23, 42, .06);--shadow-lg: 0 16px 34px rgba(15, 23, 42, .08);--shadow-floating: 0 18px 34px rgba(15, 23, 42, .12);--interactive-press-ring: 0 0 0 3px rgba(17, 24, 39, .12);--tooltip-shadow: 0 16px 32px rgba(17, 24, 39, .16)}[data-theme=dark]{--text-primary: #fafafa;--text-secondary: #f1f1f5;--text-muted-ui: #e0e0e7;--text-soft-ui: #c5c5ce;--text-disabled: #71717a;--text-accent: #fafafa;--text-on-accent: #111111;--bg: #0a0a0a;--bg-accent: none;--surface: rgba(17, 17, 17, .92);--surface-strong: #111111;--surface-alt: #0f0f0f;--surface-soft: #121212;--surface-elevated: rgba(20, 20, 20, .96);--chrome-surface: rgba(10, 10, 10, .92);--text: #fafafa;--text-muted: #b8b8c1;--text-soft: #71717a;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .14);--divider: rgba(255, 255, 255, .08);--accent: #fafafa;--accent-strong: #ffffff;--accent-soft: rgba(255, 255, 255, .08);--premium: #a78bfa;--premium-soft: rgba(167, 139, 250, .16);--danger: #ff9d9d;--danger-soft: rgba(255, 143, 143, .12);--danger-border: rgba(255, 143, 143, .18);--success: #9be7a7;--success-soft: rgba(155, 231, 167, .12);--success-border: rgba(155, 231, 167, .2);--button-bg: linear-gradient(180deg, #fafafa 0%, #e5e7eb 100%);--button-text: #111111;--type-surface-page-bg: #0a0a0a;--type-surface-card-bg: #111111;--type-color-page-label: #b9b9b9;--type-color-page-title: #fafafa;--type-color-page-description: #d9d9d9;--type-color-card-title: #f8f8f8;--type-color-card-body: #d4d4d4;--type-color-mini-card-label: #8c8c8c;--type-color-mini-card-body: #cfcfcf;--type-color-list-primary: #f8f8f8;--type-color-list-secondary: #a8a8a8;--type-color-option-button: #e0e0e7;--surface-option-button: #1a1d22;--surface-highlight-subtle: color-mix(in srgb, var(--accent) 7%, var(--surface-elevated));--surface-highlight-subtle-hover: color-mix(in srgb, var(--accent) 10%, var(--surface-elevated));--border-highlight-subtle: color-mix(in srgb, var(--accent) 16%, var(--divider));--border-highlight-subtle-hover: color-mix(in srgb, var(--accent) 24%, var(--divider));--shadow-highlight-subtle: 0 0 0 1px color-mix(in srgb, var(--accent) 6%, transparent) inset;--surface-option-button-active: var(--surface-highlight-subtle);--border-option-button: color-mix(in srgb, var(--divider) 88%, transparent);--border-option-button-active: var(--border-highlight-subtle);--bottom-nav-icon-inactive: var(--text-muted-ui);--bottom-nav-label-inactive: var(--text-muted-ui);--bottom-nav-icon-active: var(--text-accent);--bottom-nav-label-active: var(--text-accent);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08), 0 8px 18px rgba(0, 0, 0, .14);--shadow-md: 0 10px 24px rgba(0, 0, 0, .22);--shadow-lg: 0 18px 38px rgba(0, 0, 0, .28);--shadow-floating: 0 22px 40px rgba(0, 0, 0, .32);--interactive-press-ring: 0 0 0 3px rgba(255, 255, 255, .16);--tooltip-shadow: 0 16px 40px rgba(0, 0, 0, .36)}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;display:none}html,body,#root{margin:0;min-height:100%;padding:0;max-width:100%;overflow-x:hidden}html{min-height:100%;min-height:100dvh;background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}body{min-height:100vh;min-height:var(--app-height);background:var(--bg-accent),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:var(--font-body);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none}#root{min-height:100vh;min-height:var(--app-height)}:root{--bottom-nav-effective-height: var(--bottom-nav-total-height)}html[data-virtual-keyboard-open=true]{--bottom-nav-effective-height: 0px}html[data-virtual-keyboard-open=true] .fitmacros-bottom-nav{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(100% + var(--safe-area-bottom)))}html:not([data-virtual-keyboard-open=true]) .fitmacros-bottom-nav{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}button,input,select,textarea{font:inherit}button,input,select,textarea{transition:transform .14s ease,box-shadow .18s ease,filter .18s ease,opacity .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}h1,h2,h3,h4,h5,h6,p{margin:0}input,select,textarea,[contenteditable=true]{scroll-margin-top:calc(var(--header-offset-height) + 18px);scroll-margin-bottom:calc(max(var(--bottom-nav-effective-height, var(--bottom-nav-total-height)),var(--keyboard-inset-height)) + 18px)}button:not(:disabled):focus-visible,input:not(:disabled):focus-visible,select:not(:disabled):focus-visible,textarea:not(:disabled):focus-visible{outline:none;box-shadow:var(--interactive-press-ring)}button:not(:disabled):active:not([data-no-press=true]){transform:translateY(1px) scale(.988);filter:brightness(.985)}input::placeholder,textarea::placeholder{color:var(--text-soft)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color-scheme:dark}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{color-scheme:light}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.food-entry-row{min-width:0}.food-entry-row__category{display:inline-block}.fitmacros-scroll-reveal:not(.quick-log-scroll){max-height:none!important;overflow:visible!important;padding-right:0!important;overscroll-behavior:auto!important;touch-action:auto!important}.quick-log-scroll.fitmacros-scroll-reveal{overflow-y:auto!important;-webkit-overflow-scrolling:touch}.history-filter-chip,.history-filter-chip:hover,.history-filter-chip:active,.history-filter-chip:focus,.history-filter-chip:focus-visible,.history-sort-button,.history-sort-button:hover,.history-sort-button:active,.history-sort-button:focus,.history-sort-button:focus-visible{outline:none!important;box-shadow:none!important}@keyframes fitmacros-loader-bounce{0%,80%,to{transform:translateY(0) scale(.72);opacity:.35}40%{transform:translateY(-7px) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){[role=status] span[style*=fitmacros-loader-bounce]{animation:none!important;transform:none!important;opacity:.75!important}}img,picture,svg,canvas,video{display:block;max-width:100%}button,input,select,textarea{max-width:100%}