:root{--white: oklch(1 0 0);--white-soft: oklch(.99 0 0);--black: oklch(0 0 0);--black-soft: oklch(.08 0 0);--neutral-1: oklch(.96 0 0);--neutral-2: oklch(.9 0 0);--neutral-3: oklch(.79 0 0);--neutral-4: oklch(.66 0 0);--neutral-5: oklch(.52 0 0);--neutral-6: oklch(.38 0 0);--neutral-7: oklch(.25 0 0);--neutral-8: oklch(.15 0 0);--accent-1: oklch(.58 .04 250);--accent-2: oklch(.52 .04 250);--accent-3: oklch(.46 .04 250);--accent-4: oklch(.4 .04 250);--danger-1: oklch(.58 .14 30);--danger-2: oklch(.52 .14 30);--danger-3: oklch(.46 .14 30);--danger-4: oklch(.4 .14 30);--warning-1: oklch(.58 .14 85);--warning-2: oklch(.52 .14 85);--warning-3: oklch(.46 .14 85);--warning-4: oklch(.4 .14 85);--success-1: oklch(.58 .14 145);--success-2: oklch(.52 .14 145);--success-3: oklch(.46 .14 145);--success-4: oklch(.4 .14 145);--font-sans: "Inter", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--font-serif: "Noto Serif JP", "Hiragino Mincho ProN", serif;--font-mono: "JetBrains Mono", "Fira Code", "Source Code Pro", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--border-0: 0;--border-1: 1px;--border-2: 2px;--border-4: 4px;--border-8: 8px;--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-auto: auto;--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}[data-theme=dark]{--neutral-1: oklch(.98 0 0);--neutral-2: oklch(.92 0 0);--neutral-3: oklch(.82 0 0);--neutral-4: oklch(.66 0 0);--neutral-5: oklch(.45 0 0);--neutral-6: oklch(.32 0 0);--neutral-7: oklch(.22 0 0);--neutral-8: oklch(.14 0 0);--accent-1: oklch(.7 .04 250);--accent-2: oklch(.64 .04 250);--accent-3: oklch(.58 .04 250);--accent-4: oklch(.76 .04 250);--danger-1: oklch(.58 .14 30);--danger-2: oklch(.52 .14 30);--danger-3: oklch(.46 .14 30);--danger-4: oklch(.4 .14 30);--warning-1: oklch(.58 .14 85);--warning-2: oklch(.52 .14 85);--warning-3: oklch(.46 .14 85);--warning-4: oklch(.4 .14 85);--success-1: oklch(.58 .14 145);--success-2: oklch(.52 .14 145);--success-3: oklch(.46 .14 145);--success-4: oklch(.4 .14 145)}:root{--color-text-primary: var(--neutral-8);--color-text-secondary: var(--neutral-6);--color-text-tertiary: var(--neutral-5);--color-text-disabled: var(--neutral-4);--color-text-inverse: var(--neutral-1);--color-text-accent: var(--accent-2);--color-bg-base: var(--white-soft);--color-bg-subtle: var(--neutral-1);--color-bg-surface: var(--neutral-2);--color-bg-elevated: var(--white);--color-bg-overlay: oklch(.15 0 0 / .5);--color-border-default: var(--neutral-3);--color-border-subtle: var(--neutral-2);--color-border-strong: var(--neutral-5);--color-border-accent: var(--accent-1);--color-interactive-default: var(--accent-1);--color-interactive-hover: var(--accent-2);--color-interactive-active: var(--accent-3);--color-interactive-disabled: var(--neutral-3);--color-surface-default: var(--white);--color-surface-hover: var(--neutral-1);--color-surface-active: var(--neutral-2);--color-surface-selected: oklch(.95 .02 250);--color-focus-ring: var(--accent-1);--color-focus-ring-offset: var(--white);--color-divider: var(--neutral-3);--color-divider-subtle: var(--neutral-2);--color-icon-primary: var(--neutral-7);--color-icon-secondary: var(--neutral-5);--color-icon-disabled: var(--neutral-4);--color-icon-accent: var(--accent-1);--color-link-default: var(--accent-2);--color-link-hover: var(--accent-3);--color-link-visited: var(--accent-4);--color-placeholder: var(--neutral-4);--skeleton-base: oklch(.92 0 0 / .7);--skeleton-highlight: oklch(.97 0 0 / .9);--color-shadow: oklch(.15 0 0 / .08);--color-shadow-strong: oklch(.15 0 0 / .16);--color-danger-text: var(--danger-3);--color-danger-bg: var(--danger-1);--color-danger-border: var(--danger-2);--color-danger-icon: var(--danger-3);--color-warning-text: var(--warning-3);--color-warning-bg: var(--warning-1);--color-warning-border: var(--warning-2);--color-warning-icon: var(--warning-3);--color-success-text: var(--success-3);--color-success-bg: var(--success-1);--color-success-border: var(--success-2);--color-success-icon: var(--success-3);--text-body-font: var(--font-sans);--text-body-size: var(--font-size-base);--text-body-weight: var(--font-weight-normal);--text-body-line-height: var(--line-height-normal);--text-body-letter-spacing: var(--letter-spacing-normal);--text-small-size: var(--font-size-sm);--text-small-line-height: var(--line-height-normal);--text-caption-size: var(--font-size-xs);--text-caption-line-height: var(--line-height-normal);--text-heading-font: var(--font-sans);--text-heading-weight: var(--font-weight-bold);--text-heading-line-height: var(--line-height-tight);--text-heading-letter-spacing: var(--letter-spacing-tight);--text-h1-size: var(--font-size-5xl);--text-h2-size: var(--font-size-4xl);--text-h3-size: var(--font-size-3xl);--text-h4-size: var(--font-size-2xl);--text-h5-size: var(--font-size-xl);--text-h6-size: var(--font-size-lg);--text-display-size: var(--font-size-6xl);--text-display-weight: var(--font-weight-bold);--text-display-line-height: var(--line-height-none);--text-display-letter-spacing: var(--letter-spacing-tighter);--text-code-font: var(--font-mono);--text-code-size: var(--font-size-sm);--padding-button-sm: var(--space-1-5) var(--space-3);--padding-button-md: var(--space-2) var(--space-4);--padding-button-lg: var(--space-3) var(--space-6);--padding-input-sm: var(--space-1-5) var(--space-2-5);--padding-input-md: var(--space-2) var(--space-3);--padding-input-lg: var(--space-2-5) var(--space-4);--padding-card: var(--space-4);--padding-card-lg: var(--space-6);--padding-section: var(--space-8);--padding-section-lg: var(--space-16);--gap-inline-xs: var(--space-1);--gap-inline-sm: var(--space-2);--gap-inline-md: var(--space-3);--gap-inline-lg: var(--space-4);--gap-stack-xs: var(--space-1);--gap-stack-sm: var(--space-2);--gap-stack-md: var(--space-4);--gap-stack-lg: var(--space-6);--gap-stack-xl: var(--space-8);--layout-gutter: var(--space-4);--layout-gutter-lg: var(--space-8);--layout-max-width: 1280px;--layout-content-width: 768px;--radius-button: var(--radius-md);--radius-input: var(--radius-md);--radius-card: var(--radius-lg);--radius-modal: var(--radius-xl);--radius-badge: var(--radius-full);--radius-avatar: var(--radius-full);--border-default: var(--border-1) solid var(--color-border-default);--border-subtle: var(--border-1) solid var(--color-border-subtle);--border-strong: var(--border-2) solid var(--color-border-strong);--border-accent: var(--border-2) solid var(--color-border-accent);--shadow-sm: 0 1px 2px 0 var(--color-shadow);--shadow-md: 0 4px 6px -1px var(--color-shadow), 0 2px 4px -2px var(--color-shadow);--shadow-lg: 0 10px 15px -3px var(--color-shadow), 0 4px 6px -4px var(--color-shadow);--shadow-xl: 0 20px 25px -5px var(--color-shadow-strong), 0 8px 10px -6px var(--color-shadow);--shadow-2xl: 0 25px 50px -12px var(--color-shadow-strong);--shadow-inner: inset 0 2px 4px 0 var(--color-shadow);--transition-fast: var(--duration-150) var(--ease-out);--transition-base: var(--duration-200) var(--ease-out);--transition-slow: var(--duration-300) var(--ease-out);--transition-colors: color var(--duration-150) var(--ease-out), background-color var(--duration-150) var(--ease-out), border-color var(--duration-150) var(--ease-out);--transition-transform: transform var(--duration-200) var(--ease-out);--transition-opacity: opacity var(--duration-200) var(--ease-out);--ease-smooth: cubic-bezier(.33, 1, .68, 1);--ease-smooth-in: cubic-bezier(.4, 0, 1, 1);--ease-smooth-out: cubic-bezier(0, 0, .2, 1);--transition-sidebar: width var(--duration-300) var(--ease-smooth), transform var(--duration-300) var(--ease-smooth);--transition-sidebar-children: max-height var(--duration-300) var(--ease-smooth), opacity var(--duration-200) var(--ease-smooth-out);--transition-menu-panel: max-height var(--duration-320) var(--ease-smooth), opacity var(--duration-240) var(--ease-smooth-out), transform var(--duration-320) var(--ease-smooth), visibility var(--duration-0) var(--ease-linear);--transition-icon-rotate: transform var(--duration-200) var(--ease-smooth);--z-base: var(--z-0);--z-dropdown: var(--z-dropdown);--z-sticky: var(--z-sticky);--z-fixed: var(--z-fixed);--z-modal-backdrop: var(--z-modal-backdrop);--z-modal: var(--z-modal);--z-popover: var(--z-popover);--z-tooltip: var(--z-tooltip);--focus-ring: 0 0 0 2px var(--color-focus-ring-offset), 0 0 0 4px var(--color-focus-ring);--focus-ring-inset: inset 0 0 0 2px var(--color-focus-ring)}[data-theme=dark]{--color-text-primary: var(--neutral-1);--color-text-secondary: var(--neutral-3);--color-text-tertiary: var(--neutral-4);--color-text-disabled: var(--neutral-5);--color-text-inverse: var(--neutral-8);--color-text-accent: var(--accent-2);--color-bg-base: var(--neutral-8);--color-bg-subtle: var(--neutral-7);--color-bg-surface: var(--neutral-6);--color-bg-elevated: var(--neutral-5);--color-bg-overlay: oklch(0 0 0 / .6);--color-border-default: var(--neutral-5);--color-border-subtle: var(--neutral-6);--color-border-strong: var(--neutral-4);--color-border-accent: var(--accent-1);--color-interactive-default: var(--accent-1);--color-interactive-hover: var(--accent-2);--color-interactive-active: var(--accent-3);--color-interactive-disabled: var(--neutral-6);--color-surface-default: var(--neutral-7);--color-surface-hover: var(--neutral-6);--color-surface-active: var(--neutral-5);--color-surface-selected: oklch(.25 .02 250);--color-focus-ring: var(--accent-1);--color-focus-ring-offset: var(--neutral-8);--color-divider: var(--neutral-5);--color-divider-subtle: var(--neutral-6);--color-icon-primary: var(--neutral-2);--color-icon-secondary: var(--neutral-4);--color-icon-disabled: var(--neutral-5);--color-icon-accent: var(--accent-1);--color-link-default: var(--accent-2);--color-link-hover: var(--accent-3);--color-link-visited: var(--accent-4);--color-placeholder: var(--neutral-5);--skeleton-base: oklch(.32 0 0 / .6);--skeleton-highlight: oklch(.42 0 0 / .8);--color-shadow: oklch(0 0 0 / .3);--color-shadow-strong: oklch(0 0 0 / .5);--color-danger-text: var(--danger-3);--color-danger-bg: var(--danger-1);--color-danger-border: var(--danger-2);--color-danger-icon: var(--danger-3);--color-warning-text: var(--warning-3);--color-warning-bg: var(--warning-1);--color-warning-border: var(--warning-2);--color-warning-icon: var(--warning-3);--color-success-text: var(--success-3);--color-success-bg: var(--success-1);--color-success-border: var(--success-2);--color-success-icon: var(--success-3)}:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--text-body-font, "Inter", sans-serif);color:var(--color-text-primary);background:radial-gradient(circle at 10% 20%,var(--color-surface-selected) 0%,transparent 45%),radial-gradient(circle at 90% 10%,var(--color-interactive-hover) 0%,transparent 35%),linear-gradient(160deg,var(--color-bg-base) 0%,var(--color-bg-subtle) 45%,var(--color-bg-base) 100%)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;padding:var(--space-8) var(--layout-gutter)}.container{max-width:var(--layout-max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.hero{display:flex;flex-direction:column;gap:var(--space-3)}.hero-title{margin:0;font-size:var(--text-h2-size);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.hero-subtitle{margin:0;color:var(--color-text-secondary);max-width:60ch;font-size:var(--text-body-size)}.hero-badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.layout-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--space-6);align-items:start}.panel{--padding-card: var(--space-6)}.panel-title{margin:0 0 var(--space-3) 0;font-size:var(--text-h5-size)}.panel-subtitle{margin:0 0 var(--space-4) 0;color:var(--color-text-secondary);font-size:var(--text-small-size)}.input-label{font-size:var(--text-small-size);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-bottom:var(--space-2)}.input-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.input-status{margin-top:var(--space-2);font-size:var(--text-small-size);color:var(--color-text-secondary)}.input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.input-grid--compact{margin-top:0;margin-bottom:var(--space-3)}.input-field{display:flex;flex-direction:column;gap:var(--space-2)}.text-input{border-radius:var(--radius-md);border:var(--border-default);background:var(--color-bg-elevated);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-size:var(--text-body-size)}.text-input:focus{outline:none;box-shadow:var(--focus-ring)}.toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-small-size);color:var(--color-text-secondary)}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-track{width:38px;height:20px;border-radius:999px;background:var(--color-bg-surface);border:var(--border-subtle);position:relative;transition:background var(--transition-base),border-color var(--transition-base)}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:999px;background:var(--color-text-primary);transition:transform var(--transition-base),background var(--transition-base)}.toggle input:checked+.toggle-track{background:var(--color-interactive-default);border-color:var(--color-border-accent)}.toggle input:checked+.toggle-track:after{transform:translate(18px);background:var(--color-text-inverse)}.toggle-label{white-space:nowrap}.json-input{width:100%;min-height:220px;resize:vertical;background:var(--color-bg-elevated);border:var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-code-size);line-height:var(--line-height-relaxed);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.json-input:focus{border-color:var(--color-border-accent);box-shadow:var(--focus-ring)}.json-input::placeholder{color:var(--color-text-tertiary)}.json-input--highlight{border-color:color-mix(in oklab,var(--color-border-accent) 70%,transparent);box-shadow:0 0 0 2px color-mix(in oklab,var(--color-border-accent) 25%,transparent);background:color-mix(in oklab,var(--color-bg-elevated) 90%,var(--color-interactive-hover))}.json-input--highlight:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--color-border-accent) 35%,transparent),var(--focus-ring)}.input-actions{margin-top:var(--space-4);display:flex;gap:var(--space-3);flex-wrap:wrap}.share-image{display:grid;gap:var(--space-3)}.share-image__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.share-image__preview{width:100%;border-radius:var(--radius-lg);border:var(--border-subtle);box-shadow:var(--shadow-md)}.button{border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base)}.button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.button-primary{background:linear-gradient(135deg,var(--color-interactive-default),var(--color-interactive-hover));color:var(--color-text-inverse);box-shadow:0 12px 24px var(--color-shadow-strong)}.button-secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border:var(--border-subtle)}.error-preview{border-radius:var(--radius-lg);border:var(--border-subtle);background:var(--color-bg-surface);padding:var(--space-3)}.error-header{font-size:var(--text-small-size);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.json-lines{display:grid;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-code-size)}.json-line{display:grid;grid-template-columns:2.5rem 1fr;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:var(--color-bg-elevated);border:var(--border-subtle)}.json-line.is-error{border-color:var(--color-border-accent);background:var(--color-bg-subtle)}.json-line-number{color:var(--color-text-tertiary);text-align:right}.json-line-text{white-space:pre-wrap;word-break:break-word}.mobile-action-bar{position:sticky;bottom:0;width:100%;padding:var(--space-3) var(--space-4);display:none;gap:var(--space-2);background:linear-gradient(180deg,transparent 0%,color-mix(in oklab,var(--color-bg-base) 80%,transparent) 35%,var(--color-bg-base) 100%);border-top:var(--border-subtle);backdrop-filter:blur(12px)}.button:active{transform:translateY(1px) scale(.99)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.stat-card{padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-bg-surface);border:var(--border-subtle)}.stat-label{font-size:var(--text-small-size);color:var(--color-text-secondary)}.stat-value{font-size:var(--text-h5-size);font-weight:var(--font-weight-semibold)}.section-list{display:grid;gap:var(--space-2);margin:0;padding-left:var(--space-4);color:var(--color-text-secondary)}.split-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.nutrient-item{display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:var(--border-subtle)}.nutrient-item:last-child{border-bottom:none}.nutrient-label{color:var(--color-text-secondary)}.nutrient-value{font-weight:var(--font-weight-semibold)}.login-panel{text-align:center;padding:var(--space-8) var(--space-6)}.login-title{margin:0;font-size:var(--text-h3-size)}.login-copy{margin:var(--space-3) auto 0;color:var(--color-text-secondary);max-width:48ch}.history-list{display:grid;gap:var(--space-2)}.history-viewport{max-height:520px;overflow:auto;scrollbar-gutter:stable;padding-right:var(--space-1)}.history-virtual{display:grid;gap:var(--space-2)}.history-filters{display:grid;gap:var(--space-3);margin-bottom:var(--space-3)}.history-export{display:grid;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);border-radius:var(--radius-lg);border:var(--border-subtle);background:var(--color-bg-surface)}.history-export-info{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.history-export-title{font-size:var(--text-small-size);font-weight:var(--font-weight-semibold)}.history-export-count{font-size:var(--text-small-size);color:var(--color-text-secondary)}.history-export-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-2)}.history-export-status{margin:0;font-size:var(--text-small-size);color:var(--color-text-secondary)}.range-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3)}.range-field{display:grid;gap:var(--space-2)}.range-field__inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.history-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-left:auto}.history-item{display:flex;justify-content:space-between;gap:var(--space-3);text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:var(--border-subtle);background:var(--color-bg-surface);color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-base),transform var(--transition-base);min-height:120px}.history-item:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.history-title{font-weight:var(--font-weight-semibold)}.history-meta{color:var(--color-text-secondary);font-size:var(--text-small-size)}.history-kcal{font-weight:var(--font-weight-semibold);white-space:nowrap}.history-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.history-memo{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-small-size)}.chip-row{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.chip{border:var(--border-subtle);background:var(--color-bg-surface);color:var(--color-text-primary);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-small-size);cursor:pointer;transition:border-color var(--transition-base),background var(--transition-base)}.chip.is-active{border-color:var(--color-border-accent);background:var(--color-surface-selected)}.chip--danger{border-color:var(--danger-2);color:var(--danger-3)}.chip-row--filters{margin-top:var(--space-2)}.summary-list{display:grid;gap:var(--space-2)}.summary-item{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:var(--border-subtle);background:var(--color-bg-surface)}.summary-title{font-weight:var(--font-weight-semibold)}.summary-meta{color:var(--color-text-secondary);font-size:var(--text-small-size)}.summary-stats{text-align:right;color:var(--color-text-secondary);font-size:var(--text-small-size)}.summary-badges{display:grid;gap:var(--space-1);margin-top:var(--space-2)}.pfc-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:var(--border-subtle);background:var(--color-bg-elevated);color:var(--color-text-secondary);font-size:var(--text-small-size)}.pill--protein{border-color:color-mix(in oklab,var(--color-interactive-default) 55%,transparent);color:var(--color-text-primary)}.pill--fat{border-color:color-mix(in oklab,var(--warning-2) 60%,transparent);color:var(--color-text-primary)}.pill--carb{border-color:color-mix(in oklab,var(--success-2) 60%,transparent);color:var(--color-text-primary)}.pill--tag{background:var(--color-bg-subtle)}.pfc-ratio{margin-top:var(--space-3)}.pfc-ratio__bar{display:flex;height:10px;border-radius:var(--radius-full);overflow:hidden;border:var(--border-subtle)}.pfc-ratio__segment{display:block}.pfc-ratio__segment--protein{background:var(--color-interactive-default)}.pfc-ratio__segment--fat{background:var(--warning-2)}.pfc-ratio__segment--carb{background:var(--success-2)}.pfc-ratio__labels{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2);font-size:var(--text-small-size);color:var(--color-text-secondary)}.pfc-deviation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.pfc-deviation-item{display:grid;gap:var(--space-2);font-size:var(--text-small-size)}.pfc-deviation-label{color:var(--color-text-secondary)}.pfc-deviation-track{position:relative;height:12px;border-radius:var(--radius-full);background:var(--color-bg-surface);border:var(--border-subtle);overflow:hidden}.pfc-deviation__band{position:absolute;top:0;bottom:0;left:var(--start);width:var(--width)}.pfc-deviation__band--ok{background:color-mix(in oklab,var(--color-text-secondary) 30%,transparent)}.pfc-deviation__band--plus{background:color-mix(in oklab,var(--success-2) 50%,transparent)}.pfc-deviation__band--minus{background:color-mix(in oklab,var(--danger-2) 50%,transparent)}.pfc-deviation-marker{position:absolute;top:-2px;width:2px;height:16px;background:var(--color-text-primary);opacity:.8}.pfc-deviation-marker--target{left:var(--target);background:var(--color-text-secondary)}.pfc-deviation-marker--actual{left:var(--actual);background:var(--color-text-primary)}.pfc-achievement{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.pfc-diff{font-weight:600}.pfc-diff--ok{color:var(--color-text-secondary)}.pfc-diff--plus{color:var(--color-success-text)}.pfc-diff--minus{color:var(--color-danger-text)}.target-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.diff-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-small-size);color:var(--color-text-secondary);margin-top:var(--space-1)}.diff-badge--plus{color:var(--color-success-text)}.diff-badge--minus{color:var(--color-danger-text)}.toast-stack{position:fixed;bottom:1.25rem;right:1.25rem;display:grid;gap:var(--space-2);z-index:var(--z-tooltip)}.toast{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:var(--border-subtle);background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-lg);font-size:var(--text-small-size)}.toast--success{border-color:var(--success-2)}.toast--warning{border-color:var(--warning-2)}.toast--error{border-color:var(--danger-2)}.panel--highlight{box-shadow:0 0 0 2px var(--color-border-accent),var(--shadow-lg);transition:box-shadow var(--transition-base)}.mini-chart{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:var(--border-subtle);background:var(--color-bg-surface)}.mini-chart__legend{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.mini-chart__grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}@media(max-width:1024px){.layout-grid{grid-template-columns:1fr}}@media(max-width:640px){.app-main{padding:var(--space-6) var(--space-4)}.hero-title{font-size:var(--text-h3-size)}.hero-subtitle{font-size:var(--text-small-size)}.input-row{flex-direction:column;align-items:flex-start}.input-grid{grid-template-columns:1fr}.input-actions{flex-direction:column}.button{width:100%}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-item{flex-direction:column;align-items:flex-start}.history-viewport{max-height:420px}.history-kcal{align-self:flex-end}.history-actions{flex-direction:row;flex-wrap:wrap;margin-left:0}.summary-item{flex-direction:column;align-items:flex-start}.summary-stats{text-align:left}.pfc-badges{flex-direction:column}.share-image__actions{width:100%}.mini-chart__legend{flex-direction:column;align-items:flex-start}.mobile-action-bar{display:flex}}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.button-ghost{background:color-mix(in oklab,var(--color-bg-surface) 65%,transparent);color:var(--color-text-primary);border:var(--border-subtle);box-shadow:none}.button-ghost:hover{box-shadow:var(--shadow-sm)}.hero--compact .hero-subtitle{max-width:70ch}.section-card{display:grid;gap:var(--space-3)}.section-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.section-title{margin:0;font-size:var(--text-h4-size)}.section-meta,.section-note{font-size:var(--text-small-size);color:var(--color-text-secondary)}.range-selector{display:flex;gap:var(--space-2);flex-wrap:wrap}.range-chip{border:var(--border-subtle);background:var(--color-bg-surface);color:var(--color-text-primary);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-small-size);cursor:pointer}.range-chip--active{background:var(--color-interactive-default);border-color:var(--color-border-accent);color:var(--color-text-inverse);box-shadow:0 10px 20px var(--color-shadow-strong)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--space-6)}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2)}.week-cell{display:grid;gap:var(--space-2);text-align:center;font-size:var(--text-small-size);color:var(--color-text-secondary)}.week-bar{height:72px;border-radius:var(--radius-lg);border:var(--border-subtle);background:color-mix(in oklab,var(--color-bg-elevated) 80%,transparent);display:flex;align-items:flex-end;overflow:hidden}.week-bar-fill{width:100%;background:linear-gradient(180deg,var(--color-interactive-hover),var(--color-interactive-default));border-radius:var(--radius-lg);transition:height var(--transition-base)}.week-count{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.pfc-summary{display:grid;gap:var(--space-3)}.pfc-split{display:flex;height:14px;border-radius:var(--radius-full);overflow:hidden;border:var(--border-subtle);background:var(--color-bg-surface)}.pfc-segment{height:100%}.pfc-segment--protein{background:#44d492}.pfc-segment--fat{background:#f5a65c}.pfc-segment--carb{background:#6ab8ff}.pfc-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-small-size);color:var(--color-text-secondary)}.pfc-dot{display:inline-block;width:8px;height:8px;border-radius:999px;margin-right:var(--space-1)}.pfc-dot--protein{background:#44d492}.pfc-dot--fat{background:#f5a65c}.pfc-dot--carb{background:#6ab8ff}.pfc-macro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2)}.timeline-list{display:grid;gap:var(--space-3)}.timeline-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:var(--border-subtle);background:var(--color-bg-surface)}.timeline-title{font-weight:var(--font-weight-semibold)}.timeline-meta{margin-top:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-small-size)}.timeline-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.timeline-memo{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-small-size)}.timeline-stats{display:grid;gap:var(--space-1);text-align:right;font-size:var(--text-small-size);color:var(--color-text-secondary)}.daily-pfc-list{display:grid;gap:var(--space-3)}.daily-pfc-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-lg);border:var(--border-subtle);background:var(--color-bg-surface);align-items:center}.daily-pfc-meta{display:grid;gap:var(--space-1)}.daily-pfc-date{font-weight:var(--font-weight-semibold)}.daily-pfc-count{font-size:var(--text-small-size);color:var(--color-text-secondary)}.daily-pfc-bars{display:grid;gap:var(--space-2)}.daily-pfc-totals{display:grid;gap:var(--space-1);font-size:var(--text-small-size);color:var(--color-text-secondary);text-align:right}.insight-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.menu-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--space-6);align-items:start}.menu-day-list{display:grid;gap:var(--space-3)}.menu-day-list--compact{gap:var(--space-2)}.menu-day-card,.menu-day-button{display:grid;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);border:var(--border-subtle);background:var(--color-bg-surface);text-align:left;transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.menu-day-button{width:100%;cursor:pointer}.menu-day-button:hover,.menu-day-card:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.menu-day-button.is-active{border-color:var(--color-border-accent);box-shadow:0 0 0 1px var(--color-border-accent),var(--shadow-md);background:color-mix(in oklab,var(--color-bg-surface) 80%,var(--color-surface-selected))}.menu-day-card--compact{padding:var(--space-3) var(--space-4)}.menu-day-top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.menu-day-date{font-weight:var(--font-weight-semibold)}.menu-day-count{font-size:var(--text-small-size);color:var(--color-text-secondary)}.menu-day-macros{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-small-size);color:var(--color-text-secondary)}.menu-day-items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.menu-day-actions{display:flex;justify-content:flex-end}.menu-detail,.menu-detail-stack{display:grid;gap:var(--space-4)}.menu-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.menu-target-inputs{display:grid;gap:var(--space-3)}.menu-target-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.menu-balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.menu-insight-list{display:grid;gap:var(--space-3)}.menu-subtext{margin:0;font-size:var(--text-small-size);color:var(--color-text-secondary)}.menu-log-list{display:grid;gap:var(--space-3)}.menu-log-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:var(--border-subtle);background:var(--color-bg-surface)}.menu-log-title{font-weight:var(--font-weight-semibold)}.menu-log-meta{margin-top:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-small-size)}.menu-log-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.menu-log-note{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-small-size)}.menu-log-stats{display:grid;gap:var(--space-1);text-align:right;font-size:var(--text-small-size);color:var(--color-text-secondary)}.button-compact{padding:var(--space-1) var(--space-3);font-size:var(--text-small-size)}@media(max-width:960px){.dashboard-grid,.timeline-card{grid-template-columns:1fr}.timeline-stats{text-align:left}.daily-pfc-item{grid-template-columns:1fr}.daily-pfc-totals{text-align:left}.menu-layout,.menu-log-card{grid-template-columns:1fr}.menu-log-stats{text-align:left}}.layout-grid--single{grid-template-columns:minmax(0,1fr)}