:root{--palette-gray-0:#fff;--palette-gray-50:#f7f6f3;--palette-gray-100:#efede8;--palette-gray-200:#e2dfd8;--palette-gray-400:#a09d96;--palette-gray-600:#6b6862;--palette-gray-700:#34343a;--palette-gray-800:#26262a;--palette-gray-850:#1c1c1e;--palette-gray-900:#1c1b19;--palette-gray-950:#121212;--palette-blue-400:#7c8cff;--palette-blue-500:#3d5afe;--palette-blue-900:#0e1033;--palette-orange-300:#ff9a7f;--palette-orange-500:#ff7a59;--palette-orange-950:#2b1405;--palette-green-400:#3cc584;--palette-green-600:#1f9d63;--palette-yellow-400:#e6ae2e;--palette-yellow-600:#c98a00;--palette-red-400:#ff6b6b;--palette-red-600:#d93a3a;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--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;--font-family-base:"Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono:ui-monospace, "SFMono-Regular", Menlo, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--line-height-body:1.6;--line-height-heading:1.25;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--size-touch-min:2.75rem;--motion-fast:.15s;--motion-normal:.25s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--color-background:var(--palette-gray-50);--color-surface:var(--palette-gray-0);--color-surface-muted:var(--palette-gray-100);--color-text:var(--palette-gray-900);--color-text-muted:var(--palette-gray-600);--color-border:var(--palette-gray-200);--color-primary:var(--palette-blue-500);--color-primary-hover:color-mix(in oklab, var(--color-primary), black 12%);--color-primary-pressed:color-mix(in oklab, var(--color-primary), black 24%);--color-primary-soft:color-mix(in oklab, var(--color-surface), var(--color-primary) 12%);--color-on-primary:var(--palette-gray-0);--color-accent:var(--palette-orange-500);--color-on-accent:var(--palette-orange-950);--color-success:var(--palette-green-600);--color-warning:var(--palette-yellow-600);--color-danger:var(--palette-red-600);--shadow-card:0 1px 3px #00000014;--shadow-sheet:0 8px 24px #0000001f}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--color-background:var(--palette-gray-950);--color-surface:var(--palette-gray-850);--color-surface-muted:var(--palette-gray-800);--color-text:var(--palette-gray-50);--color-text-muted:var(--palette-gray-400);--color-border:var(--palette-gray-700);--color-primary:var(--palette-blue-400);--color-primary-hover:color-mix(in oklab, var(--color-primary), white 12%);--color-primary-pressed:color-mix(in oklab, var(--color-primary), white 24%);--color-primary-soft:color-mix(in oklab, var(--color-surface), var(--color-primary) 16%);--color-on-primary:var(--palette-blue-900);--color-accent:var(--palette-orange-300);--color-on-accent:var(--palette-orange-950);--color-success:var(--palette-green-400);--color-warning:var(--palette-yellow-400);--color-danger:var(--palette-red-400);--shadow-card:0 1px 3px #0000003d;--shadow-sheet:0 8px 24px #0000005c}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:var(--palette-gray-950);--color-surface:var(--palette-gray-850);--color-surface-muted:var(--palette-gray-800);--color-text:var(--palette-gray-50);--color-text-muted:var(--palette-gray-400);--color-border:var(--palette-gray-700);--color-primary:var(--palette-blue-400);--color-primary-hover:color-mix(in oklab, var(--color-primary), white 12%);--color-primary-pressed:color-mix(in oklab, var(--color-primary), white 24%);--color-primary-soft:color-mix(in oklab, var(--color-surface), var(--color-primary) 16%);--color-on-primary:var(--palette-blue-900);--color-accent:var(--palette-orange-300);--color-on-accent:var(--palette-orange-950);--color-success:var(--palette-green-400);--color-warning:var(--palette-yellow-400);--color-danger:var(--palette-red-400);--shadow-card:0 1px 3px #0000003d;--shadow-sheet:0 8px 24px #0000005c}:root{--button-bg:var(--color-primary);--button-bg-hover:var(--color-primary-hover);--button-bg-pressed:var(--color-primary-pressed);--button-text:var(--color-on-primary);--button-radius:var(--radius-full);--button-padding-x:var(--space-6);--button-padding-y:var(--space-3);--button-min-height:var(--size-touch-min);--card-bg:var(--color-surface);--card-border:var(--color-border);--card-radius:var(--radius-lg);--card-shadow:var(--shadow-card);--card-padding:var(--space-6);--chip-bg:var(--color-surface);--chip-bg-selected:var(--color-primary);--chip-text:var(--color-text-muted);--chip-text-selected:var(--color-on-primary);--chip-border:var(--color-border);--chip-radius:var(--radius-full);--chip-min-height:var(--size-touch-min)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-background);min-height:100dvh;color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-md);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:var(--line-height-heading);font-weight:var(--font-weight-bold)}img,svg{max-width:100%;display:block}a{color:var(--color-primary)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}:root{--color-primary:#0b7a53;--color-on-primary:#fff;--color-accent:#fb8a3c;--color-on-accent:#2b1405;--color-background:#f5faf7;--color-surface:#fff;--color-surface-muted:#eef1ef;--color-text:#1c2420;--color-text-muted:#5b6660;--color-border:#e3e8e5;--color-macro-protein:#3b6fe0;--color-macro-fat:#d9962b;--color-macro-carb:#8b6fd6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary:#4cc79a;--color-on-primary:#04291b;--color-accent:#ffa463;--color-on-accent:#2b1405;--color-background:#0f1513;--color-surface:#18201d;--color-surface-muted:#222b27;--color-text:#e8efeb;--color-text-muted:#9aa8a1;--color-border:#2c3632;--color-macro-protein:#7fa3f5;--color-macro-fat:#f0b65a;--color-macro-carb:#b39df0}}:root[data-theme=dark]{--color-primary:#4cc79a;--color-on-primary:#04291b;--color-accent:#ffa463;--color-on-accent:#2b1405;--color-background:#0f1513;--color-surface:#18201d;--color-surface-muted:#222b27;--color-text:#e8efeb;--color-text-muted:#9aa8a1;--color-border:#2c3632;--color-macro-protein:#7fa3f5;--color-macro-fat:#f0b65a;--color-macro-carb:#b39df0}.shell{flex-direction:column;max-width:32rem;min-height:100dvh;margin:0 auto;display:flex}.screen{gap:var(--space-4);padding:var(--space-2) var(--space-4) calc(var(--space-10) * 2.5);flex-direction:column;flex-grow:1;display:flex}.screen-header{justify-content:space-between;align-items:flex-end;gap:var(--space-3);padding:var(--space-6) calc(var(--size-touch-min) + var(--space-4)) var(--space-2) var(--space-4);display:flex}.screen-header h1{font-size:var(--font-size-xl)}.eyebrow{font-size:var(--font-size-sm);color:var(--color-text-muted)}.section{gap:var(--space-2);flex-direction:column;display:flex}.section-title{font-size:var(--font-size-md)}.muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}.small{font-size:var(--font-size-xs)}.row{align-items:center;gap:var(--space-2);display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.stack{gap:var(--space-3);flex-direction:column;display:flex}.card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--card-border);border-radius:var(--card-radius);background:var(--card-bg);box-shadow:var(--card-shadow);flex-direction:column;display:flex}.card-flush{gap:0;padding:0;overflow:hidden}.card-body{gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.empty{text-align:center;padding:var(--space-8) var(--space-4);align-items:center}.empty-icon{width:3.5rem;height:3.5rem;color:var(--color-primary)}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--button-min-height);padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--radius-md);background:var(--button-bg);color:var(--button-text);font-weight:var(--font-weight-bold);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard);border:1px solid #0000;text-decoration:none;display:inline-flex}.button:hover{background:var(--button-bg-hover)}.button:active{background:var(--button-bg-pressed)}.button:disabled{opacity:.5;cursor:not-allowed}.button-block{width:100%}.button-large{min-height:calc(var(--size-touch-min) + var(--space-2));font-size:var(--font-size-lg)}.button-secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.button-secondary:hover{background:var(--color-surface-muted)}.button-secondary:active{background:var(--color-border)}.button-ghost{color:var(--color-primary);background:0 0}.button-ghost:hover,.button-ghost:active{background:var(--color-primary-soft)}.button-danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0}.button-danger:hover,.button-danger:active{background:var(--color-surface-muted)}.icon-button{width:var(--size-touch-min);height:var(--size-touch-min);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--color-surface-muted)}.icon{flex-shrink:0;width:1.5rem;height:1.5rem}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-1);min-height:var(--chip-min-height);padding:0 var(--space-4);border:1px solid var(--chip-border);border-radius:var(--chip-radius);background:var(--chip-bg);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard);display:inline-flex}.chip[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-text);font-weight:var(--font-weight-medium)}.chip-check{width:1rem;height:1rem;color:var(--color-primary)}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-on-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);align-items:center;display:inline-flex}.badge-soft{background:var(--color-primary-soft);color:var(--color-text)}.tag-buy{color:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.tag-have{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.kcal-line{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.kcal-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.macro-bars{gap:var(--space-2);flex-direction:column;display:flex}.macro-bar{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);grid-template-columns:4.5rem minmax(0,1fr) 5.5rem;display:grid}.macro-track{height:var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-muted);overflow:hidden}.macro-fill{border-radius:var(--radius-full);height:100%;transition:width var(--motion-normal) var(--ease-standard)}.macro-value{text-align:right;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.macro-dot{border-radius:var(--radius-full);width:.625rem;height:.625rem;display:inline-block}.fill-protein{background:var(--color-macro-protein)}.fill-fat{background:var(--color-macro-fat)}.fill-carb{background:var(--color-macro-carb)}.fill-kcal{background:var(--color-primary)}.tabbar{z-index:10;border-top:1px solid var(--color-border);background:var(--color-surface);padding-bottom:env(safe-area-inset-bottom);position:fixed;bottom:0;left:0;right:0}.tabbar-inner{grid-template-columns:repeat(4,minmax(0,1fr));max-width:32rem;margin:0 auto;display:grid}.tab{justify-content:center;align-items:center;gap:var(--space-1);min-height:calc(var(--size-touch-min) + var(--space-6));color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;background:0 0;border:none;flex-direction:column;display:flex;position:relative}.tab[aria-current=page]{color:var(--color-primary);font-weight:var(--font-weight-bold)}.tab-count{top:var(--space-2);left:calc(50% + var(--space-2));min-width:1.125rem;padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--color-accent);color:var(--color-on-accent);font-size:.625rem;font-weight:var(--font-weight-bold);line-height:1.125rem;position:absolute}.sheet-backdrop{z-index:20;background:color-mix(in oklab, var(--color-text) 40%, transparent);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{gap:var(--space-4);width:100%;max-width:32rem;max-height:90dvh;padding:var(--space-5) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface);box-shadow:var(--shadow-sheet);flex-direction:column;display:flex;overflow-y:auto}.sheet-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.sheet-header h2{font-size:var(--font-size-lg)}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.input{min-height:var(--size-touch-min);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--font-size-md)}.input:focus-visible{outline:2px solid var(--color-primary);outline-offset:0;border-color:#0000}.input-unit{align-items:center;gap:var(--space-2);display:flex}.input-unit .input{min-width:0;font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;flex-grow:1}.range{width:100%;accent-color:var(--color-primary)}.segmented{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);background:var(--color-surface-muted);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.segment{min-height:calc(var(--size-touch-min) - var(--space-2));border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none}.segment[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);font-weight:var(--font-weight-bold);box-shadow:var(--card-shadow)}.switch-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--size-touch-min);display:flex}.switch{width:1.375rem;height:1.375rem;accent-color:var(--color-primary)}.choices{gap:var(--space-3);flex-direction:column;display:flex}.choice{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard);display:flex}.choice:hover{border-color:var(--color-primary)}.choice[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft)}.choice-art{border-radius:var(--radius-md);background:var(--color-primary-soft);width:3.5rem;height:3.5rem;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.choice-art .icon{width:2rem;height:2rem}.choice-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.onboarding{gap:var(--space-6);max-width:32rem;min-height:100dvh;padding:var(--space-6) var(--space-4) calc(var(--space-8) + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.onboarding-top{align-items:center;gap:var(--space-3);display:flex}.progress{height:var(--space-1);border-radius:var(--radius-full);background:var(--color-surface-muted);flex-grow:1;overflow:hidden}.progress-fill{background:var(--color-primary);height:100%;transition:width var(--motion-normal) var(--ease-standard)}.onboarding-body{gap:var(--space-5);flex-direction:column;flex-grow:1;display:flex}.onboarding-title{font-size:var(--font-size-xl)}.onboarding-actions{gap:var(--space-2);flex-direction:column;display:flex}.welcome{justify-content:center;gap:var(--space-5);text-align:center;flex-direction:column;flex-grow:1;display:flex}.welcome-art{width:7rem;height:7rem;color:var(--color-primary);align-self:center}.welcome-title{font-size:var(--font-size-2xl);text-wrap:balance}.result-kcal{align-items:center;gap:var(--space-1);padding:var(--space-6) var(--space-4);border-radius:var(--radius-lg);background:var(--color-primary-soft);text-align:center;flex-direction:column;display:flex}.result-number{font-size:calc(var(--font-size-2xl) * 1.5);font-weight:var(--font-weight-bold);color:var(--color-primary);font-variant-numeric:tabular-nums;line-height:1.1}.macro-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.macro-item{align-items:baseline;gap:var(--space-1) var(--space-2);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.macro-hint{grid-column:2/4}.macro-amount{font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.details summary{min-height:var(--size-touch-min);color:var(--color-primary);font-weight:var(--font-weight-medium);cursor:pointer;align-items:center;display:flex}.details p+p{margin-top:var(--space-2)}.notice{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--font-size-xs)}.notice-strong{border:1px solid var(--color-warning);color:var(--color-text)}.meal{gap:var(--space-2);flex-direction:column;display:flex}.dish{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:none;border-top:1px solid var(--color-border);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;display:flex}.dish:first-child{border-top:none}.dish:hover{background:var(--color-surface-muted)}.dish-main{gap:var(--space-1);flex-direction:column;flex-grow:1;min-width:0;display:flex}.dish-name{font-weight:var(--font-weight-bold)}.chevron{width:1.25rem;height:1.25rem;color:var(--color-text-muted)}.ingredients{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ingredient{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--size-touch-min);border-bottom:1px solid var(--color-border);display:flex}.steps{gap:var(--space-2);padding-left:var(--space-5);flex-direction:column;margin:0;display:flex}.loading{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;flex-direction:column;display:flex}.spinner{border:3px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:2.5rem;height:2.5rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search{z-index:5;padding:var(--space-2) 0;background:var(--color-background);position:sticky;top:0}.sticky-action{right:0;bottom:calc(var(--size-touch-min) + var(--space-6) + env(safe-area-inset-bottom));z-index:9;padding:var(--space-3) var(--space-4);background:linear-gradient(to top, var(--color-background) 70%, transparent);position:fixed;left:0}.sticky-action-inner{max-width:30rem;margin:0 auto}.check-row{align-items:center;gap:var(--space-3);min-height:calc(var(--size-touch-min) + var(--space-1));padding:0 var(--space-4);border-top:1px solid var(--color-border);cursor:pointer;display:flex}.check-row:first-child{border-top:none}.check-row input{width:1.375rem;height:1.375rem;accent-color:var(--color-primary)}.check-row .grow{flex-grow:1}.check-done{color:var(--color-text-muted);text-decoration:line-through}.record{gap:var(--space-3);grid-template-columns:4.5rem minmax(0,1fr);align-items:center;display:grid}.record-photo{border-radius:var(--radius-md);object-fit:cover;background:var(--color-primary-soft);width:4.5rem;height:4.5rem}.record-photo-empty{color:var(--color-primary);justify-content:center;align-items:center;display:flex}.photo-preview{aspect-ratio:4/3;border-radius:var(--radius-md);object-fit:cover;background:var(--color-surface-muted);width:100%}.share-preview{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:.0625rem;height:.0625rem;position:absolute;overflow:hidden}.toast{left:50%;bottom:calc(var(--size-touch-min) + var(--space-10) + env(safe-area-inset-bottom));z-index:30;max-width:calc(100% - var(--space-8));padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-text);color:var(--color-background);font-size:var(--font-size-sm);box-shadow:var(--shadow-sheet);position:fixed;transform:translate(-50%)}.settings-button{top:var(--space-5);right:max(var(--space-2), calc((100vw - 32rem) / 2 + var(--space-2)));z-index:6;position:absolute}.stack-tight{gap:var(--space-1)}.center{text-align:center}.card-button{color:inherit;font:inherit;text-align:left;cursor:pointer}.card-button:hover{border-color:var(--color-primary)}