:root{--color-bg: #f7f3ec;--color-surface: #ffffff;--color-surface-sunken: #f7f3ec;--color-border: #e6ddd0;--color-border-strong: #d5c8b6;--color-text: #2a2620;--color-muted: #7c7065;--color-primary: #3f6b4a;--color-primary-hover: #345a3e;--color-primary-ink: #ffffff;--color-primary-wash: #eef2ec;--level-out: #b04a32;--level-out-ink: #ffffff;--level-low: #c98a3c;--level-low-ink: #2a2620;--level-stocked: #3f6b4a;--level-stocked-ink: #ffffff;--color-danger: #a93b2b;--color-danger-wash: #fbf0ed;--color-warning: #8a5a1f;--status-connected: #3f6b4a;--status-unreachable: #a93b2b;--status-checking: #8a5a1f;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgb(60 45 30 / 5%), 0 10px 26px -14px rgb(60 45 30 / 22%);--shadow-raised: 0 1px 2px rgb(60 45 30 / 8%), 0 4px 10px -6px rgb(60 45 30 / 20%);--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading: "New York", "Iowan Old Style", Charter, Georgia, "Times New Roman", serif;--text-xs: .75rem;--text-sm: .85rem;--text-base: 1rem;--text-lg: 1.15rem;--text-xl: 1.4rem;--text-2xl: 1.75rem;--leading-tight: 1.2;--leading-normal: 1.55;--touch-target: 44px}.card{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-3)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.card h2{margin:0;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-tight)}.btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:inherit;font-weight:600;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.btn--md{padding:var(--space-3) var(--space-4);font-size:var(--text-base);min-height:var(--touch-target)}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.btn--primary{background:var(--color-primary);color:var(--color-primary-ink)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--color-bg)}.btn--ghost{background:transparent;color:var(--color-primary);border-color:var(--color-primary);border-radius:var(--radius-pill)}.btn--ghost:hover:not(:disabled){background:var(--color-primary-wash)}.btn--icon{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);padding:var(--space-3)}.btn--link{background:none;border:none;padding:0;min-height:0;color:var(--color-primary);font-size:var(--text-sm);font-weight:600;text-decoration:underline}.btn[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-ink)}.btn[aria-pressed=true]:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-primary-ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.input{flex:1 1 100%;min-width:0;padding:var(--space-3);font:inherit;font-size:var(--text-base);color:var(--color-text);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:var(--touch-target)}.input::placeholder{color:var(--color-muted)}.input:focus-visible,.btn:focus-visible,.segment:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field-label{font-size:var(--text-sm);font-weight:600;color:var(--color-muted)}.badge{flex:0 0 auto;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-pill);white-space:nowrap}.badge--out{background:var(--level-out);color:var(--level-out-ink)}.badge--low{background:var(--level-low);color:var(--level-low-ink)}.badge--stocked{background:var(--level-stocked);color:var(--level-stocked-ink)}.badge--neutral{background:var(--color-primary-wash);color:var(--color-primary)}.segmented{display:flex;gap:var(--space-1)}.segment{flex:1 1 0;min-width:0;padding:var(--space-2) var(--space-1);font:inherit;font-size:var(--text-xs);font-weight:600;text-align:center;color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;min-height:36px}.segment.is-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-ink)}.segment--out.is-active{background:var(--level-out);border-color:var(--level-out);color:var(--level-out-ink)}.segment--low.is-active{background:var(--level-low);border-color:var(--level-low);color:var(--level-low-ink)}.segment--stocked.is-active{background:var(--level-stocked);border-color:var(--level-stocked);color:var(--level-stocked-ink)}.notice{display:flex;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-3);font-size:var(--text-sm);line-height:var(--leading-normal);border-radius:var(--radius-md)}.notice--loading,.notice--empty{color:var(--color-muted);background:var(--color-surface-sunken);border:1px dashed var(--color-border-strong)}.notice--error{color:var(--color-danger);background:var(--color-danger-wash);border:1px solid var(--color-danger);font-weight:600}.notice-spinner{flex:0 0 auto;width:14px;height:14px;border:2px solid var(--color-border-strong);border-top-color:var(--color-primary);border-radius:50%;animation:notice-spin .7s linear infinite}@keyframes notice-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.notice-spinner{animation:none}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}.app{max-width:40rem;margin:0 auto;padding:var(--space-5) var(--space-4);padding-top:calc(var(--space-5) + env(safe-area-inset-top));padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-5)}.app-header{display:flex;flex-direction:column;gap:var(--space-2)}.app-header h1{margin:0;font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:600;line-height:var(--leading-tight);color:var(--color-primary)}.status{margin:0;font-size:var(--text-sm);font-weight:600}.status--connected{color:var(--status-connected)}.status--unreachable{color:var(--status-unreachable)}.status--checking{color:var(--status-checking)}.session-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);font-size:var(--text-sm);color:var(--color-muted)}.session-invite code{padding:0 var(--space-1);font-size:var(--text-xs);background:var(--color-primary-wash);border-radius:var(--radius-sm)}.panel-intro{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-muted)}.panel-form{display:flex;flex-wrap:wrap;gap:var(--space-2)}.item-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.item-name{font-weight:600}.pantry-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md)}.pantry-item-info{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2)}.pantry-item-category{font-size:var(--text-xs);color:var(--color-muted)}.pantry-item-expiry{margin-left:auto;font-size:var(--text-xs);color:var(--color-muted)}.pantry-item--expiring-soon{border-color:var(--level-low);background:color-mix(in srgb,var(--level-low) 8%,var(--color-surface-sunken))}.pantry-item--expiring-soon .pantry-item-expiry{color:var(--color-warning);font-weight:600}.pantry-item--expired{border-color:var(--level-out);background:color-mix(in srgb,var(--level-out) 8%,var(--color-surface-sunken))}.pantry-item--expired .pantry-item-expiry{color:var(--color-danger);font-weight:700}.shopping-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md)}.meal-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md)}.meal-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.meal-description,.meal-meta{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-muted)}.meal-meta-label{font-weight:600;color:var(--color-text)}.meal-meta--missing .meal-meta-label{color:var(--color-danger)}.nl-preview{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--color-primary-wash);border:1px solid var(--color-border);border-radius:var(--radius-md)}.nl-preview-title{margin:0;font-weight:600}.nl-preview-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.nl-preview-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-radius:var(--radius-sm)}.nl-preview-actions{display:flex;gap:var(--space-2)}.nl-listening{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--color-primary)}.auth-intro{margin:0;font-size:var(--text-base);color:var(--color-muted)}.auth-card{width:100%;max-width:28rem;margin:0 auto}.auth-form{display:flex;flex-direction:column;gap:var(--space-3)}.auth-household{margin:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3)}.auth-household legend{padding:0 var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--color-muted)}.auth-google{display:flex;justify-content:center}.auth-stub{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.auth-stub-button{width:100%;border-style:dashed}.auth-stub-hint{margin:0;font-size:var(--text-xs);color:var(--color-muted);text-align:center}.auth-switch{display:flex;justify-content:center;margin:0}.language-toggle{display:flex;gap:var(--space-1)}@media (min-width: 600px){.app{padding:var(--space-6) var(--space-5)}.app-header h1{font-size:2.1rem}.panel-form .input{flex:1 1 auto}.pantry-item{flex-direction:row;align-items:center;justify-content:space-between}.pantry-item .segmented{flex:0 0 auto;min-width:15rem}}