:root{--color-canvas:#f2eee7;--color-bg:#fdfbf7;--color-paper:#fff;--color-ink:#2b1f1d;--color-muted:#7a6865;--color-line:#efeae4;--color-accent:#008f1d;--color-blue:#e6dcd3;--color-green:#60b842;--color-cream:#fff4d4;--color-dark:#1a1412;--color-surface:var(--color-paper);--color-surface-muted:#f8f3ed;--color-surface-hover:#f3ece4;--color-surface-glass:#ffffffeb;--color-surface-primary:var(--color-surface);--color-surface-secondary:var(--color-surface-muted);--color-surface-accent:#f1faed;--color-surface-warning:#fff7e6;--color-surface-error:#fff1ef;--color-surface-info:#edf6ff;--color-surface-disabled:#eee8e2;--color-overlay:#2b1f1d7a;--color-text-primary:var(--color-ink);--color-text-secondary:var(--color-muted);--color-text-inverse:#fff;--color-text-disabled:#a2918d;--color-border-default:var(--color-line);--color-border-muted:#f4eee8;--color-border-strong:#d8cdc5;--color-border-selected:var(--color-accent);--color-action-primary:var(--color-accent);--color-action-primary-hover:#007a18;--color-action-primary-active:#006315;--color-action-secondary:var(--color-ink);--color-action-secondary-hover:#3b2b28;--color-action-secondary-subtle:#2b1f1d0f;--color-action-secondary-subtle-hover:#2b1f1d1f;--color-action-danger:#b42318;--color-action-danger-hover:#961b12;--color-action-disabled:#d9d0ca;--color-status-success:#1f7a36;--color-status-success-bg:#edf8ec;--color-status-warning:#a05a00;--color-status-warning-bg:#fff7e6;--color-status-error:#b42318;--color-status-error-bg:#fff1ef;--color-status-info:#386a9f;--color-status-info-bg:#edf6ff;--color-status-fallback:#6f5a12;--color-status-fallback-bg:#fff4d4;--color-amount-none:#a2918d;--color-amount-few:#a05a00;--color-amount-normal:var(--color-accent);--color-amount-many:#386a9f;--color-focus-ring:var(--color-accent);--radius-tag:0rem;--radius-button:32px;--radius-card:32px;--radius-panel:0px;--radius-control:12px;--radius-input:12px;--radius-small:8px;--radius-floating-bar:20px;--radius-floating-button:14px;--space-2xs:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-3);--space-lg:var(--space-4);--space-xl:var(--space-5);--space-2xl:var(--space-6);--space-3xl:var(--space-7);--space-4xl:var(--space-8);--space-5xl:var(--space-9);--control-height-sm:36px;--control-height-md:44px;--control-height-lg:48px;--font-size-h1:40px;--font-size-section:24px;--font-size-card:20px;--font-size-body:16px;--font-size-small:14px;--font-size-caption:13px;--font-size-button:16px;--font-size-badge:12px;--font-family-h1:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-section:"Yu Gothic UI", "Hiragino Sans", Meiryo, sans-serif;--font-family-card:"Yu Gothic UI", "Hiragino Sans", Meiryo, sans-serif;--font-family-body:"Yu Gothic UI", "Hiragino Sans", Meiryo, sans-serif;--font-family-small:"Yu Gothic UI", "Hiragino Sans", Meiryo, sans-serif;--font-family-button:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-heading:1.35;--line-height-body:1.65;--line-height-small:1.5;--shadow-card-opacity:8%;--shadow-soft-opacity:7%;--shadow-card-x-offset:0px;--shadow-card-y-offset:16px;--shadow-card-blur:48px;--shadow-card:0 16px 48px #2b1f1d14;--shadow-app-shell:0 0 0 1px #2b1f1d0d, 0 20px 48px -12px #2b1f1d26;--shadow-floating-bar:0 16px 36px -8px #2b1f1d2e, 0 0 0 1px #2b1f1d0d;--shadow-soft:0 10px 30px #2b1f1d12;--shadow-dialog:0 16px 48px #2b1f1d3d;--shadow-focus:0 0 0 3px #008f1d33;--shadow-card-hover:0 20px 56px #2b1f1d1a;--shadow-control-hover:0 4px 12px #2b1f1d1f;--motion-duration:.25s;--motion-duration-fast:.14s;--motion-duration-slow:.36s;--motion-scale:1.02;--motion-timing:cubic-bezier(.2, 0, 0, 1);--motion-duration-reduced:.01ms;--style-backdrop-blur:0px;--backdrop-blur-glass:12px;--border-width:1px;--style-paper-opacity:100%;--style-border-display:solid;--container-reading:680px;--container-form:760px;--container-workspace:1120px;--container-app:1440px;--layout-page-padding-inline:clamp(16px, 4vw, 40px);--layout-page-padding-block:clamp(20px, 3vw, 40px);--layout-card-min-width:280px;--layout-safe-bottom:16px;--floating-bar-bottom:clamp(12px, 2.5vh, 18px);--floating-bar-padding-x:var(--space-3);--floating-bar-padding-y:var(--space-2);--floating-bar-gap:var(--space-2);--focus-ring-color:var(--color-focus-ring);--focus-ring-width:3px;--focus-ring-offset:2px;--disabled-opacity:.55;--muted-opacity:.6;--touch-target-min:var(--control-height-md);--component-button-radius:var(--radius-button);--component-button-height:var(--control-height-md);--component-button-height-compact:var(--control-height-sm);--component-button-padding-x:18px;--component-button-gap:var(--space-sm);--component-icon-size:var(--space-lg);--component-navigation-indicator-width:2px;--component-button-font-size:var(--font-size-button);--component-button-font-weight:var(--font-weight-semibold);--component-input-height:44px;--component-input-padding-x:14px;--component-input-radius:var(--radius-input);--component-input-border:var(--color-border-default);--component-input-border-focus:var(--color-focus-ring);--component-input-bg:var(--color-paper);--component-input-placeholder:#9a8a86;--component-input-invalid-border:var(--color-status-error);--component-card-radius:var(--radius-card);--component-card-padding:var(--space-5);--component-card-gap:var(--space-md);--component-card-bg:var(--color-paper);--component-card-border:var(--color-border-muted);--component-card-selected-bg:var(--color-surface-accent);--component-card-selected-border:var(--color-border-selected);--component-radio-indicator-size:10px;--component-row-min-height:64px;--component-row-padding-y:var(--space-md);--component-row-padding-x:var(--space-lg);--component-row-gap:var(--space-md);--component-badge-height:24px;--component-badge-padding-x:8px;--component-badge-radius:var(--radius-tag);--component-badge-font-size:var(--font-size-badge);--component-tag-radius:var(--radius-tag);--component-status-padding:var(--space-lg);--component-status-radius:var(--radius-small);--component-status-gap:var(--space-sm);--header-hero-icon-size:48px;--header-hero-icon-radius:14px;--header-hero-icon-bg:linear-gradient(135deg, #edf8ec 0%, #dcf4dc 100%);--header-hero-icon-border:#bbf7d0;--header-hero-icon-color:var(--color-action-primary);--header-hero-icon-shadow:0 4px 14px -3px #008f1d29;--header-stat-chip-radius:10px;--header-stat-chip-bg:var(--color-surface);--header-stat-chip-border:var(--color-border-default);--header-stat-chip-shadow:0 2px 8px #2b1f1d0a;--breakpoint-medium:480px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-wide:1280px}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--color-bg);min-width:320px;color:var(--color-ink);font-family:system-ui,sans-serif}@media (width>=768px){body{background:var(--color-canvas)}}#root{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;overflow:hidden}@media (width>=768px){#root{padding:20px}}@media (width>=1024px){#root{padding:24px}}.app-root{box-sizing:border-box;background:var(--color-bg);border:none;width:100%;height:100%;margin:0 auto;overflow:hidden}@media (width>=768px){.app-root{max-width:var(--container-form);border-radius:var(--radius-card);box-shadow:var(--shadow-app-shell)}}@media (width>=1024px){.app-root{max-width:var(--container-workspace);border-radius:var(--radius-card);box-shadow:var(--shadow-app-shell)}}.core-flow-layout{height:100%;min-height:0;color:var(--color-text-primary);background:var(--color-bg);flex-direction:column;display:flex}.core-flow-layout__header{z-index:40;background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border-default);flex:none;width:100%;position:relative}.core-flow-layout__navigation{width:100%;max-width:var(--container-form);margin:0 auto}@media (width>=1024px){.core-flow-layout__navigation{max-width:var(--container-workspace)}}.core-flow-layout__page{flex:1;min-height:0}.core-flow-page{background:var(--color-bg);flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.core-flow-page__main{scrollbar-gutter:stable both-edges;flex:1;width:100%;min-height:0;overflow:hidden auto}@media (width<=767px){.core-flow-page__main{padding-bottom:clamp(120px,16vh,150px)}}@media (width<=1023px){.core-flow-page--no-desktop-action .core-flow-page__main{padding-bottom:clamp(200px,28vh,240px)}.core-flow-page--no-desktop-action.recommendation-page .core-flow-page__main{padding-bottom:calc(var(--control-height-lg,48px) + var(--space-2xl,24px) + env(safe-area-inset-bottom,0px));scroll-padding-bottom:calc(var(--control-height-lg,48px) + var(--space-2xl,24px) + env(safe-area-inset-bottom,0px))}}.core-flow-page__content{width:100%;max-width:var(--container-form);padding:var(--layout-page-padding-block) var(--layout-page-padding-inline);box-sizing:border-box;margin:0 auto}.core-flow-page--wide .core-flow-page__content,.core-flow-page--wide .core-flow-page__action-inner{max-width:var(--container-workspace)}.core-flow-page__title{margin:0 0 var(--space-2xl);color:var(--color-text-primary);font-size:clamp(var(--font-size-card), 3vw, var(--font-size-section));font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);overflow-wrap:anywhere}.page-header{margin:0 0 var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:var(--border-width) solid var(--color-border-default);justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.page-header__left{align-items:center;gap:var(--space-md);min-width:0;display:flex}.page-header__icon-box{width:var(--header-hero-icon-size,48px);height:var(--header-hero-icon-size,48px);border-radius:var(--header-hero-icon-radius,14px);background:var(--header-hero-icon-bg);border:var(--border-width) solid var(--header-hero-icon-border);color:var(--header-hero-icon-color);box-shadow:var(--header-hero-icon-shadow);flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-header__icon-box svg{width:24px;height:24px}.page-header__text-group{flex-direction:column;gap:2px;min-width:0;display:flex}.page-header__title{color:var(--color-text-primary);font-size:clamp(1.35rem,1.2rem + .75vw,1.75rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0}.page-header__subtitle{font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:var(--line-height-small);margin:0}.page-header__metrics{gap:var(--space-sm);flex-wrap:wrap;flex-shrink:0;display:flex}.page-header__stat-chip{background:var(--header-stat-chip-bg);border:var(--border-width) solid var(--header-stat-chip-border);border-radius:var(--header-stat-chip-radius);box-shadow:var(--header-stat-chip-shadow);flex-direction:column;gap:2px;padding:6px 14px;display:flex}.page-header__stat-label{color:var(--color-text-secondary);font-size:11px;font-weight:var(--font-weight-medium);line-height:1}.page-header__stat-value{color:var(--color-action-primary);font-size:13px;font-weight:var(--font-weight-bold);line-height:1.2}@media (width<=767px){.page-header{align-items:flex-start;gap:var(--space-md);padding-bottom:var(--space-md);flex-direction:column}.page-header__icon-box{border-radius:12px;width:40px;height:40px}.page-header__icon-box svg{width:20px;height:20px}.page-header__metrics{width:100%}.page-header__stat-chip{align-items:center;gap:var(--space-sm);flex-direction:row;padding:4px 10px}}.core-flow-page__action-slot{z-index:50;background:var(--color-surface);border-top:var(--border-width) solid var(--color-border-default);scrollbar-gutter:stable both-edges;flex:none;width:100%;position:relative;overflow:hidden}@media (width<=767px){.core-flow-page__action-slot{bottom:var(--floating-bar-bottom,16px);padding:0 var(--layout-page-padding-inline);box-sizing:border-box;pointer-events:none;scrollbar-gutter:auto;background:0 0;border-top:none;justify-content:center;display:flex;position:absolute;left:0;right:0;overflow:visible}}.core-flow-page__action-inner{width:100%;max-width:var(--container-form);pointer-events:auto;margin:0 auto}.app-shell{height:100%;min-height:0;color:var(--color-text-primary);font-family:var(--font-family-body,sans-serif);background:var(--color-bg);flex-direction:column;display:flex}.app-shell__header{z-index:40;background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border-default);position:sticky;top:0}.app-shell__header-title{padding:var(--space-lg) var(--layout-page-padding-inline);text-align:center}.app-shell__title{font-size:var(--font-size-card);font-weight:var(--font-weight-bold);margin:0}.app-shell__navigation{border-top:var(--border-width) solid var(--color-border-muted)}.app-shell__main{width:100%;min-height:0;max-width:var(--container-form);padding:var(--layout-page-padding-block) var(--layout-page-padding-inline);box-sizing:border-box;flex:1;margin:0 auto;overflow:hidden auto}.app-shell__main--with-action-bar{padding-bottom:var(--layout-page-padding-block)}.app-shell--wide .app-shell__main,.app-shell--wide .app-shell__action-inner{max-width:var(--container-workspace)}.app-shell__action-slot{z-index:50;pointer-events:none;flex:none;width:100%;position:relative}.app-shell__action-inner{width:100%;max-width:var(--container-form);pointer-events:auto;margin:0 auto}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.page-section-stack{gap:var(--space-2xl);display:grid}.mode-selector{box-sizing:border-box;background:var(--color-bg);flex-direction:column;height:100%;min-height:0;display:flex}.mode-selector__header{padding:var(--space-lg) var(--layout-page-padding-inline);border-bottom:var(--border-width) solid var(--color-border-default);background:var(--color-surface);text-align:center;flex:none}.mode-selector__title,.mode-selector__heading{color:var(--color-text-primary);font-weight:var(--font-weight-bold);margin:0}.mode-selector__title{font-size:var(--font-size-card)}.mode-selector__main{width:100%;min-height:0;max-width:var(--container-workspace);padding:var(--layout-page-padding-block) var(--layout-page-padding-inline);box-sizing:border-box;flex:1;margin:0 auto;overflow-y:auto}.mode-selector__heading{margin-bottom:var(--space-lg);font-size:var(--font-size-body)}.mode-selector__footer{padding:var(--space-lg) var(--layout-page-padding-inline);border-top:var(--border-width) solid var(--color-border-default);background:var(--color-surface);flex:none}.mode-selector__footer-content{gap:var(--space-md);width:100%;max-width:var(--container-workspace);flex-direction:column;margin:0 auto;display:flex}.mode-selector__action{width:100%;min-height:var(--touch-target-min);box-sizing:border-box;padding:var(--space-md) var(--space-lg);border-radius:var(--component-button-radius);font-size:var(--component-button-font-size);font-weight:var(--component-button-font-weight);cursor:pointer}.mode-selector__action--primary{background:var(--color-action-primary);color:var(--color-text-inverse);transition:background-color var(--motion-duration-fast) var(--motion-timing);border:none}.mode-selector__action--secondary{border:var(--border-width) solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-primary)}.mode-selector__action:disabled{background:var(--color-action-disabled);color:var(--color-text-disabled);cursor:not-allowed}.mode-selector__action--secondary:disabled{border-color:var(--color-border-default)}.btn{justify-content:center;align-items:center;gap:var(--component-button-gap,var(--space-sm));box-sizing:border-box;border-radius:var(--component-button-radius,var(--radius-button));font-family:inherit;font-weight:var(--component-button-font-weight,var(--font-weight-semibold));line-height:var(--line-height-tight);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--motion-duration-fast) var(--motion-timing), color var(--motion-duration-fast) var(--motion-timing), border-color var(--motion-duration-fast) var(--motion-timing), box-shadow var(--motion-duration-fast) var(--motion-timing), transform var(--motion-duration-fast) var(--motion-timing), opacity var(--motion-duration-fast) var(--motion-timing);text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:var(--disabled-opacity,.55)}.btn--sm{min-height:var(--control-height-sm,36px);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-small)}.btn--md{min-height:var(--touch-target-min,44px);padding:var(--space-sm) var(--component-button-padding-x,18px);font-size:var(--component-button-font-size,var(--font-size-button))}.btn--lg{min-height:var(--control-height-lg);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-body)}.btn--full-width{width:100%}.btn--icon-only{width:var(--touch-target-min,44px);height:var(--touch-target-min,44px);min-height:var(--touch-target-min,44px);border-radius:50%;flex-shrink:0;padding:0}.btn--icon-only.btn--sm{width:var(--control-height-sm,36px);height:var(--control-height-sm,36px);min-height:var(--control-height-sm,36px)}.btn--primary{background-color:var(--color-action-primary);color:var(--color-text-inverse);border:none}.btn--primary:hover:not(:disabled){background-color:var(--color-action-primary-hover);box-shadow:var(--shadow-control-hover)}.btn--secondary{background-color:var(--color-action-secondary-subtle);color:var(--color-text-primary);border:none}.btn--secondary:hover:not(:disabled){background-color:var(--color-action-secondary-subtle-hover)}.btn--secondary-solid{background-color:var(--color-action-secondary);color:var(--color-text-inverse);border:none}.btn--secondary-solid:hover:not(:disabled){background-color:var(--color-action-secondary-hover)}.btn--ghost{color:var(--color-action-primary);background-color:#0000;border:none}.btn--ghost:hover:not(:disabled){background-color:var(--color-action-secondary-subtle)}.btn--danger{background-color:var(--color-action-danger);color:var(--color-text-inverse);border:none}.btn--danger:hover:not(:disabled){background-color:var(--color-action-danger-hover)}.btn--danger-outline{color:var(--color-action-danger);border:var(--border-width) solid var(--color-action-danger);background-color:#0000}.btn--danger-outline:hover:not(:disabled){background-color:var(--color-status-error-bg)}.btn--outline{background-color:var(--color-surface);color:var(--color-text-primary);border:var(--border-width) solid var(--color-border-default)}.btn--outline:hover:not(:disabled){background-color:var(--color-action-secondary-subtle)}.btn__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn__spinner{flex-shrink:0;animation:1s linear infinite status-feedback-spin}.ingredient-input-page__title{margin-bottom:var(--space-lg)}.ingredient-input-page__description,.ingredient-input-page__actions{margin-left:0;margin-right:0}.ingredient-input-page__actions{margin-top:var(--space-4xl)}.ingredient-input-page__next-action{align-items:center;gap:var(--component-button-gap);max-width:100%;min-height:var(--touch-target-min);box-sizing:border-box;padding:var(--space-md) var(--space-lg);border-radius:var(--component-button-radius);background:var(--color-action-primary);color:var(--color-text-inverse);font:inherit;font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer;border:none;display:inline-flex}.ingredient-input-page__next-action>span{overflow-wrap:anywhere;min-width:0}.primary-action-bar{gap:var(--space-sm);width:100%;padding:var(--space-lg) var(--layout-page-padding-inline);box-sizing:border-box;background:var(--color-surface);flex-wrap:wrap;display:flex}.primary-action-bar--sticky{padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,var(--layout-safe-bottom)));border-top:var(--border-width) solid var(--color-border-default);box-shadow:var(--shadow-soft);position:sticky;bottom:0}.primary-action-bar__button{min-width:0;min-height:var(--touch-target-min);box-sizing:border-box;padding:var(--space-md) var(--space-lg);border-radius:var(--component-button-radius);font-size:var(--component-button-font-size);font-weight:var(--component-button-font-weight);text-align:center;cursor:pointer;transition:opacity var(--motion-duration-fast) var(--motion-timing);flex:240px}.primary-action-bar__button:disabled{cursor:not-allowed}.primary-action-bar__content{justify-content:center;align-items:center;gap:var(--component-button-gap);max-width:100%;display:inline-flex}.primary-action-bar__label{overflow-wrap:anywhere}@media (width>=768px){.mode-selector__footer-content{flex-direction:row}.mode-selector__action{flex:1 1 0}}@media (width<=767px){.primary-action-bar{padding:var(--floating-bar-padding-y,var(--space-2)) var(--floating-bar-padding-x,var(--space-3));gap:var(--floating-bar-gap,var(--space-2));background:var(--color-surface-glass);-webkit-backdrop-filter:blur(var(--backdrop-blur-glass));border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-floating-bar,20px);box-shadow:var(--shadow-floating-bar);box-sizing:border-box;flex-direction:column}.primary-action-bar__button{border-radius:var(--radius-floating-button,14px);width:100%;padding:var(--space-3) var(--space-4);min-height:44px;font-size:var(--font-size-body);flex-basis:auto}.primary-action-bar__button--secondary{background:var(--color-action-secondary-subtle)!important;color:var(--color-text-primary)!important;border:none!important}.primary-action-bar__button--secondary:hover:not(:disabled){background:var(--color-action-secondary-subtle-hover)!important}.primary-action-bar__button--ghost{color:var(--color-action-primary)!important;background:0 0!important;border:none!important}.primary-action-bar__button--ghost:hover:not(:disabled){background:var(--color-action-secondary-subtle)!important}}.inventory-page__layout{gap:var(--space-2xl);grid-template-columns:1fr;display:grid}.inventory-page__sidebar,.inventory-page__main-list{gap:var(--space-xl);flex-direction:column;display:flex}.inventory-list-panel{background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-card,16px);padding:var(--space-lg);box-sizing:border-box;gap:var(--space-md);flex-direction:column;width:100%;min-width:0;display:flex;container-type:inline-size}.inventory-list-panel__header{min-height:var(--control-height-sm);box-sizing:border-box;justify-content:space-between;align-items:center;display:flex}.inventory-list-panel__meta{align-items:center;gap:var(--space-xs);display:flex}.inventory-list-panel__dirty-badge{font-size:var(--font-size-caption);color:var(--color-action-primary);font-weight:var(--font-weight-semibold)}.inventory-list-panel__empty{margin-bottom:var(--space-md)}.inventory-list-panel__fieldset{border:none;width:100%;min-width:0;margin:0;padding:0}.inventory-list{box-sizing:border-box;flex-direction:column;width:100%;min-width:0;margin:0;padding:0;list-style:none;display:flex}.inventory-list__row{gap:var(--space-xs);padding:var(--component-row-padding-y,var(--space-sm)) var(--space-xs);border-bottom:var(--border-width) solid var(--color-border-default);box-sizing:border-box;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;transition:background-color .15s;display:grid}.inventory-list__summary{gap:var(--space-xs);grid-template-columns:minmax(0,1fr);width:100%;min-width:0;display:grid}.inventory-list__row:last-child{border-bottom:none}@media (hover:hover){.inventory-list__row:hover{background-color:var(--color-surface-muted);border-radius:var(--radius-small)}}.inventory-list__row--editing{background-color:var(--color-surface-muted);border-radius:var(--radius-small);padding:var(--space-sm)}.inventory-list__name{width:100%;min-width:0}.inventory-list__name-group{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.inventory-list__name-text{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-ink);overflow-wrap:anywhere;word-break:break-word;flex:auto;min-width:0}.inventory-list__name-edit-row{width:100%;min-width:0}.inventory-list__name-edit{align-items:center;column-gap:var(--space-xs);row-gap:var(--space-2xs);grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0;display:grid}.inventory-list__name-input{width:100%;min-width:0;height:var(--component-input-height);padding:0 var(--component-input-padding-x);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-ink);background-color:var(--component-input-bg);border:var(--border-width) solid var(--component-input-border);border-radius:var(--component-input-radius);box-sizing:border-box}.inventory-list__name-input:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.inventory-list__name-input--error{border-color:var(--color-action-danger)}.inventory-list__name-edit-actions{align-items:center;gap:var(--space-2xs);flex-wrap:nowrap;flex-shrink:0;display:flex}.inventory-list__name-error{font-size:var(--font-size-caption);color:var(--color-action-danger);margin-top:var(--space-2xs);grid-column:1/-1}.inventory-list__controls{align-items:center;gap:var(--space-xs);width:100%;min-width:0;display:flex}.inventory-list__level{flex-shrink:0}.inventory-list__level-select{height:var(--component-input-height);padding:0 var(--space-sm);font-size:var(--font-size-small);color:var(--color-ink);background-color:var(--component-input-bg);border:var(--border-width) solid var(--component-input-border);border-radius:var(--component-input-radius);box-sizing:border-box;min-width:80px}.inventory-list__level-select:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.inventory-list__note{flex:1;min-width:0}.inventory-list__note-input{width:100%;height:var(--component-input-height);padding:0 var(--space-sm);font-size:var(--font-size-small);color:var(--color-ink);background-color:var(--component-input-bg);border:var(--border-width) solid var(--component-input-border);border-radius:var(--component-input-radius);box-sizing:border-box}.inventory-list__note-input:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.inventory-list__actions{flex-shrink:0}@container (width>=36rem){.inventory-list__row{align-items:center;column-gap:var(--space-md);padding:var(--space-sm) var(--space-xs);grid-template-columns:minmax(12rem,1fr) minmax(0,2fr);row-gap:0}.inventory-list__summary{display:contents}.inventory-list__name{grid-area:1/1;min-width:0}.inventory-list__controls{grid-area:1/2;align-self:start;min-width:0}.inventory-list__note{flex:10rem}.inventory-list__name-edit-row{z-index:1;grid-area:1/1}.inventory-list__row--editing .inventory-list__name-group{visibility:hidden}}.inventory-column-header{min-height:var(--control-height-sm);height:var(--control-height-sm);box-sizing:border-box;justify-content:space-between;align-items:center;display:flex}.inventory-column-title{align-items:center;gap:var(--space-sm);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-ink);margin:0;line-height:1;display:flex}.inventory-column-icon{width:var(--component-icon-size);height:var(--component-icon-size);color:var(--color-action-primary);flex-shrink:0}.inventory-column-badge{padding:var(--space-2xs) var(--space-sm);font-size:var(--font-size-badge);font-weight:var(--font-weight-semibold);color:var(--color-muted);background:var(--color-surface-muted);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-button);align-items:center;display:inline-flex}.inventory-column-badge--accent{color:var(--color-action-primary);background:var(--color-status-success-bg);border-color:var(--color-status-success)}.inventory-page__subtitle{margin:calc(var(--space-md) * -1) 0 var(--space-2xl) 0;font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:var(--line-height-small)}@media (width>=1024px){.inventory-page__layout{grid-template-columns:360px 1fr;align-items:start}.inventory-page__sidebar{top:var(--space-lg);position:sticky}}.inventory-narrow-tabs{z-index:var(--z-index-sticky,10);background-color:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border-default);margin-bottom:var(--space-lg);padding:var(--space-xs) 0;gap:var(--space-xs);display:flex;position:sticky;top:0}@media (width>=1024px){.inventory-narrow-tabs{display:none}}.inventory-narrow-tab{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border:none;border-bottom:var(--space-2xs) solid transparent;cursor:pointer;min-height:var(--touch-target-min,44px);box-sizing:border-box;background:0 0;flex:1;transition:color .15s,border-color .15s;display:flex}.inventory-narrow-tab:hover{color:var(--color-ink)}.inventory-narrow-tab--active{color:var(--color-action-primary);font-weight:var(--font-weight-bold);border-bottom-color:var(--color-action-primary)}.inventory-narrow-tab:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-2px}.inventory-narrow-tab-badge{font-size:var(--font-size-badge);font-weight:var(--font-weight-semibold);border-radius:var(--radius-button);background-color:var(--color-surface-muted);color:var(--color-text-secondary);align-items:center;padding:1px 6px;display:inline-flex}.inventory-narrow-tab--active .inventory-narrow-tab-badge{background-color:var(--color-status-success-bg);color:var(--color-action-primary)}@media (width<=1023px){.inventory-page__layout--tab-staging .inventory-page__main-list,.inventory-page__layout--tab-inventory .inventory-page__sidebar{display:none}}@media (width>=1024px){.inventory-page__layout--tab-staging .inventory-page__main-list,.inventory-page__layout--tab-inventory .inventory-page__sidebar{display:flex}}.registration-method-triggers{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background-color:var(--color-surface-muted);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-control);flex-direction:column;display:flex}.registration-method-triggers__label{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.registration-method-triggers__group{gap:var(--space-sm);flex-wrap:wrap;display:flex}.registration-method-trigger{min-width:130px;min-height:var(--touch-target-min,44px);justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-ink);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-default);border-radius:var(--radius-button);cursor:pointer;box-sizing:border-box;flex:1;transition:all .15s;display:inline-flex}.registration-method-trigger:hover{background-color:var(--color-surface-hover,var(--color-surface));border-color:var(--color-action-primary)}.registration-method-trigger--active{background-color:var(--color-status-info-bg);border-color:var(--color-action-primary);color:var(--color-action-primary)}.registration-method-trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.registration-method-trigger__badge{font-size:var(--font-size-badge);font-weight:var(--font-weight-semibold);border-radius:var(--radius-button);background-color:var(--color-action-primary);color:var(--color-text-inverse);margin-left:var(--space-xs);white-space:nowrap;flex-shrink:0;padding:1px 6px;line-height:1.4}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mode-selection__content{width:100%;max-width:var(--container-form);min-width:0;margin:0 auto}.mode-inventory-context{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--component-card-padding);background-color:var(--component-card-bg);border:var(--border-width) solid var(--component-card-border);border-radius:var(--component-card-radius);margin-bottom:var(--space-lg);flex-wrap:wrap;min-width:0;display:flex}.mode-inventory-context__info{flex:240px;min-width:0}.mode-inventory-context__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs);flex-wrap:wrap;display:flex}.mode-inventory-context__label{font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.mode-inventory-context__count{font-size:var(--font-size-small);color:var(--color-action-primary);font-weight:var(--font-weight-bold)}.mode-inventory-context__summary{font-size:var(--font-size-small);color:var(--color-text-secondary);overflow-wrap:anywhere;margin:0}.mode-inventory-context__action{flex-shrink:0}.mode-selection__header{margin-bottom:var(--space-xl)}.mode-selection__title{font-size:var(--font-size-section);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-sm) 0}.mode-selection__description{font-size:var(--font-size-small);color:var(--color-text-secondary);margin:0 0 var(--space-lg) 0}.mode-selector__grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--layout-card-min-width,280px)), 1fr));gap:var(--space-lg);min-width:0;display:grid}.mode-option-card{width:100%;padding:var(--component-card-padding);border-radius:var(--component-card-radius);border:var(--border-width) solid var(--component-card-border);background-color:var(--component-card-bg);cursor:pointer;text-align:left;box-sizing:border-box;min-width:0;min-height:var(--touch-target-min,44px);transition:all var(--motion-duration-fast) var(--motion-timing);display:block;position:relative}.mode-option-card:hover:not([data-disabled]){border-color:var(--color-border-selected);background-color:var(--color-surface)}.mode-option-card[data-state=checked]{border:var(--focus-ring-width,2px) solid var(--component-card-selected-border,var(--color-action-primary));background-color:var(--component-card-selected-bg,var(--color-surface))}.mode-option-card[data-disabled],.mode-option-card:disabled{cursor:not-allowed;background-color:var(--color-surface-disabled);opacity:var(--disabled-opacity,.55)}.mode-option-card:focus-visible{outline:var(--focus-ring-width,2px) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset,2px)}.mode-option-card__inner{align-items:center;gap:var(--component-card-gap,var(--space-md));min-width:0;display:flex}.mode-option-card__radio-circle{width:var(--space-xl);height:var(--space-xl);border:var(--focus-ring-width,2px) solid var(--color-border-strong);box-sizing:border-box;background-color:var(--color-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mode-option-card[data-state=checked] .mode-option-card__radio-circle{border-color:var(--color-action-primary)}.mode-option-card__indicator{width:var(--component-radio-indicator-size,10px);height:var(--component-radio-indicator-size,10px);background-color:var(--color-action-primary);border-radius:50%}.mode-option-card__content{flex:auto;min-width:0}.mode-option-card__label{font-size:var(--font-size-body);color:var(--color-text-primary);font-weight:var(--font-weight-bold);overflow-wrap:anywhere;margin:0;display:block}.mode-option-card__description{margin:var(--space-xs) 0 0 0;font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:var(--line-height-small);overflow-wrap:anywhere}.recommendation-page{container-type:inline-size}.recommendation-page__layout{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.recommendation-page__main,.recommendation-page__sidebar{gap:var(--space-xl);flex-direction:column;min-width:0;display:flex}.cooking-complete-action__desktop-actions{display:none}@container (width>=56rem){.recommendation-page__layout{grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);align-items:start}.recommendation-page__sidebar{top:var(--space-lg);position:sticky}.cooking-complete-action__desktop-actions{gap:var(--space-sm);margin-top:var(--space-lg);flex-direction:column;display:flex}}@media (width>=1024px){.core-flow-page--no-desktop-action .core-flow-page__action-slot{display:none}.cooking-complete-action__desktop-actions{gap:var(--space-sm);margin-top:var(--space-lg);flex-direction:column;display:flex}}.recommendation-panel{background-color:var(--component-card-bg);border-radius:var(--radius-card,var(--radius-control));border:var(--border-width) solid var(--color-border-default);box-shadow:var(--shadow-soft);padding:var(--space-lg);box-sizing:border-box;min-width:0}.recommendation-panel__header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.recommendation-panel__title{font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-ink);align-items:center;gap:var(--space-sm);margin:0;display:flex}.recommendation-panel__title--hero{font-size:var(--font-size-card)}.recommendation-panel__icon{width:var(--component-icon-size);height:var(--component-icon-size);color:var(--color-action-primary);flex-shrink:0}.recommendation-panel__body{color:var(--color-text-primary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0}.recommendation-panel__description{margin:var(--space-sm) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body)}.recommendation-panel__meta{gap:var(--space-md);margin-top:var(--space-md);margin-bottom:var(--space-lg);font-size:var(--font-size-small);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.recommendation-panel__meta-item{gap:var(--space-xs);display:inline-flex}.recommendation-panel__section{margin-top:var(--space-lg)}.recommendation-panel__section-title{margin:0 0 var(--space-sm);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-ink)}.recommendation-panel__list{padding-left:var(--space-lg);color:var(--color-text-primary);margin:0}.recommendation-panel__list-item{margin-bottom:var(--space-sm)}.recommendation-panel__list-item:last-child{margin-bottom:0}.recommendation-panel__status{padding:var(--space-lg);border-radius:var(--radius-control);border:var(--border-width) solid var(--color-border-default);margin-top:var(--space-md)}.recommendation-panel__status--success{background-color:var(--color-status-success-bg);border-color:var(--color-status-success)}.recommendation-panel__status--warning{background-color:var(--color-status-warning-bg);border-color:var(--color-status-warning)}.recommendation-panel__status--fallback{background-color:var(--color-status-fallback-bg);border-color:var(--color-status-fallback);color:var(--color-status-fallback);padding:var(--space-md);font-size:var(--font-size-small)}.recommendation-panel__status-title{margin:0 0 var(--space-md);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-ink)}.recommendation-panel__status-message{color:var(--color-text-primary);margin:0}.recommendation-panel__notice{color:var(--color-status-warning);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);margin:0}.recommendation-panel__source{margin:var(--space-md) 0 0;font-size:var(--font-size-small);color:var(--color-status-fallback)}.recommendation-panel__action{margin-top:var(--space-lg)}.app{padding:var(--layout-page-padding-inline)}@keyframes status-feedback-spin{to{transform:rotate(360deg)}}.status-feedback__spinner{animation:1s linear infinite status-feedback-spin}.inventory-detail-sheet__overlay{z-index:1000;background-color:var(--color-overlay);position:fixed;inset:0}.inventory-detail-sheet__content{background-color:var(--color-surface);border-top-left-radius:var(--radius-card);border-top-right-radius:var(--radius-card);width:100%;max-height:100dvh;box-shadow:var(--shadow-dialog);z-index:1001;flex-direction:column;display:flex;position:fixed;inset-block-end:0;inset-inline:0}@media (width>=1024px){.inventory-detail-sheet__content{border-top-left-radius:var(--radius-card);border-bottom-left-radius:var(--radius-card);border-top-right-radius:0;border-bottom-right-radius:0;width:min(100%,480px);height:100dvh;max-height:100dvh;inset-block:0;inset-inline:auto 0}}.inventory-detail-sheet__header{padding:var(--space-xl) var(--space-xl) var(--space-md);border-bottom:1px solid var(--color-border-muted);justify-content:space-between;align-items:flex-start;display:flex;position:relative}.inventory-detail-sheet__title{font-size:var(--font-size-card);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.inventory-detail-sheet__description{margin:var(--space-xs) 0 0;font-size:var(--font-size-small);color:var(--color-text-secondary)}.inventory-detail-sheet__close-btn{margin-left:var(--space-md);flex-shrink:0}.inventory-detail-sheet__form{flex-direction:column;flex:auto;min-height:0;display:flex}.inventory-detail-sheet__body{padding:var(--space-xl);gap:var(--space-lg);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.inventory-detail-sheet__field{gap:var(--space-xs);flex-direction:column;display:flex}.inventory-detail-sheet__label{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.inventory-detail-sheet__input,.inventory-detail-sheet__select{width:100%;height:var(--component-input-height);min-height:var(--touch-target-min);padding:0 var(--component-input-padding-x);border:1px solid var(--component-input-border);border-radius:var(--component-input-radius);background-color:var(--component-input-bg);font-size:var(--font-size-body);color:var(--color-text-primary);box-sizing:border-box}.inventory-detail-sheet__input:focus-visible,.inventory-detail-sheet__select:focus-visible{border-color:var(--component-input-border-focus);box-shadow:0 0 0 var(--focus-ring-width) var(--color-focus-ring);outline:none}.inventory-detail-sheet__input--error{border-color:var(--component-input-invalid-border)}.inventory-detail-sheet__field-error{margin:var(--space-xs) 0 0;font-size:var(--font-size-small);color:var(--color-status-error)}.inventory-detail-sheet__conflict-banner{padding:var(--space-md);border-radius:var(--radius-control);border:1px solid var(--color-status-error);background-color:var(--color-surface-error);color:var(--color-status-error);font-size:var(--font-size-small)}.inventory-detail-sheet__conflict-message{line-height:var(--line-height-body);margin:0}.inventory-detail-sheet__discard-warning{padding:var(--space-md);border-radius:var(--radius-control);border:1px solid var(--color-border-strong);background-color:var(--color-surface-warning);gap:var(--space-sm);flex-direction:column;display:flex}.inventory-detail-sheet__discard-message{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.inventory-detail-sheet__discard-actions{gap:var(--space-sm);justify-content:flex-end;display:flex}.inventory-detail-sheet__footer{justify-content:flex-end;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);padding-bottom:max(var(--space-lg), env(safe-area-inset-bottom,0px));border-top:1px solid var(--color-border-default);background-color:var(--color-surface);flex:none;display:flex}@media (prefers-reduced-motion:reduce){:root{--motion-duration:var(--motion-duration-reduced);--motion-duration-fast:var(--motion-duration-reduced);--motion-duration-slow:var(--motion-duration-reduced);--motion-scale:1}*,:before,:after{animation-duration:var(--motion-duration-reduced)!important;scroll-behavior:auto!important;transition-duration:var(--motion-duration-reduced)!important;animation-iteration-count:1!important}}