:root{--color-bg:#f7f8f4;--color-surface:#ffffff;--color-text:#17211b;--color-muted:#65706a;--color-border:#dce3dd;--color-accent:#0f766e;--color-accent-strong:#115e59;--color-danger:#b42318;--color-warning:#a15c07;--color-success:#15803d;--shadow-soft:0 14px 40px rgba(23,33,27,0.08)}*{box-sizing:border-box}html{background:var(--color-bg);color:var(--color-text);font-family:Atkinson Hyperlegible,Source Sans\ 3,Segoe UI,sans-serif}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:216px 1fr}.rail{background:#10261f;color:white;padding:24px 16px;display:flex;flex-direction:column;gap:28px}.bottom-nav a,.brand,.rail-link{display:flex;align-items:center;gap:10px}.brand{font-weight:800;font-size:1.15rem}.rail nav{display:grid;grid-gap:8px;gap:8px}.rail-link{min-height:44px;padding:10px 12px;border-radius:8px;color:#ecfdf5}.rail-link:focus-visible,.rail-link:hover{background:rgba(255,255,255,.12)}.workspace{min-width:0;padding-bottom:calc(88px + env(safe-area-inset-bottom))}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;min-height:76px;background:rgba(247,248,244,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:14px clamp(16px,4vw,36px);display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar h1{font-size:1.1rem;margin:2px 0 0;letter-spacing:0}.topbar-context{min-width:0}.eyebrow{margin:0;color:var(--color-muted);font-size:.82rem;font-weight:700;text-transform:uppercase}.user-switcher{display:flex;align-items:center;gap:8px}.field,.substitute-form label,.user-switcher label{display:grid;grid-gap:6px;gap:6px;color:var(--color-muted);font-size:.82rem;font-weight:700}.auth-controls{align-items:center;display:flex;flex:0 0 auto;gap:8px}.header-avatar{width:32px;height:32px;border-radius:999px;object-fit:cover;border:1px solid var(--color-border)}.header-avatar.avatar-fallback{width:32px;height:32px;display:grid;padding:0;place-items:center}.header-user-name{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-signout{width:44px;padding:0;display:grid;place-items:center}.auth-page,.public-workspace{min-height:100vh}.auth-page{display:grid;place-items:center}input,select,textarea{min-height:44px;border:1px solid var(--color-border);border-radius:8px;padding:0 12px;background:white;color:var(--color-text)}.text-button{border:0;background:transparent;color:var(--color-accent-strong);font-weight:800;min-height:44px;padding:0 8px}.icon-button,.primary-button,.secondary-button{min-height:44px;border-radius:8px;border:0;padding:0 14px;font-weight:800}.icon-button,.primary-button{background:var(--color-accent);color:white}.secondary-button{background:#e6efea;color:var(--color-accent-strong)}.page{width:min(1120px,100%);margin:0 auto;padding:24px clamp(16px,4vw,36px)}.page-narrow{width:min(720px,100%)}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}.grocery-section h2,.page-header h2,.panel h2{margin:0;font-size:1.15rem;letter-spacing:0}.empty-state p,.page-header p,.panel p{color:var(--color-muted)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:18px;box-shadow:var(--shadow-soft);margin-bottom:18px}.common-suggestions-panel{margin-top:30px}.common-suggestions-panel h2{margin-bottom:14px}.last-visit-panel{margin-bottom:18px}.last-visit-content{display:flex;align-items:center;gap:10px;margin-top:8px}.last-visit-avatar{width:40px;height:40px;border-radius:999px;object-fit:cover;border:1px solid var(--color-border)}.last-visit-content strong{display:block}.last-visit-content p,.last-visit-empty{color:var(--color-muted);margin:2px 0 0}.page-title{margin-bottom:14px}.history-dashboard{margin-bottom:22px}.history-store-metrics{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-soft);min-width:0;padding:12px}.history-store-metrics>p{color:var(--color-muted);font-size:.78rem;font-weight:800;margin:0 0 8px;text-transform:uppercase}.history-store-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.history-store-tiles .history-metric{background:#f9faf8;border:1px solid var(--color-border);border-radius:8px;min-width:0;padding:10px}.history-metric strong{display:block;font-size:1.35rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.history-empty-metric,.history-metric span{color:var(--color-muted);display:block;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-add{display:grid;grid-template-columns:minmax(180px,1fr) 180px auto;grid-gap:10px;gap:10px;align-items:end}.quick-add .field:first-child{min-width:0}.autocomplete-control{position:relative}.autocomplete-control>input{width:100%}.autocomplete-listbox{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;max-height:312px;overflow-y:auto;padding:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-soft)}.autocomplete-option{display:grid;width:100%;min-height:48px;padding:6px 10px;border:0;border-radius:6px;background:transparent;color:var(--color-text);text-align:left}.autocomplete-option:hover,.autocomplete-option[aria-selected=true]{background:#e6efea}.autocomplete-option small,.autocomplete-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.autocomplete-option span{font-weight:800}.autocomplete-option small{color:var(--color-muted);font-size:.78rem;font-weight:700}.admin-member-form{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));grid-gap:12px;gap:12px;align-items:end}.admin-member-form button,.admin-member-form fieldset{grid-column:1/-1}.grocery-section{margin-top:22px}.item-list{display:grid;grid-gap:8px;gap:8px;margin-top:10px}.item-row{min-height:76px;background:var(--color-surface);border:1px solid var(--color-border);padding:12px;grid-template-columns:34px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:start}.category-icon,.item-row{border-radius:8px;display:grid}.category-icon{width:34px;height:34px;place-items:center;background:#e6efea;color:var(--color-accent-strong)}.item-main{min-width:0}.item-title-line{display:flex;gap:8px;align-items:baseline;min-width:0}.item-title-line strong{line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recurring-indicator{flex:0 0 auto;width:18px;height:18px;border:1px solid var(--color-accent-strong);border-radius:999px;display:inline-grid;place-items:center;color:var(--color-accent-strong);font-size:.68rem;font-weight:800;line-height:1}.item-meta,.note,.quantity,.substitution{color:var(--color-muted);font-size:.92rem}.item-meta{display:flex;gap:8px;align-items:center;min-width:0;overflow:hidden;white-space:nowrap;margin-top:4px}.item-meta>span:not(.avatar-fallback){overflow:hidden;text-overflow:ellipsis}.avatar{width:22px;height:22px;border-radius:999px;object-fit:cover;border:1px solid var(--color-border)}.avatar-fallback{flex:0 0 auto;width:22px;height:22px;padding:0;display:grid;place-items:center;background:#eef7f2;color:var(--color-accent-strong);font-weight:800;font-size:.76rem}.item-actions{display:flex;gap:8px;align-items:center}.icon-action{width:44px;height:44px;border:1px solid var(--color-border);border-radius:8px;display:grid;place-items:center;background:white}.icon-action.success{color:var(--color-success)}.icon-action.danger{color:var(--color-danger)}.status-badge{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:0 10px;font-size:.8rem;font-weight:800}.status-purchased{background:#dcfce7;color:#166534}.status-carried_forward,.status-substituted{background:#fef3c7;color:#92400e}.status-rejected{background:#fee2e2;color:#991b1b}.substitute-details{position:relative}.substitute-details summary{width:44px;height:44px;border:1px solid var(--color-border);border-radius:8px;display:grid;place-items:center;list-style:none;background:white;color:var(--color-warning)}.substitute-details summary::-webkit-details-marker{display:none}.substitute-form{position:absolute;right:0;top:50px;z-index:3;width:min(320px,82vw);background:white;border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-soft);padding:14px;display:grid;grid-gap:10px;gap:10px}.substitute-form button{min-height:40px;border:0;border-radius:8px;background:var(--color-accent);color:white;font-weight:800}.shop-actions-menu{position:relative}.shop-actions-menu>summary{width:44px;height:44px;border:1px solid var(--color-border);border-radius:8px;display:grid;place-items:center;list-style:none;background:white}.shop-actions-menu>summary::-webkit-details-marker{display:none}.shop-actions-popover{position:absolute;right:0;top:50px;z-index:3;width:220px;padding:8px;background:white;border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-soft)}.menu-action,.shop-actions-popover .substitute-details summary{width:100%;min-height:44px;border:0;border-radius:6px;padding:0 10px;display:flex;align-items:center;gap:8px;background:white;color:var(--color-text);font-weight:800;text-align:left}.shop-actions-popover .substitute-details summary{color:var(--color-warning)}.shop-actions-popover .substitute-form{position:static;width:auto;margin:8px 0 4px;box-shadow:none}.menu-action.danger{color:var(--color-danger)}.request-editor-dialog{width:min(420px,calc(100vw - 28px));border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-soft);padding:0}.substitute-editor-dialog{width:min(560px,calc(100vw - 28px))}.request-editor-dialog::-webkit-backdrop{background:rgba(23,33,27,.45)}.request-editor-dialog::backdrop{background:rgba(23,33,27,.45)}.request-editor-form{display:grid;grid-gap:14px;gap:14px;padding:18px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading h2{margin:0;font-size:1.15rem}.form-error{margin:0;color:var(--color-danger);font-weight:700}.checkbox-row{align-items:center}.checkbox-row input{width:18px;height:18px;min-height:18px;flex:0 0 auto;padding:0}.substitute-action{color:var(--color-warning)}.empty-state{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:8px;padding:28px}.checkbox-row,.inline-category-form,.mode-row,.store-filter,.summary-grid{display:flex;flex-wrap:wrap;gap:10px}.checkbox-row label,.inline-category-form label,.mode-row label,.store-filter label{min-height:44px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:8px;padding:0 12px;background:white;font-weight:700}.inline-category-form{margin-top:8px;align-items:center}.inline-category-form label{padding:0 0 0 10px;gap:6px;color:var(--color-muted);font-size:.82rem}.inline-category-form select{border:0;min-height:40px}.suggestion-button{min-height:44px;border:1px solid var(--color-border);border-radius:8px;background:white;color:var(--color-text);padding:6px 12px;font-weight:800;display:grid;grid-gap:2px;gap:2px;text-align:left}.suggestion-button span{color:var(--color-muted);font-size:.78rem;font-weight:700}.admin-edit-row summary,.history-details summary{min-height:56px;display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer}.history-details summary{width:100%}.history-summary-actions{align-items:center;display:flex;flex:0 0 auto;gap:8px}.disclosure-indicator{align-items:center;border:1px solid var(--color-border);border-radius:999px;display:inline-flex;font-size:1.2rem;font-weight:700;height:28px;justify-content:center;line-height:1;width:28px}.disclosure-open,.history-details[open] .disclosure-closed{display:none}.history-details[open] .disclosure-open{display:inline}.admin-edit-row summary form{flex:0 0 auto}.admin-edit-row summary span:first-child,.history-details summary span:first-child{display:grid;grid-gap:3px;gap:3px}.admin-edit-row summary small,.history-details summary small{color:var(--color-muted)}.admin-edit-list{display:grid;grid-gap:10px;gap:10px}.admin-edit-row{border:1px solid var(--color-border);border-radius:8px;padding:0 14px;background:#fbfcfa}.admin-edit-form{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));grid-gap:12px;gap:12px;padding:12px 0}.admin-edit-form button,.admin-edit-form fieldset{grid-column:1/-1}.add-store-form{margin:12px 0 18px;grid-template-columns:minmax(180px,1fr) auto}.summary-card{min-width:0;background:#f9faf8;border:1px solid var(--color-border);border-radius:8px;padding:14px}.summary-card strong{display:block;font-size:1.6rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.complete-shopping-form{display:flex;justify-content:center;margin-top:18px;padding-top:4px}.complete-shopping-form .primary-button{width:min(320px,100%)}.start-shopping-action{flex:0 0 100%;display:flex;justify-content:center;margin-top:8px}.start-shopping-action .primary-button{width:min(320px,100%)}.member-table{width:100%;border-collapse:collapse}.member-table td,.member-table th{text-align:left;padding:12px 10px;border-bottom:1px solid var(--color-border);vertical-align:middle}.member-table th{color:var(--color-muted);font-size:.82rem;text-transform:uppercase}.bottom-nav{display:none}@media (max-width:767px){.shell{display:block}.rail{display:none}.topbar{align-items:center;gap:8px}.topbar-context{flex:1 1 auto}.user-switcher{flex:0 1 150px;align-items:center}.user-switcher label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-controls{min-width:0}.header-user-name{max-width:68px}.page{padding:18px 14px calc(96px + env(safe-area-inset-bottom))}.page-header{align-items:start;flex-direction:column}.history-store-metrics{padding:8px}.history-store-metrics>p{font-size:.7rem;margin-bottom:6px}.history-store-tiles{gap:5px}.history-store-tiles .history-metric{padding:8px 6px}.history-metric strong{font-size:1.2rem}.history-empty-metric,.history-metric span{font-size:.72rem}.admin-edit-form,.admin-member-form,.quick-add{grid-template-columns:1fr}.item-row{min-height:68px;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;padding:10px}.item-actions{grid-column:auto;align-self:start;gap:6px}.item-row-shopper .item-main{align-self:center}.item-row-shopper .item-meta{display:none}.item-row-shopper .note,.item-row-shopper .substitution{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;margin:4px 0 0}.summary-grid{gap:6px}.summary-card{padding:10px 6px;font-size:.74rem;text-align:center;white-space:nowrap}.summary-card strong{font-size:1.35rem}input,select,textarea{font-size:16px}.member-table{display:block;overflow-x:auto}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;min-height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:white;border-top:1px solid var(--color-border);display:grid;grid-auto-flow:column;justify-content:stretch}.bottom-nav a{justify-content:center;flex-direction:column;gap:4px;font-size:.78rem;color:var(--color-muted)}.bottom-nav a[aria-current=page]{color:var(--color-accent-strong)}}