:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-pressed: #1e40af;--color-primary-disabled: #cbd5e1;--color-on-primary: #ffffff;--color-secondary: #7c3aed;--color-secondary-hover: #6d28d9;--color-secondary-pressed: #5b21b6;--color-background: #f8fafc;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-surface-pressed: #e2e8f0;--color-text: #0f172a;--color-text-secondary: #475569;--color-text-disabled: #cbd5e1;--color-text-placeholder: #94a3b8;--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--color-border-focus: #3b82f6;--color-accent: #0891b2;--color-error: #dc2626;--color-error-hover: #b91c1c;--color-success: #16a34a;--color-warning: #ea580c;--color-overlay: rgb(0 0 0 / 45%);--shadow-color: 15 23 42;--shadow-subtle: 0 1px 2px rgb(var(--shadow-color) / 6%);--shadow-normal: 0 2px 8px rgb(var(--shadow-color) / 12%);--shadow-elevated: 0 8px 24px rgb(var(--shadow-color) / 18%);--color-source-ciqual: #15803d;--color-source-off: #1d4ed8;--color-source-manual: #c2410c;--color-source-lidl: #c2410c;--color-nutrient-energy: #f1b40e;--color-nutrient-fats: #fda406;--color-nutrient-saturated: #da4a35;--color-nutrient-carbs: #509938;--color-nutrient-sugars: #07a0aa;--color-nutrient-fiber: #7cc04c;--color-nutrient-proteins: #0b6bbb;--color-nutrient-salt: #7145a7;--color-toast-bg: #1f2937;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;--font-size-xs: .625rem;--font-size-sm: .6875rem;--font-size-md: .8125rem;--font-size-lg: .9375rem;--font-size-xl: 1.125rem;--font-size-title: 1.375rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-full: 9999px;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--easing-standard: cubic-bezier(.33, 1, .68, 1);--easing-enter: cubic-bezier(.25, .46, .45, .94);--easing-exit: cubic-bezier(.55, .06, .68, .19);--control-height-sm: 28px;--control-height-md: 36px;--control-height-lg: 44px;--header-height: 56px;--tabbar-height: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-pressed: #2563eb;--color-primary-disabled: #475569;--color-secondary: #a78bfa;--color-secondary-hover: #c4b5fd;--color-secondary-pressed: #8b5cf6;--color-background: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-surface-pressed: #475569;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-disabled: #94a3b8;--color-text-placeholder: #64748b;--color-border: #334155;--color-border-hover: #475569;--color-border-focus: #60a5fa;--color-accent: #22d3ee;--color-error: #f87171;--color-error-hover: #fca5a5;--color-success: #4ade80;--color-warning: #fbbf24;--shadow-color: 0 0 0;--shadow-subtle: 0 1px 2px rgb(var(--shadow-color) / 35%);--shadow-normal: 0 2px 8px rgb(var(--shadow-color) / 50%);--shadow-elevated: 0 8px 24px rgb(var(--shadow-color) / 65%)}}:root[data-theme=dark]{--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-primary-pressed: #2563eb;--color-primary-disabled: #475569;--color-secondary: #a78bfa;--color-secondary-hover: #c4b5fd;--color-secondary-pressed: #8b5cf6;--color-background: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-surface-pressed: #475569;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-disabled: #94a3b8;--color-text-placeholder: #64748b;--color-border: #334155;--color-border-hover: #475569;--color-border-focus: #60a5fa;--color-accent: #22d3ee;--color-error: #f87171;--color-error-hover: #fca5a5;--color-success: #4ade80;--color-warning: #fbbf24;--shadow-color: 0 0 0;--shadow-subtle: 0 1px 2px rgb(var(--shadow-color) / 35%);--shadow-normal: 0 2px 8px rgb(var(--shadow-color) / 50%);--shadow-elevated: 0 8px 24px rgb(var(--shadow-color) / 65%)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}@media(min-width:768px){html{font-size:13px}}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-lg);line-height:1.5;color:var(--color-text);background:var(--color-background);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{display:flex;flex-direction:column;min-height:100dvh}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);height:calc(var(--header-height) + var(--safe-top));padding:var(--safe-top) var(--space-lg) 0;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-header__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.app-header__actions{display:flex;gap:var(--space-xs)}.icon-button{display:grid;place-items:center;width:var(--control-height-lg);height:var(--control-height-lg);font-size:var(--font-size-lg);text-decoration:none;background:transparent;border:0;border-radius:var(--radius-full);transition:background var(--duration-fast) var(--easing-standard)}.icon-button:hover{background:var(--color-surface-hover)}.icon-button:active{background:var(--color-surface-pressed)}.app-main{flex:1;padding-bottom:calc(var(--tabbar-height) + var(--safe-bottom))}.screen{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);margin:0 auto;max-width:720px}.card{padding:var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle)}.card__title{margin:0 0 var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.card__lead{margin:0;color:var(--color-text-secondary)}.card__list{margin:var(--space-md) 0 0;padding-left:var(--space-lg);color:var(--color-text-secondary)}.card__list li+li{margin-top:var(--space-xs)}.kv{display:grid;grid-template-columns:auto 1fr;gap:var(--space-xs) var(--space-lg);margin:var(--space-md) 0 0}.kv dt{color:var(--color-text-secondary)}.kv dd{margin:0;font-variant-numeric:tabular-nums;text-align:right}.status{margin:0;font-weight:var(--font-weight-medium)}.status--ok{color:var(--color-success)}.status--error{color:var(--color-error)}.tabbar{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--tabbar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-surface);border-top:1px solid var(--color-border)}.tabbar__item{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--easing-standard)}.tabbar__item--active{color:var(--color-primary)}.tabbar__icon{font-size:1.25rem;line-height:1}.tabbar__label{font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}@media(max-width:340px){.tabbar__label{display:none}}.button{min-height:var(--control-height-lg);padding:0 var(--space-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);border:1px solid transparent;border-radius:var(--radius-md);transition:background var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard)}.button--primary{color:var(--color-on-primary);background:var(--color-primary)}.button--primary:active{background:var(--color-primary-pressed)}.button--secondary{margin-top:var(--space-md);color:var(--color-primary);background:transparent;border-color:var(--color-border)}.button--secondary:active{background:var(--color-surface-pressed)}.week-picker{display:grid;grid-template-columns:var(--control-height-lg) 1fr var(--control-height-lg);align-items:center;padding:var(--space-xs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.week-picker__arrow{height:var(--control-height-lg);font-size:var(--font-size-xl);color:var(--color-text-secondary);background:transparent;border:0;border-radius:var(--radius-md)}.week-picker__arrow:active{background:var(--color-surface-pressed)}.week-picker__label{display:flex;flex-direction:column;gap:1px;align-items:center;padding:var(--space-xs);background:transparent;border:0;border-radius:var(--radius-md)}.week-picker__label:disabled{cursor:default;opacity:1}.week-picker__week{font-weight:var(--font-weight-semibold)}.week-picker__year{font-size:var(--font-size-md);color:var(--color-text-secondary)}.screen--shopping{padding-bottom:calc(var(--space-lg) + 72px)}.shopping-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.shopping-section__header{position:sticky;top:calc(var(--header-height) + var(--safe-top));z-index:5;margin:0;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);background:var(--color-surface-hover);border-bottom:1px solid var(--color-border)}.shopping-list{margin:0;padding:0;list-style:none}.shopping-row+.shopping-row{border-top:1px solid var(--color-border)}.shopping-row__label{display:flex;gap:var(--space-md);align-items:center;min-height:56px;padding:var(--space-sm) var(--space-lg);cursor:pointer}.shopping-row__checkbox{flex:none;width:24px;height:24px;accent-color:var(--color-primary)}.shopping-row__body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.shopping-row__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shopping-row__meta{display:flex;gap:var(--space-sm);align-items:center;font-size:var(--font-size-md);color:var(--color-text-secondary)}.shopping-row__cost{flex:none;font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.shopping-row--checked .shopping-row__name{color:var(--color-text-secondary);text-decoration:line-through}.shopping-row--checked{background:var(--color-surface-hover)}.badge{padding:1px var(--space-sm);font-size:var(--font-size-xs);border-radius:var(--radius-full);white-space:nowrap}.badge--pantry{color:var(--color-on-primary);background:var(--color-success)}.shopping-footer{position:fixed;right:0;bottom:calc(var(--tabbar-height) + var(--safe-bottom));left:0;z-index:15;display:flex;gap:var(--space-lg);align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-normal)}.shopping-footer__totals{display:flex;flex-direction:column;min-width:0}.shopping-footer__amount{font-size:var(--font-size-xl);font-variant-numeric:tabular-nums}.shopping-footer__detail{font-size:var(--font-size-md);color:var(--color-text-secondary)}@media(min-width:720px){.shopping-footer{right:auto;left:50%;width:720px;transform:translate(-50%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}}.skeleton-row{display:flex;gap:var(--space-md);align-items:center;padding:var(--space-sm) 0}.skeleton{background:var(--color-surface-hover);border-radius:var(--radius-sm);animation:skeleton-pulse 1.4s var(--easing-standard) infinite}.skeleton--box{flex:none;width:24px;height:24px}.skeleton--line{height:14px;flex:1}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.search-field{width:100%;min-height:var(--control-height-lg);padding:0 var(--space-md);font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.search-field::placeholder{color:var(--color-text-placeholder)}.search-field:focus{border-color:var(--color-border-focus);outline:none}.list-count{margin:0;font-size:var(--font-size-md);color:var(--color-text-secondary)}.text-error{color:var(--color-error)}.row-list{margin:0;padding:0;list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.row-list--flush{background:transparent;border:0;border-radius:0}.row+.row,.row-list>li+li{border-top:1px solid var(--color-border)}.row__link,.row--static{display:flex;gap:var(--space-md);align-items:center;min-height:56px;padding:var(--space-sm) var(--space-lg);color:inherit;text-decoration:none}.row__link:active{background:var(--color-surface-pressed)}.row__body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.row__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;font-size:var(--font-size-md);color:var(--color-text-secondary)}.row__value{flex:none;font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.row__chevron{flex:none;font-size:var(--font-size-xl);color:var(--color-text-placeholder)}.badge--source{color:#fff;font-weight:var(--font-weight-medium)}.badge--ciqual{background:var(--color-source-ciqual)}.badge--openfoodfacts{background:var(--color-source-off)}.badge--manual,.badge--lidl{background:var(--color-source-manual)}.badge--season{color:#fff;background:var(--color-success)}.section-header{margin:0;padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);background:var(--color-surface-hover);border-bottom:1px solid var(--color-border)}.section-header__hint{text-transform:none;letter-spacing:0;font-weight:var(--font-weight-regular)}.section-header--soon{color:var(--color-error)}.section-header--watch{color:var(--color-warning)}.urgency-dot{flex:none;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-text-placeholder)}.urgency-dot--soon{background:var(--color-error)}.urgency-dot--watch{background:var(--color-warning)}.card--flush{padding:0;overflow:hidden}.card__title--padded{padding:var(--space-lg) var(--space-lg) var(--space-sm);margin:0}.kv__pair{display:contents}.note{margin:var(--space-md) 0 0;font-size:var(--font-size-md);color:var(--color-text-secondary)}.instructions{margin:0;white-space:pre-wrap}.chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-md)}.chip{padding:2px var(--space-sm);font-size:var(--font-size-md);border:1px solid;border-radius:var(--radius-full)}.table-scroll{overflow-x:auto;margin-top:var(--space-md)}.nutrition-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.nutrition-table th,.nutrition-table td{padding:var(--space-xs) var(--space-sm);text-align:right;white-space:nowrap}.nutrition-table thead th{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.nutrition-table tbody th{text-align:left;font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.nutrition-table .unit{color:var(--color-text-secondary)}.day-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-xs)}.day-strip__day{display:flex;flex-direction:column;gap:2px;align-items:center;padding:var(--space-sm) 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.day-strip__day--active{color:var(--color-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.day-strip__name{font-size:var(--font-size-xs);text-transform:uppercase}.day-strip__date{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.day-strip__dot{width:4px;height:4px;border-radius:var(--radius-full);background:transparent}.day-strip__dot--on{background:currentColor}.slot-empty{margin:0;padding:0 var(--space-lg) var(--space-lg);color:var(--color-text-placeholder)}.app-header{display:grid;grid-template-columns:var(--control-height-lg) 1fr auto}.icon-button--spacer{pointer-events:none}.login{display:grid;place-items:center;min-height:100dvh;padding:var(--space-lg);padding-top:calc(var(--space-lg) + var(--safe-top))}.login__card{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:360px}.login__title{margin:0;font-size:var(--font-size-title);font-weight:var(--font-weight-semibold)}.login__field{margin-top:var(--space-sm)}.login__submit{width:100%}.activity-dot--create{background:var(--color-success)}.activity-dot--update{background:var(--color-primary)}.activity-dot--delete{background:var(--color-error)}.row__title strong{font-weight:var(--font-weight-semibold)}.row--static .row__title{overflow:visible;white-space:normal}