:root{--text-primary:var(--material-light-on-surface);--text-primary-hex:#1a1c16;--text-secondary:var(--material-light-on-surface-variant);--text-secondary-hex:#44483d;--text-accent:var(--material-light-primary);--text-accent-hex:#4c662b;--text-accent-on-container:var(--material-light-on-primary-container);--text-accent-on-container-hex:#354e16;--text-success:var(--material-light-on-secondary-container);--text-success-hex:#404a33;--text-warning:var(--material-light-on-tertiary-container);--text-warning-hex:#1f4e4b;--text-error:var(--material-light-on-error-container);--text-error-hex:#93000a;--text-on-primary:var(--material-light-on-primary);--text-on-primary-hex:#fff;--text-on-secondary:var(--material-light-on-secondary);--text-on-secondary-hex:#fff;--text-on-tertiary:var(--material-light-on-tertiary);--text-on-tertiary-hex:#fff;--text-on-error:var(--material-light-on-error);--text-on-error-hex:#fff;--text-inverse:var(--material-light-inverse-on-surface);--text-inverse-hex:#f1f2e6;--text-disabled:var(--material-light-on-surface-variant);--text-disabled-hex:#44483d;--material-light-primary:#2d5016;--material-light-surface-tint:#2d5016;--material-light-on-primary:#fff;--material-light-primary-container:#b8e08a;--material-light-on-primary-container:#1a3000;--material-light-secondary:#3e4a2f;--material-light-on-secondary:#fff;--material-light-secondary-container:#c0d0a8;--material-light-on-secondary-container:#2a331e;--material-light-tertiary:#1f4e4b;--material-light-on-tertiary:#fff;--material-light-tertiary-container:#a0d0cb;--material-light-on-tertiary-container:#00201e;--material-light-error:#c62828;--material-light-on-error:#fff;--material-light-error-container:#ffcdd2;--material-light-on-error-container:#8e0000;--material-light-background:#fefef7;--material-light-on-background:#1c1e16;--material-light-surface:#fefef7;--material-light-on-surface:#1c1e16;--material-light-surface-variant:#e4e7d6;--material-light-on-surface-variant:#44483d;--material-light-outline:#5a5e52;--material-light-outline-variant:#b8bcb0;--material-light-shadow:#000;--material-light-scrim:#000;--material-light-inverse-surface:#2f312a;--material-light-inverse-on-surface:#f1f2e6;--material-light-inverse-primary:#9cc46a;--material-light-surface-dim:#dedfd4;--material-light-surface-bright:#fefef7;--material-light-surface-container-lowest:#fff;--material-light-surface-container-low:#f8f9f0;--material-light-surface-container:#f2f3e8;--material-light-surface-container-high:#ecede0;--material-light-surface-container-highest:#e6e7da;--palette-primary-0:#000;--palette-primary-5:#081400;--palette-primary-10:#102000;--palette-primary-15:#172b00;--palette-primary-20:#1f3700;--palette-primary-25:#264300;--palette-primary-30:#2f4f00;--palette-primary-35:#375c00;--palette-primary-40:#3f6900;--palette-primary-50:#518500;--palette-primary-60:#64a104;--palette-primary-70:#7dbd2a;--palette-primary-80:#97d945;--palette-primary-90:#b2f65f;--palette-primary-95:#e8f5d3;--palette-primary-98:#f0ffd7;--palette-primary-99:#f9ffe9;--palette-primary-100:#fff;--palette-secondary-0:#000;--palette-secondary-10:#121f04;--palette-secondary-20:#263515;--palette-secondary-30:#3c4c2a;--palette-secondary-40:#54643f;--palette-secondary-50:#6c7d56;--palette-secondary-60:#85976e;--palette-secondary-70:#a0b187;--palette-secondary-80:#bbcda1;--palette-secondary-90:#d7e9bb;--palette-secondary-95:#e5f7c9;--palette-secondary-100:#fff;--palette-tertiary-0:#000;--palette-tertiary-10:#00201e;--palette-tertiary-20:#003735;--palette-tertiary-30:#00504c;--palette-tertiary-40:#046a66;--palette-tertiary-50:#30837f;--palette-tertiary-60:#4d9d98;--palette-tertiary-70:#69b8b3;--palette-tertiary-80:#85d4cf;--palette-tertiary-90:#a1f1eb;--palette-tertiary-95:#e0f7f5;--palette-tertiary-100:#fff;--palette-neutral-0:#000;--palette-neutral-10:#1b1c18;--palette-neutral-20:#30312c;--palette-neutral-30:#464742;--palette-neutral-40:#5e5f59;--palette-neutral-50:#777771;--palette-neutral-60:#91918b;--palette-neutral-70:#abaca5;--palette-neutral-80:#c7c7c0;--palette-neutral-90:#e3e3db;--palette-neutral-95:#f2f1e9;--palette-neutral-98:#fafaf2;--palette-neutral-99:#fdfcf5;--palette-neutral-100:#fff;--palette-neutral-variant-0:#000;--palette-neutral-variant-10:#191d14;--palette-neutral-variant-20:#2e3228;--palette-neutral-variant-30:#44483d;--palette-neutral-variant-40:#5c6054;--palette-neutral-variant-50:#75796c;--palette-neutral-variant-60:#8f9285;--palette-neutral-variant-70:#a9ad9f;--palette-neutral-variant-80:#c5c8ba;--palette-neutral-variant-90:#e1e4d5;--palette-neutral-variant-95:#eff2e3;--palette-neutral-variant-100:#fff;--color-text-default:var(--material-light-on-surface);--color-text-subtle:var(--material-light-on-surface-variant);--color-text-subtlest:var(--palette-neutral-variant-60);--color-text-inverse:var(--material-light-inverse-on-surface);--color-text-disabled:var(--palette-neutral-variant-50);--color-text-brand:var(--material-light-primary);--color-text-selected:var(--material-light-primary);--color-text-danger:var(--material-light-error);--color-text-warning:var(--palette-primary-50);--color-text-success:var(--material-light-secondary);--color-text-discovery:var(--material-light-tertiary);--color-text-information:var(--palette-tertiary-60);--color-bg-default:var(--material-light-background);--color-bg-subtle:var(--material-light-surface-container-low);--color-bg-subtlest:var(--material-light-surface-container-lowest);--color-bg-inverse:var(--material-light-inverse-surface);--color-bg-disabled:var(--material-light-surface-variant);--color-bg-overlay:rgba(26,28,22,.5);--color-bg-brand-default:var(--material-light-primary);--color-bg-brand-hovered:var(--palette-primary-30);--color-bg-brand-pressed:var(--palette-primary-20);--color-bg-selected-default:var(--material-light-primary-container);--color-bg-selected-hovered:var(--palette-primary-95);--color-bg-selected-pressed:var(--palette-primary-90);--color-bg-input-default:var(--material-light-surface);--color-bg-input-hovered:var(--material-light-surface-container-lowest);--color-bg-input-pressed:var(--material-light-surface-container-low);--color-bg-input-disabled:var(--material-light-surface-variant);--color-border-default:var(--material-light-outline);--color-border-bold:var(--material-light-on-surface-variant);--color-border-inverse:var(--material-light-inverse-on-surface);--color-border-focused:var(--material-light-primary);--color-border-input:var(--material-light-outline-variant);--color-border-disabled:var(--palette-neutral-variant-80);--color-border-brand:var(--material-light-primary);--color-border-selected:var(--material-light-primary);--color-border-danger:var(--material-light-error);--color-border-warning:var(--palette-primary-60);--color-border-success:var(--material-light-secondary);--color-icon-default:var(--material-light-on-surface-variant);--color-icon-subtle:var(--palette-neutral-variant-60);--color-icon-inverse:var(--material-light-inverse-on-surface);--color-icon-disabled:var(--palette-neutral-variant-50);--color-icon-brand:var(--material-light-primary);--color-icon-selected:var(--material-light-primary);--color-link-default:var(--palette-tertiary-60);--color-link-hovered:var(--palette-tertiary-50);--color-link-pressed:var(--palette-tertiary-40);--color-link-visited:var(--palette-tertiary-30);--color-pfc-protein:#6b9e3a;--color-pfc-fat:#e6a319;--color-pfc-carbs:#2a8b9f;--color-pfc-energy:#7b1fa2;--color-success:#2e7d32;--color-success-container:#c8e6c9;--color-on-success:#fff;--color-on-success-container:#1b5e20;--color-warning:#f57c00;--color-warning-container:#ffe0b2;--color-on-warning:#fff;--color-on-warning-container:#e65100;--color-info:#1976d2;--color-info-container:#bbdefb;--color-on-info:#fff;--color-on-info-container:#0d47a1;--color-hover:rgba(45,80,22,.08);--color-focus:rgba(45,80,22,.12);--color-active:rgba(45,80,22,.16);--color-selected:rgba(45,80,22,.12);--color-disabled:rgba(28,30,22,.38);--gradient-primary:linear-gradient(135deg,var(--material-light-primary) 0%,var(--material-light-primary-container) 100%);--gradient-secondary:linear-gradient(135deg,var(--material-light-secondary) 0%,var(--material-light-secondary-container) 100%);--gradient-tertiary:linear-gradient(135deg,var(--material-light-tertiary) 0%,var(--material-light-tertiary-container) 100%);--shadow-color:rgba(0,0,0,.1);--shadow-color-elevated:rgba(0,0,0,.15);--shadow-color-overlay:rgba(0,0,0,.2);--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--space-25:var(--space-1);--space-50:var(--space-2);--space-75:var(--space-3);--space-100:var(--space-2);--space-150:var(--space-3);--space-200:var(--space-4);--space-250:var(--space-5);--space-300:var(--space-6);--space-400:var(--space-8);--space-500:var(--space-10);--space-600:var(--space-12);--space-800:var(--space-16);--space-1000:var(--space-20);--font-family-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-family-heading:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-family-code:"SF Mono",Monaco,"Cascadia Code",monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:32px;--font-size-5xl:36px;--font-size-6xl:45px;--font-size-7xl:57px;--font-size-50:var(--font-size-xs);--font-size-75:var(--font-size-xs);--font-size-100:var(--font-size-sm);--font-size-200:var(--font-size-base);--font-size-300:var(--font-size-xl);--font-size-400:var(--font-size-2xl);--font-size-500:var(--font-size-3xl);--font-size-600:var(--font-size-4xl);--font-weight-regular:400;--font-lineHeight-xs:16px;--font-lineHeight-sm:20px;--font-lineHeight-base:24px;--font-lineHeight-lg:28px;--font-lineHeight-xl:28px;--font-lineHeight-2xl:32px;--font-lineHeight-3xl:36px;--font-lineHeight-4xl:40px;--font-lineHeight-5xl:44px;--font-lineHeight-6xl:52px;--font-lineHeight-7xl:64px;--font-lineHeight-100:var(--font-lineHeight-xs);--font-lineHeight-200:var(--font-lineHeight-sm);--font-lineHeight-300:var(--font-lineHeight-base);--font-lineHeight-400:var(--font-lineHeight-lg);--font-lineHeight-500:var(--font-lineHeight-2xl);--font-lineHeight-600:var(--font-lineHeight-4xl);--border-radius-0:0px;--border-radius-50:2px;--border-radius-100:3px;--border-radius-200:6px;--border-radius-300:8px;--border-radius-400:12px;--border-radius-circle:50%;--border-width-0:0px;--border-width-100:1px;--border-width-200:2px;--border-width-300:3px;--border-width-400:4px;--elevation-shadow-raised:0px 1px 1px rgba(26,28,22,.25),0px 0px 1px rgba(26,28,22,.31);--elevation-shadow-overflow:0px 3px 5px rgba(26,28,22,.2),0px 0px 1px rgba(26,28,22,.31);--elevation-shadow-overlay:0px 8px 12px rgba(26,28,22,.15),0px 0px 1px rgba(26,28,22,.31);--motion-duration-0:0ms;--motion-duration-100:200ms;--motion-duration-200:400ms;--motion-duration-300:500ms;--motion-duration-400:600ms;--motion-duration-500:1000ms;--motion-easing-standard:cubic-bezier(0.4,0,0.2,1);--motion-easing-entrance:cubic-bezier(0,0,0.2,1);--motion-easing-exit:cubic-bezier(0.4,0,1,1);--button-padding-x:var(--space-200);--button-padding-y:var(--space-100);--button-border-radius:var(--border-radius-100);--button-font-size:var(--font-size-100);--button-font-weight:var(--font-weight-medium);--button-transition:all var(--motion-duration-100) var(--motion-easing-standard);--card-padding:var(--space-300);--card-border-radius:var(--border-radius-300);--card-shadow:var(--elevation-shadow-raised);--card-bg:var(--color-bg-default);--card-border:var(--color-border-default);--input-padding-x:var(--space-150);--input-padding-y:var(--space-100);--input-border-radius:var(--border-radius-100);--input-border-width:var(--border-width-100);--input-font-size:var(--font-size-100);--input-line-height:var(--font-lineHeight-200);--layout-grid-gap:var(--space-300);--layout-section-padding:var(--space-600);--layout-container-max-width:1200px;--layout-sidebar-width:280px}[data-theme=dark]{--material-dark-primary:#9cc46a;--material-dark-surface-tint:#9cc46a;--material-dark-on-primary:#1a3000;--material-dark-primary-container:#2d5016;--material-dark-on-primary-container:#b8e08a;--material-dark-secondary:#a4b48a;--material-dark-on-secondary:#2a331e;--material-dark-secondary-container:#3e4a2f;--material-dark-on-secondary-container:#c0d0a8;--material-dark-tertiary:#84b4af;--material-dark-on-tertiary:#00201e;--material-dark-tertiary-container:#1f4e4b;--material-dark-on-tertiary-container:#a0d0cb;--material-dark-error:#ffb4ab;--material-dark-on-error:#690005;--material-dark-error-container:#93000a;--material-dark-on-error-container:#ffdad6;--material-dark-background:#0f110c;--material-dark-on-background:#e6e7da;--material-dark-surface:#0f110c;--material-dark-on-surface:#e6e7da;--material-dark-surface-variant:#44483d;--material-dark-on-surface-variant:#c5c8ba;--material-dark-outline:#8f9285;--material-dark-outline-variant:#44483d;--material-dark-inverse-surface:#e6e7da;--material-dark-inverse-on-surface:#2f312a;--material-dark-inverse-primary:#2d5016;--material-dark-surface-container-lowest:#0c0f09;--material-dark-surface-container-low:#1a1c16;--material-dark-surface-container:#1e201a;--material-dark-surface-container-high:#282b24;--material-dark-surface-container-highest:#33362e;--color-text-default:var(--material-dark-on-surface);--color-text-subtle:var(--material-dark-on-surface-variant);--color-text-subtlest:var(--palette-neutral-variant-60);--color-text-inverse:var(--material-dark-inverse-on-surface);--color-bg-default:var(--material-dark-background);--color-bg-subtle:var(--material-dark-surface-container-low);--color-bg-subtlest:var(--material-dark-surface-container-lowest);--color-bg-inverse:var(--material-dark-inverse-surface);--color-bg-brand-default:var(--material-dark-primary);--color-bg-selected-default:var(--material-dark-primary-container);--color-bg-input-default:var(--material-dark-surface);--color-bg-input-hovered:var(--material-dark-surface-container-lowest);--color-bg-input-pressed:var(--material-dark-surface-container-low);--color-border-default:var(--material-dark-outline);--color-border-bold:var(--material-dark-on-surface-variant);--color-border-input:var(--material-dark-outline-variant);--color-border-focused:var(--material-dark-primary);--elevation-shadow-raised:0px 1px 1px rgba(0,0,0,.4),0px 0px 1px rgba(0,0,0,.5);--elevation-shadow-overflow:0px 3px 5px rgba(0,0,0,.35),0px 0px 1px rgba(0,0,0,.5);--elevation-shadow-overlay:0px 8px 12px rgba(0,0,0,.3),0px 0px 1px rgba(0,0,0,.5)}.text-default{color:var(--color-text-default)}.text-subtle{color:var(--color-text-subtle)}.text-subtlest{color:var(--color-text-subtlest)}.text-inverse{color:var(--color-text-inverse)}.text-disabled{color:var(--color-text-disabled)}.text-brand{color:var(--color-text-brand)}.text-danger{color:var(--color-text-danger)}.text-warning{color:var(--color-text-warning)}.text-success{color:var(--color-text-success)}.bg-default{background-color:var(--color-bg-default)}.bg-subtle{background-color:var(--color-bg-subtle)}.bg-subtlest{background-color:var(--color-bg-subtlest)}.bg-inverse{background-color:var(--color-bg-inverse)}.bg-brand{background-color:var(--color-bg-brand-default)}.bg-selected{background-color:var(--color-bg-selected-default)}.text-protein{color:var(--color-pfc-protein)}.text-fat{color:var(--color-pfc-fat)}.text-carbs{color:var(--color-pfc-carbs)}.text-energy{color:var(--color-pfc-energy)}.bg-protein{background-color:var(--color-pfc-protein)}.bg-fat{background-color:var(--color-pfc-fat)}.bg-carbs{background-color:var(--color-pfc-carbs)}.bg-energy{background-color:var(--color-pfc-energy)}.m-400{margin:var(--space-400)}.text-body{font-family:var(--font-family-body);font-size:var(--font-size-100);line-height:var(--font-lineHeight-200)}.text-heading{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold)}.rounded-circle{border-radius:var(--border-radius-circle)}:root{--font-size-small:14px;--line-height-small:20px;--font-size-base:16px;--line-height-base:24px;--font-size-large:20px;--line-height-large:28px;--font-size-xlarge:28px;--line-height-xlarge:36px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700}.caption{color:var(--material-light-on-surface-variant)}.body-text,.heading-1,.heading-2,.heading-3{color:var(--material-light-on-surface)}.body-text-secondary{color:var(--material-light-on-surface-variant)}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-accent{color:var(--text-accent)!important}.text-accent-on-container{color:var(--text-accent-on-container)!important}.text-success{color:var(--text-success)!important}.text-warning{color:var(--text-warning)!important}.text-error{color:var(--text-error)!important}.text-on-primary{color:var(--text-on-primary)!important}.text-on-secondary{color:var(--text-on-secondary)!important}.text-on-error{color:var(--text-on-error)!important}.text-inverse{color:var(--text-inverse)!important}.text-disabled{color:var(--text-disabled)!important;opacity:.5}.text-small{font-weight:var(--font-weight-normal)}.text-small,.text-small-medium{font-size:var(--font-size-small);line-height:var(--line-height-small)}.text-base-medium,.text-small-medium{font-weight:var(--font-weight-medium)}.text-base-medium{font-size:var(--font-size-base);line-height:var(--line-height-base)}.text-large{font-weight:var(--font-weight-normal)}.text-large,.text-large-medium{font-size:var(--font-size-large);line-height:var(--line-height-large)}.text-large-medium{font-weight:var(--font-weight-medium)}.text-large-semibold{font-size:var(--font-size-large);line-height:var(--line-height-large);font-weight:var(--font-weight-semibold)}.text-xlarge{font-weight:var(--font-weight-normal)}.text-xlarge,.text-xlarge-medium{font-size:var(--font-size-xlarge);line-height:var(--line-height-xlarge)}.text-xlarge-medium{font-weight:var(--font-weight-medium)}.heading-1,.text-xlarge-bold{font-size:var(--font-size-xlarge);line-height:var(--line-height-xlarge);font-weight:var(--font-weight-bold)}.heading-1,.heading-2{color:var(--text-primary)}.heading-2{font-size:var(--font-size-large);line-height:var(--line-height-large);font-weight:var(--font-weight-semibold)}.heading-3{font-weight:var(--font-weight-medium)}.body-text,.heading-3{font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--text-primary)}.body-text{font-weight:var(--font-weight-normal)}.body-text-secondary{font-size:var(--font-size-base);line-height:var(--line-height-base)}.body-text-secondary,.caption{font-weight:var(--font-weight-normal);color:var(--text-secondary)}.caption,.label{font-size:var(--font-size-small);line-height:var(--line-height-small)}.label{font-weight:var(--font-weight-medium);color:var(--text-secondary)}.link-text{text-decoration:underline;text-decoration-color:var(--text-accent)}.button-text,.link-text{color:var(--text-accent)}.button-text,.link-text,.success-text{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium)}.success-text{color:var(--text-success)}.warning-text{color:var(--text-warning)}.error-text,.warning-text{font-size:var(--font-size-base);line-height:var(--line-height-base);font-weight:var(--font-weight-medium)}.error-text{color:var(--text-error)}.text-sm{font-size:var(--font-size-small);line-height:var(--line-height-small)}.text-base,.text-sm{font-weight:var(--font-weight-normal)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--text-primary)}.text-lg{font-size:var(--font-size-large);line-height:var(--line-height-large)}.text-lg,.text-xl{font-weight:var(--font-weight-normal)}.text-xl{font-size:var(--font-size-xlarge);line-height:var(--line-height-xlarge)}.text-gray-700,.text-gray-900{color:var(--text-primary)!important}.text-gray-500,.text-gray-600{color:var(--text-secondary)!important}.text-blue-600{color:var(--text-accent)!important}.text-green-600{color:var(--text-success)!important}.text-red-600{color:var(--text-error)!important}.text-orange-600{color:var(--text-accent)!important}.p-0{padding:var(--space-0)}.p-25{padding:var(--space-25)}.p-50{padding:var(--space-50)}.p-75{padding:var(--space-75)}.p-100{padding:var(--space-100)}.p-150{padding:var(--space-150)}.p-200{padding:var(--space-200)}.p-300{padding:var(--space-300)}.p-400{padding:var(--space-400)}.m-0{margin:var(--space-0)}.m-50{margin:var(--space-50)}.m-100{margin:var(--space-100)}.m-150{margin:var(--space-150)}.m-200{margin:var(--space-200)}.m-300{margin:var(--space-300)}.gap-50{gap:var(--space-50)}.gap-100{gap:var(--space-100)}.gap-150{gap:var(--space-150)}.gap-200{gap:var(--space-200)}.gap-300{gap:var(--space-300)}.rounded-0{border-radius:var(--border-radius-0)}.rounded-50{border-radius:var(--border-radius-50)}.rounded-100{border-radius:var(--border-radius-100)}.rounded-200{border-radius:var(--border-radius-200)}.rounded-300{border-radius:var(--border-radius-300)}.rounded-400{border-radius:var(--border-radius-400)}.rounded-full{border-radius:var(--border-radius-circle)}.shadow-raised{box-shadow:var(--elevation-shadow-raised)}.shadow-overflow{box-shadow:var(--elevation-shadow-overflow)}.shadow-overlay{box-shadow:var(--elevation-shadow-overlay)}.shadow-none{box-shadow:none}.surface-default{background-color:var(--material-light-surface)}.surface-container,.surface-default{color:var(--material-light-on-surface)}.surface-container{background-color:var(--material-light-surface-container)}.surface-container-high{background-color:var(--material-light-surface-container-high);color:var(--material-light-on-surface)}.surface-container-highest{background-color:var(--material-light-surface-container-highest);color:var(--material-light-on-surface)}.surface-primary{background-color:var(--material-light-primary);color:var(--material-light-on-primary)}.surface-primary-container{background-color:var(--material-light-primary-container);color:var(--material-light-on-primary-container)}.border-default{border:var(--border-width-100) solid var(--material-light-outline-variant)}.border-strong{border:var(--border-width-100) solid var(--material-light-outline)}.border-primary{border:var(--border-width-100) solid var(--material-light-primary)}.transition-standard{transition:all var(--motion-duration-100) var(--motion-easing-standard)}.transition-slow{transition:all var(--motion-duration-200) var(--motion-easing-standard)}.transition-entrance{transition:all var(--motion-duration-100) var(--motion-easing-entrance)}.card-token{background-color:var(--material-light-surface);border:var(--border-width-100) solid var(--material-light-outline-variant);border-radius:var(--border-radius-300);padding:var(--space-300);box-shadow:var(--elevation-shadow-raised);transition:all var(--motion-duration-100) var(--motion-easing-standard)}.card-token:hover{box-shadow:var(--elevation-shadow-overflow)}.btn-token-primary{background-color:var(--material-light-primary);color:var(--material-light-on-primary);padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-border-radius);border:none;font-size:var(--button-font-size);font-weight:var(--button-font-weight);transition:var(--button-transition);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-100)}.btn-token-primary:hover{background-color:var(--palette-primary-50);box-shadow:var(--elevation-shadow-raised)}.btn-token-secondary{background-color:var(--material-light-secondary-container);color:var(--material-light-on-secondary-container);border-radius:var(--button-border-radius);border:none}.btn-token-outlined,.btn-token-secondary{padding:var(--button-padding-y) var(--button-padding-x);font-size:var(--button-font-size);font-weight:var(--button-font-weight);transition:var(--button-transition);cursor:pointer}.btn-token-outlined{background-color:transparent;color:var(--material-light-primary);border-radius:var(--button-border-radius);border:var(--border-width-100) solid var(--material-light-outline)}.btn-token-outlined:hover{background-color:var(--material-light-primary-container);border-color:var(--material-light-primary)}.input-token{background-color:var(--material-light-surface);color:var(--material-light-on-surface);padding:var(--input-padding-y) var(--input-padding-x);border:var(--input-border-width) solid var(--material-light-outline-variant);border-radius:var(--input-border-radius);font-size:var(--input-font-size);line-height:var(--input-line-height);transition:all var(--motion-duration-100) var(--motion-easing-standard);width:100%}.input-token:focus{outline:none;border-color:var(--material-light-primary);box-shadow:0 0 0 2px rgba(76,102,43,.1)}.input-token:hover{border-color:var(--material-light-outline)}.grid-token{display:grid;gap:var(--layout-grid-gap)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex-token{display:flex;gap:var(--space-200)}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-col{display:flex;flex-direction:column}.container-token{max-width:var(--layout-container-max-width);margin:0 auto;padding:0 var(--space-200)}.section-token{padding:var(--layout-section-padding) 0}.dashboard-card{background-color:var(--material-light-surface);border:var(--border-width-100) solid var(--material-light-outline-variant);border-radius:var(--border-radius-300);box-shadow:var(--elevation-shadow-raised);transition:all var(--motion-duration-100) var(--motion-easing-standard);overflow:hidden}.dashboard-card:hover{box-shadow:var(--elevation-shadow-overflow)}.dashboard-card-header{display:flex;align-items:center;gap:var(--space-200);padding:var(--space-300);border-bottom:var(--border-width-100) solid var(--material-light-outline-variant);background-color:var(--material-light-surface-container-low)}.dashboard-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-200);background-color:var(--material-light-surface-container);color:var(--material-light-on-surface);flex-shrink:0}.dashboard-card-icon svg{width:24px;height:24px}.dashboard-card-title-section{flex:1;min-width:0}.dashboard-card-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--font-lineHeight-lg);color:var(--material-light-on-surface);margin:0 0 var(--space-50) 0}.dashboard-card-subtitle{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-lineHeight-sm);color:var(--material-light-on-surface-variant);margin:0}.dashboard-card-actions{display:flex;align-items:center;gap:var(--space-100);flex-shrink:0}.dashboard-card-content{padding:var(--space-300)}.dashboard-card-content-compact{padding:var(--space-200)}.dashboard-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-200)}.dashboard-metric-item{text-align:center;padding:var(--space-200);background-color:var(--material-light-surface-container);border-radius:var(--border-radius-200);border:var(--border-width-100) solid var(--material-light-outline-variant);transition:all var(--motion-duration-100) var(--motion-easing-standard)}.dashboard-metric-item:hover{background-color:var(--material-light-surface-container-high);transform:translateY(-1px);box-shadow:var(--elevation-shadow-raised)}.dashboard-metric-label{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-lineHeight-sm);color:var(--material-light-on-surface-variant);margin:0 0 var(--space-50) 0}.dashboard-metric-value{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--font-lineHeight-xl);color:var(--material-light-on-surface);margin:0 0 var(--space-50) 0}.dashboard-metric-unit{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-lineHeight-sm);color:var(--material-light-on-surface-variant);margin:0}.dashboard-progress-container{background-color:var(--material-light-surface-container);border-radius:var(--border-radius-200);padding:var(--space-200);border:var(--border-width-100) solid var(--material-light-outline-variant)}.dashboard-progress-bar{width:100%;height:8px;background-color:var(--material-light-surface-container-high);border-radius:var(--border-radius-50);overflow:hidden;margin:var(--space-100) 0}.dashboard-progress-fill{height:100%;background-color:var(--material-light-primary);border-radius:var(--border-radius-50);transition:width var(--motion-duration-200) var(--motion-easing-standard)}.dashboard-progress-fill-success{background-color:var(--material-light-secondary)}.dashboard-progress-fill-warning{background-color:var(--material-light-tertiary)}.dashboard-progress-fill-error{background-color:var(--material-light-error)}.dashboard-status-success{color:var(--material-light-secondary)}.dashboard-status-warning{color:var(--material-light-tertiary)}.dashboard-status-error{color:var(--material-light-error)}.dashboard-status-info{color:var(--material-light-primary)}.dashboard-collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:var(--space-200) var(--space-300);background-color:transparent;border:none;cursor:pointer;transition:all var(--motion-duration-100) var(--motion-easing-standard);border-radius:var(--border-radius-200)}.dashboard-collapsible-header:hover{background-color:var(--material-light-surface-container-low)}.dashboard-collapsible-header:focus{outline:none;box-shadow:0 0 0 2px var(--material-light-primary)}.dashboard-collapsible-content{padding:var(--space-300);border-top:var(--border-width-100) solid var(--material-light-outline-variant)}.dashboard-chart-container{background-color:var(--material-light-surface-container);border-radius:var(--border-radius-200);padding:var(--space-200);border:var(--border-width-100) solid var(--material-light-outline-variant);margin:var(--space-200) 0}.dashboard-empty-state{text-align:center;padding:var(--space-600) var(--space-300);color:var(--material-light-on-surface-variant)}.dashboard-empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-300) auto;color:var(--material-light-on-surface-variant);opacity:.6}.dashboard-empty-state-title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--font-lineHeight-lg);color:var(--material-light-on-surface);margin:0 0 var(--space-200) 0}.dashboard-empty-state-description{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--font-lineHeight-base);color:var(--material-light-on-surface-variant);margin:0 0 var(--space-300) 0}.dashboard-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-600) var(--space-300);color:var(--material-light-on-surface-variant)}.dashboard-loading-spinner{width:24px;height:24px;border-top:2px solid var(--material-light-outline-variant);border:2px solid var(--material-light-outline-variant);border-top-color:var(--material-light-primary);border-radius:50%;animation:dashboard-spin 1s linear infinite;margin-right:var(--space-200)}@keyframes dashboard-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.dashboard-card-header{padding:var(--space-200);gap:var(--space-150)}.dashboard-card-icon{width:40px;height:40px}.dashboard-card-icon svg{width:20px;height:20px}.dashboard-card-title{font-size:var(--font-size-base)}.dashboard-card-content{padding:var(--space-200)}.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-150)}.dashboard-metric-item{padding:var(--space-150)}.dashboard-metric-value{font-size:var(--font-size-lg)}}[data-theme=dark] .dashboard-card{background-color:var(--material-dark-surface);border-color:var(--material-dark-outline-variant)}[data-theme=dark] .dashboard-card-header{background-color:var(--material-dark-surface-container-low);border-color:var(--material-dark-outline-variant)}[data-theme=dark] .dashboard-card-icon{background-color:var(--material-dark-primary-container);color:var(--material-dark-on-primary-container)}[data-theme=dark] .dashboard-card-title{color:var(--material-dark-on-surface)}[data-theme=dark] .dashboard-card-subtitle{color:var(--material-dark-on-surface-variant)}[data-theme=dark] .dashboard-metric-item{background-color:var(--material-dark-surface-container);border-color:var(--material-dark-outline-variant)}[data-theme=dark] .dashboard-metric-item:hover{background-color:var(--material-dark-surface-container-high)}[data-theme=dark] .dashboard-metric-label,[data-theme=dark] .dashboard-metric-unit{color:var(--material-dark-on-surface-variant)}[data-theme=dark] .dashboard-metric-value{color:var(--material-dark-on-surface)}[data-theme=dark] .dashboard-progress-container{background-color:var(--material-dark-surface-container);border-color:var(--material-dark-outline-variant)}[data-theme=dark] .dashboard-progress-bar{background-color:var(--material-dark-surface-container-high)}[data-theme=dark] .dashboard-progress-fill{background-color:var(--material-dark-primary)}[data-theme=dark] .dashboard-progress-fill-success{background-color:var(--material-dark-secondary)}[data-theme=dark] .dashboard-progress-fill-warning{background-color:var(--material-dark-tertiary)}[data-theme=dark] .dashboard-progress-fill-error{background-color:var(--material-dark-error)}[data-theme=dark] .dashboard-collapsible-header:hover{background-color:var(--material-dark-surface-container-low)}[data-theme=dark] .dashboard-chart-container,[data-theme=dark] .dashboard-collapsible-content{border-color:var(--material-dark-outline-variant)}[data-theme=dark] .dashboard-chart-container{background-color:var(--material-dark-surface-container)}:root{--food-form-prominent-padding:var(--space-6) var(--space-8);--food-form-prominent-margin:var(--space-6) 0;--food-form-prominent-border-radius:var(--border-radius-400);--food-form-prominent-border-width:var(--border-width-100);--food-form-icon-size:48px;--food-form-icon-size-mobile:40px;--food-form-icon-svg-size:24px;--food-form-icon-svg-size-mobile:20px;--food-form-title-font-size:var(--font-size-3xl);--food-form-title-font-size-mobile:var(--font-size-2xl);--food-form-title-font-weight:var(--font-weight-bold);--food-form-title-line-height:var(--font-lineHeight-3xl);--food-form-title-line-height-mobile:var(--font-lineHeight-2xl);--food-form-input-padding:var(--space-4) var(--space-5);--food-form-input-font-size:var(--font-size-lg);--food-form-input-font-weight:var(--font-weight-medium);--food-form-input-line-height:var(--font-lineHeight-lg);--food-form-input-border-width:var(--border-width-100);--food-form-input-border-radius:var(--border-radius-300);--food-form-button-padding:var(--space-4) var(--space-6);--food-form-button-font-size:var(--font-size-lg);--food-form-button-font-weight:var(--font-weight-semibold);--food-form-button-line-height:var(--font-lineHeight-lg);--food-form-button-border-radius:var(--border-radius-300);--food-form-datetime-padding:var(--space-3);--food-form-datetime-icon-size:20px;--food-form-datetime-input-padding:var(--space-2) var(--space-3);--food-form-datetime-input-font-size:var(--font-size-base);--food-form-datetime-input-border-radius:var(--border-radius-100);--food-form-results-padding:var(--space-5);--food-form-results-border-radius:var(--border-radius-300);--food-form-results-title-font-size:var(--font-size-xl);--food-form-results-title-font-weight:var(--font-weight-semibold);--food-form-shadow-base:0px 8px 24px rgba(45,80,22,.15),0px 4px 12px rgba(45,80,22,.1),0px 2px 4px rgba(45,80,22,.05);--food-form-shadow-hover:0px 12px 32px rgba(45,80,22,.2),0px 6px 16px rgba(45,80,22,.15),0px 3px 6px rgba(45,80,22,.1);--food-form-shadow-button:0px 4px 12px rgba(45,80,22,.2);--food-form-shadow-button-hover:0px 6px 16px rgba(45,80,22,.25);--food-form-shadow-button-active:0px 2px 8px rgba(45,80,22,.2);--food-form-shadow-icon:0px 4px 12px rgba(45,80,22,.2);--food-form-transition:all var(--motion-duration-200) var(--motion-easing-standard);--food-form-transition-fast:all var(--motion-duration-100) var(--motion-easing-standard);--food-form-transform-hover:translateY(-2px);--food-form-transform-button-hover:translateY(-1px)}[data-theme=dark]{--food-form-shadow-base:0px 8px 24px rgba(0,0,0,.3),0px 4px 12px rgba(0,0,0,.2),0px 2px 4px rgba(0,0,0,.1);--food-form-shadow-hover:0px 12px 32px rgba(0,0,0,.4),0px 6px 16px rgba(0,0,0,.3),0px 3px 6px rgba(0,0,0,.2);--food-form-shadow-button:0px 4px 12px rgba(0,0,0,.2);--food-form-shadow-button-hover:0px 6px 16px rgba(0,0,0,.25);--food-form-shadow-button-active:0px 2px 8px rgba(0,0,0,.2);--food-form-shadow-icon:0px 4px 12px rgba(0,0,0,.2)}.food-form-prominent{padding:var(--food-form-prominent-padding);margin:var(--food-form-prominent-margin);background:var(--material-light-surface-container-lowest);box-shadow:var(--food-form-shadow-base);border:var(--food-form-prominent-border-width) solid var(--material-light-primary);border-radius:var(--food-form-prominent-border-radius);transition:var(--food-form-transition)}.food-form-header-prominent{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.food-form-icon-prominent{width:var(--food-form-icon-size);height:var(--food-form-icon-size);background:var(--material-light-primary);border-radius:var(--border-radius-300);display:flex;align-items:center;justify-content:center;box-shadow:var(--food-form-shadow-icon)}.food-form-icon-prominent svg{width:var(--food-form-icon-svg-size);height:var(--food-form-icon-svg-size);color:var(--material-light-on-primary)}.food-form-title-prominent{font-size:var(--food-form-title-font-size);font-weight:var(--food-form-title-font-weight);line-height:var(--food-form-title-line-height);color:var(--material-light-primary);margin:0}.food-form-content-prominent{display:flex;flex-direction:column;gap:var(--space-5)}.food-form-input-group-prominent{display:flex;gap:var(--space-4);align-items:stretch}.food-form-input-prominent{flex:1;padding:var(--food-form-input-padding);font-size:var(--food-form-input-font-size);line-height:var(--food-form-input-line-height);font-weight:var(--food-form-input-font-weight);border:var(--food-form-input-border-width) solid var(--material-light-outline);border-radius:var(--food-form-input-border-radius);background:var(--material-light-surface-container-lowest);transition:var(--food-form-transition-fast)}.food-form-input-prominent:focus{outline:none;border-color:var(--material-light-primary);box-shadow:0 0 0 3px rgba(45,80,22,.1),0 4px 12px rgba(45,80,22,.15);background:var(--material-light-surface-container-lowest)}.food-form-input-prominent::-moz-placeholder{color:var(--material-light-on-surface-variant);font-weight:var(--font-weight-regular)}.food-form-input-prominent::placeholder{color:var(--material-light-on-surface-variant);font-weight:var(--font-weight-regular)}.food-form-button-prominent{padding:var(--food-form-button-padding);font-size:var(--food-form-button-font-size);font-weight:var(--food-form-button-font-weight);line-height:var(--food-form-button-line-height);background:var(--material-light-primary);color:var(--material-light-on-primary);border:none;border-radius:var(--food-form-button-border-radius);transition:var(--food-form-transition-fast);box-shadow:var(--food-form-shadow-button)}.food-form-button-prominent:disabled{opacity:.6;cursor:not-allowed;transform:none}.food-form-datetime-group-prominent{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.food-form-datetime-item-prominent{display:flex;align-items:center;gap:var(--space-3);padding:var(--food-form-datetime-padding);background:var(--material-light-surface-container-low);border-radius:var(--border-radius-200);border:1px solid var(--material-light-outline-variant)}.food-form-datetime-icon-prominent{width:var(--food-form-datetime-icon-size);height:var(--food-form-datetime-icon-size);color:var(--material-light-primary);flex-shrink:0}.food-form-datetime-input-prominent{flex:1;padding:var(--food-form-datetime-input-padding);font-size:var(--food-form-datetime-input-font-size);border:1px solid var(--material-light-outline-variant);border-radius:var(--food-form-datetime-input-border-radius);background:var(--material-light-surface-container-lowest);transition:var(--food-form-transition-fast)}.food-form-datetime-input-prominent:focus{outline:none;border-color:var(--material-light-primary);box-shadow:0 0 0 2px rgba(45,80,22,.1)}.food-form-results-prominent{margin-top:var(--space-6);padding:var(--food-form-results-padding);background:var(--material-light-surface-container-low);border-radius:var(--food-form-results-border-radius);border:1px solid var(--material-light-primary-container)}.food-form-results-header-prominent{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--material-light-outline-variant)}.food-form-results-title-prominent{font-size:var(--food-form-results-title-font-size);font-weight:var(--food-form-results-title-font-weight);color:var(--material-light-primary);margin:0}@media (max-width:768px){.food-form-prominent{padding:var(--space-4) var(--space-5);margin:var(--space-4) 0}.food-form-title-prominent{font-size:var(--food-form-title-font-size-mobile);line-height:var(--food-form-title-line-height-mobile)}.food-form-input-group-prominent{flex-direction:column;gap:var(--space-3)}.food-form-datetime-group-prominent{grid-template-columns:1fr;gap:var(--space-3)}.food-form-icon-prominent{width:var(--food-form-icon-size-mobile);height:var(--food-form-icon-size-mobile)}.food-form-icon-prominent svg{width:var(--food-form-icon-svg-size-mobile);height:var(--food-form-icon-svg-size-mobile)}}[data-theme=dark] .food-form-prominent{background:var(--material-dark-surface-container-lowest);border-color:var(--material-dark-primary);box-shadow:0 8px 24px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.1)}[data-theme=dark] .food-form-title-prominent{color:var(--material-dark-primary)}[data-theme=dark] .food-form-input-prominent{background:var(--material-dark-surface-container-lowest);border-color:var(--material-dark-outline);color:var(--material-dark-on-surface)}[data-theme=dark] .food-form-input-prominent:focus{border-color:var(--material-dark-primary);box-shadow:0 0 0 3px hsla(87,43%,59%,.1),0 4px 12px rgba(0,0,0,.2)}[data-theme=dark] .food-form-datetime-item-prominent{background:var(--material-dark-surface-container-low);border-color:var(--material-dark-outline-variant)}[data-theme=dark] .food-form-datetime-input-prominent{background:var(--material-dark-surface-container-lowest);border-color:var(--material-dark-outline-variant);color:var(--material-dark-on-surface)}[data-theme=dark] .food-form-datetime-input-prominent:focus{border-color:var(--material-dark-primary);box-shadow:0 0 0 2px hsla(87,43%,59%,.1)}[data-theme=dark] .food-form-results-prominent{background:var(--material-dark-surface-container-low);border-color:var(--material-dark-primary-container)}[data-theme=dark] .food-form-results-title-prominent{color:var(--material-dark-primary)}