:root{--bg:#faf4ed;--surface:#fffaf3;--surface-alt:#f2e9e1;--border:#dfdad9;--text:#575279;--text-muted:#797593;--primary:#907aa9;--primary-dark:#6f5b88;--primary-tint:#ece1f1;--accent:#d7827e;--accent-tint:#f6dfde;--success:#56949f;--warning:#ea9d34;--danger:#b4637a;--pantry:#286983;--on-primary:#fff;--bg-wash-strong:#fffaf3a3;--bg-wash-clear:#fffaf300;--shadow-hairline:0 1px 2px #1f1b160d;--shadow-soft:0 1px 2px #1f1b160f, 0 4px 12px #1f1b160a;--shadow-accent:0 6px 18px #c57b5752, 0 2px 6px #1f1b1614;--modal-overlay:#1f1b1652;--modal-sheet-shadow:0 -8px 32px #1f1b1629;--modal-dialog-shadow:0 12px 40px #1f1b162e, 0 2px 8px #1f1b160f;--font-display:Fraunces, Georgia, serif;--font-ui:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility}:root[data-theme=dark]{--bg:#232136;--surface:#2a273f;--surface-alt:#393552;--border:#44415a;--text:#e0def4;--text-muted:#908caa;--primary:#c4a7e7;--primary-dark:#d6c0ee;--primary-tint:#3d3556;--accent:#ea9a97;--accent-tint:#4a3a4a;--success:#9ccfd8;--warning:#f6c177;--danger:#eb6f92;--pantry:#3e8fb0;--on-primary:#fff}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;border:0;min-height:44px}button:disabled{cursor:not-allowed;opacity:.56}a{color:var(--primary-dark)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.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}.app-shell,.login-page,.setup-page,.settings-page,.invite-accept-page{background:linear-gradient(180deg, var(--bg-wash-strong), var(--bg-wash-clear) 320px), var(--bg);min-height:100vh}.app-frame{background:var(--bg);min-height:100vh;color:var(--text)}.app-content-shell{min-width:0}.app-mobile-topbar{z-index:20;border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;min-height:56px;padding:6px 12px;display:flex;position:sticky;top:0}.app-mobile-menu-btn,.app-mobile-settings,.app-signout-btn,.app-drawer-header button{min-width:44px;min-height:44px;color:var(--primary-dark);background:var(--surface-alt);border-radius:10px;place-items:center;padding:0 10px;font-size:.8125rem;font-weight:800;text-decoration:none;display:grid}.app-mobile-wordmark{color:var(--text-muted);font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;font-size:.8125rem;font-weight:700}.app-nav-rail{display:none}.app-drawer-backdrop{z-index:40;background:var(--bg-wash-strong);position:fixed;inset:0}.app-mobile-drawer{border-right:1px solid var(--border);background:var(--surface);width:min(78vw,320px);height:100%;box-shadow:var(--shadow-soft);flex-direction:column;display:flex}.app-drawer-header{border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font-display);justify-content:space-between;align-items:center;gap:12px;padding:18px 16px 12px;font-size:1.125rem;font-weight:700;display:flex}.app-nav-brand{gap:4px;padding:24px 20px 16px;display:grid}.app-nav-brand span{color:var(--text);font-family:var(--font-display);font-size:1.1875rem;font-weight:700;line-height:1.12}.app-nav-brand small,.app-user-copy small{color:var(--text-muted);font-size:.71875rem;line-height:1.25}.app-nav-links{gap:2px;padding:8px 12px;display:grid}.app-nav-link{min-height:44px;color:var(--text);border-left:3px solid #0000;border-radius:8px;align-items:center;gap:11px;padding:9px 12px 9px 9px;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.app-nav-link span{width:22px;height:22px;color:var(--primary-dark);background:var(--surface-alt);border-radius:7px;place-items:center;font-size:.6875rem;font-weight:900;display:grid}.app-nav-link.active{border-left-color:var(--primary);color:var(--primary-dark);background:var(--primary-tint)}.app-user-chip{border-top:1px solid var(--border);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:auto;padding:12px;display:grid}.app-user-initial{width:32px;height:32px;color:var(--on-primary);background:var(--primary-dark);border-radius:999px;place-items:center;font-weight:800;display:grid}.app-user-copy{min-width:0;display:grid}.app-user-copy strong,.app-user-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-user-copy strong{color:var(--text);font-size:.8125rem}@media (width>=1024px){.app-frame{grid-template-columns:240px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.app-nav-rail{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;min-width:240px;display:flex}.app-content-shell{overflow-y:auto}.app-mobile-topbar{display:none}}.app-shell{place-items:start center;padding:24px 16px;display:grid}.dev-auth-banner{min-height:44px;color:var(--on-primary);background:var(--danger);text-align:center;place-items:center;padding:10px 16px;font-size:.875rem;font-weight:800;line-height:1.35;display:grid}.placeholder-panel{width:min(100%,680px);padding:32px 0}.eyebrow{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.75rem;font-weight:700}h1,h2,p{margin:0}h1,h2,.login-wordmark,.setup-title{font-family:var(--font-display);letter-spacing:0}.placeholder-panel h1{color:var(--text);margin-bottom:16px;font-size:clamp(2rem,9vw,2.5rem);line-height:1.1}.placeholder-panel p:not(.eyebrow){color:var(--text-muted);font-size:1rem;line-height:1.6}.sheet-overlay,.export-sheet-overlay,.grocery-confirm-overlay{z-index:50;background:var(--modal-overlay);justify-content:center;align-items:end;padding:12px 12px 0;display:flex;position:fixed;inset:0}.sheet-container,.export-sheet,.grocery-confirm-dialog{border:1px solid var(--border);background:var(--surface);width:100%;max-height:min(86dvh,760px);box-shadow:var(--modal-sheet-shadow);border-bottom:0;border-radius:20px 20px 0 0;transition:opacity .18s,transform .26s cubic-bezier(.2,.8,.25,1);overflow-y:auto;transform:translateY(0)}.sheet-container,.export-sheet{padding:0 18px calc(18px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.sheet-container:before,.export-sheet:before,.grocery-confirm-dialog:before{background:var(--border);content:"";border-radius:999px;flex:none;align-self:center;width:36px;height:4px;margin:10px auto 6px;display:block}.sheet-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:4px 0 12px;display:flex}.sheet-title,.export-sheet h3,.grocery-confirm-dialog h2{color:var(--text);font-family:var(--font-display);font-size:1.125rem;font-weight:600;line-height:1.2}.sheet-close,.export-close{min-width:44px;min-height:44px;color:var(--text-muted);background:0 0;border-radius:10px;place-items:center;font-size:1.5rem;font-weight:700;display:grid}.sheet-tabs{border:1px solid var(--border);background:var(--surface-alt);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:12px 0;padding:4px;display:grid}.sheet-tab{min-height:40px;color:var(--text-muted);background:0 0;border-radius:8px;padding:0 8px;font-size:.78125rem;font-weight:800}.sheet-tab--active{color:var(--primary-dark);background:var(--primary-tint);box-shadow:var(--shadow-hairline)}.sheet-search,.sheet-input,.sheet-textarea,.sheet-multiplier-input,.sheet-custom-multiplier{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:var(--surface-alt);border-radius:10px;padding:0 12px}.sheet-textarea{resize:vertical;min-height:76px;padding-top:10px}.sheet-panel,.sheet-entry-config,.sheet-dish-list{gap:12px;display:grid}.sheet-section-heading,.sheet-label{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;font-size:.71875rem;font-weight:800}.sheet-dish-row{border:1px solid var(--border);background:var(--bg);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.sheet-dish-info,.sheet-selected-dish{gap:4px;min-width:0;display:grid}.sheet-dish-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.sheet-dish-desc,.sheet-dish-meta,.sheet-multiplier-preview,.sheet-confirm-msg,.sheet-conflict-msg,.grocery-confirm-dialog p{color:var(--text-muted);font-size:.875rem;line-height:1.45}.sheet-dish-add,.sheet-btn-primary,.sheet-submit,.export-actions button,.grocery-confirm-dialog button:first-of-type{min-height:44px;color:var(--on-primary);background:var(--primary-dark);border-radius:10px;padding:0 14px;font-weight:800}.sheet-btn-secondary,.sheet-change-dish,.export-close,.grocery-confirm-dialog button:last-of-type{border:1px solid var(--border);min-height:44px;color:var(--primary-dark);background:var(--surface);border-radius:10px;padding:0 14px;font-weight:800}.sheet-eater-list,.sheet-eater-toggles,.sheet-preset-row,.sheet-multiplier-presets,.sheet-preset-grid,.sheet-confirm-actions,.export-actions{flex-wrap:wrap;gap:8px;display:flex}.sheet-eater-toggle,.sheet-preset,.sheet-preset-btn{border:1px solid var(--border);min-height:40px;color:var(--text);background:var(--surface);border-radius:999px;padding:0 12px;font-size:.875rem;font-weight:700}.sheet-eater-toggle--selected,.sheet-preset--active,.sheet-preset-btn--active{color:var(--primary-dark);background:var(--primary-tint);border-color:#0000}.sheet-error,.export-error{color:var(--danger);font-size:.875rem;line-height:1.45}.export-sheet{gap:14px}.export-toggle,.grocery-confirm-dialog label{min-height:44px;color:var(--text);align-items:center;gap:10px;font-weight:700;display:flex}.grocery-confirm-dialog{width:min(100%,420px);padding:0 18px calc(18px + env(safe-area-inset-bottom));box-shadow:var(--shadow-soft);gap:12px;display:grid}@media (width>=768px){.sheet-overlay,.export-sheet-overlay,.grocery-confirm-overlay{justify-content:center;align-items:center;padding:32px}.sheet-container,.export-sheet,.grocery-confirm-dialog{border-bottom:1px solid var(--border);max-width:560px;max-height:min(85dvh,760px);box-shadow:var(--modal-dialog-shadow);border-radius:16px;transition:opacity .18s,transform .18s;transform:translateY(6px)}.sheet-container:before,.export-sheet:before,.grocery-confirm-dialog:before{display:none}.sheet-tabs{margin-top:16px}.sheet-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.grocery-page{background:var(--bg);min-height:100vh;padding:8px 0 96px}.grocery-header{gap:14px;padding:12px 20px 10px;display:grid}.grocery-header h1{color:var(--text);font-family:var(--font-display);font-size:1.375rem;font-weight:600;line-height:1.15;display:inline}.grocery-header p{color:var(--text-muted);margin-top:4px;font-size:.75rem}.grocery-stale{color:var(--warning);background:var(--accent-tint);vertical-align:text-bottom;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.6875rem;font-weight:700;display:inline-flex}.grocery-progress{color:var(--text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:.8125rem;font-weight:700;display:flex}.grocery-progress-track{background:var(--surface-alt);border-radius:999px;flex:1;height:6px;overflow:hidden}.grocery-progress-track div{border-radius:inherit;background:var(--success);height:100%;transition:width .25s}.grocery-filters{z-index:2;background:var(--bg);gap:8px;padding:0 16px 10px;display:flex;position:sticky;top:0;overflow-x:auto}.grocery-filters button{border:1px solid var(--border);min-height:36px;color:var(--primary-dark);background:var(--surface);white-space:nowrap;border-radius:999px;padding:0 12px;font-size:.8125rem;font-weight:700}.grocery-keyboard-target{border:1px solid var(--border);width:calc(100% - 40px);min-height:36px;color:var(--text-muted);background:var(--surface);border-radius:8px;margin:0 20px 8px;font-size:.75rem;font-weight:700;display:block}.grocery-category h2,.grocery-pantry-toggle{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;padding:10px 20px 6px;font-size:.6875rem;font-weight:800}.grocery-category{margin-bottom:6px}.grocery-row{background:var(--surface);border-bottom:1px solid var(--border)}.grocery-row-main{align-items:center;gap:12px;min-height:56px;padding:8px 20px;display:flex}.grocery-check{border:2px solid var(--border);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--on-primary);background:0 0;border-radius:999px;place-items:center;transition:transform .18s cubic-bezier(.4,1.6,.5,1),background .15s,border-color .15s;display:grid}.is-checked .grocery-check{border-color:var(--success);background:var(--success);transform:scale(1.05)}.grocery-row-body{min-width:0;min-height:44px;color:var(--text);text-align:left;background:0 0;flex:1;padding:0;display:grid}.grocery-row-name{color:var(--text);align-items:center;gap:6px;font-size:.9375rem;font-weight:600;display:flex}.grocery-row-qty{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:2px;font-size:.78125rem}.is-checked .grocery-row-name,.is-checked .grocery-row-qty{color:var(--text-muted);text-decoration:line-through}.grocery-badge{color:var(--warning);background:var(--accent-tint);border-radius:4px;padding:1px 5px;font-size:.625rem;font-weight:800}.grocery-badge.is-manual{border:1px solid var(--border);color:var(--text-muted);background:0 0}.grocery-contrib{background:var(--surface-alt);padding:8px 20px 12px 76px}.grocery-contrib-kicker{color:var(--text-muted);text-transform:uppercase;font-size:.6875rem;font-weight:800}.grocery-contrib-line{color:var(--text);margin-top:4px;font-size:.8125rem}.grocery-pantry{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:12px}.grocery-pantry-toggle{width:100%;min-height:44px;color:var(--pantry);background:var(--surface-alt);border:0;justify-content:space-between;align-items:center;font-family:inherit;display:flex}.grocery-pantry-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px 20px;font-size:.9375rem;display:flex}.grocery-pantry-row span:first-child{min-width:0;color:var(--text)}.grocery-pantry-row button{min-height:32px;color:var(--primary-dark);background:var(--primary-tint);border:0;border-radius:8px;padding:0 10px;font-size:.75rem;font-weight:800}.grocery-pantry-row span:last-child{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8125rem}@media (width>=900px){.grocery-page{padding-bottom:40px}.grocery-header{border-bottom:1px solid var(--border);grid-template-columns:minmax(240px,1fr) minmax(240px,380px);align-items:center;padding:20px 32px 16px}.grocery-filters{justify-content:flex-end;padding:14px 32px}.grocery-sections{column-count:2;column-gap:24px;max-width:1280px;margin:0 auto;padding:20px 32px 0}.grocery-category{break-inside:avoid;border:1px solid var(--border);background:var(--surface);border-radius:8px;margin-bottom:16px;overflow:hidden}.grocery-category h2{background:var(--surface-alt);border-bottom:1px solid var(--border);padding:10px 16px}.grocery-row-main{min-height:44px;padding:6px 14px}.grocery-check{width:32px;min-width:32px;height:32px;min-height:32px}.grocery-row-name{font-size:.84375rem}.grocery-row-qty{font-size:.71875rem}.grocery-pantry{border:1px solid var(--border);border-radius:8px;max-width:1216px;margin:16px auto 0;overflow:hidden}}.login-page,.invite-accept-page{align-content:center;justify-items:center;gap:28px;padding:32px 20px;display:grid}.login-brand,.login-actions,.invite-accept-page{width:min(100%,420px)}.login-brand{text-align:center;justify-items:center;gap:10px;display:grid}.login-brand-mark{width:56px;height:56px;color:var(--on-primary);background:var(--primary);box-shadow:var(--shadow-soft);border-radius:16px;place-items:center;display:grid}.login-wordmark{color:var(--text);font-size:2rem;font-weight:600;line-height:1.08}.login-tagline,.setup-helper,.invite-accept-page p{color:var(--text-muted);font-size:1rem;line-height:1.5}.login-actions{gap:12px;display:grid}.login-btn-primary,.setup-btn-primary,.invite-btn-primary{color:var(--on-primary);background:var(--primary-dark);box-shadow:var(--shadow-soft);border-radius:10px;font-size:1rem;font-weight:700}.login-btn-primary:hover,.setup-btn-primary:hover,.invite-btn-primary:hover{background:var(--primary)}.login-btn-ghost,.setup-btn-back,.invite-action-btn,.member-remove-btn,.invite-sign-in-link{border:1px solid var(--border);min-height:44px;color:var(--primary-dark);background:var(--surface);border-radius:10px;font-weight:700;text-decoration:none}.login-btn-ghost,.invite-sign-in-link{place-items:center;display:grid}.login-error,.invite-error{border:1px solid var(--danger);color:var(--danger);background:var(--accent-tint);border-radius:10px;padding:12px;font-size:.875rem;line-height:1.45}.login-sent-card{border:1px solid var(--border);color:var(--primary-dark);background:var(--primary-tint);border-radius:12px;padding:16px;line-height:1.5}.login-email-label,.setup-field-label,.invite-form-label{color:var(--text);font-size:.875rem;font-weight:700}.login-email-input,.setup-input,.invite-input{border:1px solid var(--border);width:100%;min-height:48px;color:var(--text);background:var(--surface-alt);border-radius:10px;padding:0 14px}.login-email-input::placeholder,.setup-input::placeholder,.invite-input::placeholder{color:var(--text-muted)}.setup-page{padding:28px 20px calc(20px + env(safe-area-inset-bottom));grid-template-rows:auto 1fr auto;gap:24px;display:grid}.setup-progress{justify-content:center;gap:8px;display:flex}.setup-dot{background:var(--border);border-radius:999px;width:6px;height:6px;transition:width .18s,background .18s}.setup-dot--active{background:var(--primary);width:22px}.setup-dot--done{background:var(--primary)}.setup-content{align-items:center;display:grid}.setup-step{justify-self:center;gap:18px;width:min(100%,520px);display:grid}.setup-title{color:var(--text);font-size:1.875rem;font-weight:600;line-height:1.12}.setup-field{gap:8px;display:grid}.setup-segmented{border:1px solid var(--border);background:var(--surface-alt);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.setup-seg-option{min-height:44px;color:var(--text-muted);cursor:pointer;border-radius:8px;place-items:center;font-size:.9375rem;font-weight:700;display:grid}.setup-seg-option--selected{color:var(--primary-dark);background:var(--primary-tint);box-shadow:var(--shadow-hairline)}.setup-warning{border:1px solid var(--border);color:var(--warning);background:var(--accent-tint);border-radius:10px;padding:12px;font-size:.875rem;line-height:1.45}.setup-eater-grid{gap:12px;display:grid}.setup-eater-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;padding:12px;display:grid}.setup-eater-row{grid-template-columns:1fr minmax(112px,.7fr);align-items:end;gap:10px;display:grid}.setup-step--done{text-align:center;justify-items:center}.setup-done-emoji{font-size:2.5rem;line-height:1}.setup-footer{grid-template-columns:minmax(88px,auto) 1fr;justify-self:center;gap:12px;width:min(100%,520px);display:grid}.setup-btn-back{padding:0 16px}.settings-page{padding:28px 16px 48px}.settings-page>h1,.invite-accept-page h1{width:min(100%,760px);color:var(--text);margin:0 auto 22px;font-size:1.875rem;font-weight:600;line-height:1.15}.settings-page section{border:1px solid var(--border);background:var(--surface);width:min(100%,760px);box-shadow:var(--shadow-soft);border-radius:12px;gap:16px;margin:0 auto;padding:18px;display:grid}.settings-page h2{color:var(--text);font-size:1.25rem;font-weight:600}.members-list,.invites-list,.invite-form{gap:10px;display:grid}.member-row,.invite-row{border:1px solid var(--border);background:var(--bg);border-radius:10px;gap:10px;padding:12px;display:grid}.member-info{gap:4px;min-width:0;display:grid}.member-id,.invite-email{overflow-wrap:anywhere;color:var(--text);font-weight:700}.member-role,.invite-badge{width:max-content;color:var(--primary-dark);text-transform:uppercase;font-size:.75rem;font-weight:700}.invite-badge{background:var(--primary-tint);border-radius:999px;padding:4px 8px}.member-remove-btn{color:var(--danger)}.invite-form{padding-top:6px}.invite-form-row{gap:10px;display:grid}.invite-success{color:var(--success);font-size:.875rem;font-weight:700}.invite-accept-page{text-align:center}.invite-accept-page .invite-error{width:min(100%,420px)}@media (width>=640px){.login-page{padding:48px 20px}.login-brand,.login-actions{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);padding:28px}.login-brand{border-bottom:0;border-radius:16px 16px 0 0}.login-actions{border-radius:0 0 16px 16px}.setup-page{padding:42px 24px}.setup-footer{grid-template-columns:auto 180px;justify-content:end}.member-row{grid-template-columns:1fr auto;align-items:center}.invite-row,.invite-form-row{grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center}}.dish-library{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.dish-list-pane{flex-direction:column;flex:1;min-width:0;display:flex}.dish-form-pane{flex:1;min-width:0;overflow-y:auto}.dish-list-pane--hidden-mobile,.dish-form-pane--hidden-mobile{display:none}.dish-list-header{justify-content:space-between;align-items:center;gap:12px;padding:20px 16px 12px;display:flex}.dish-list-title{color:var(--text);font-size:1.5rem;font-weight:700;font-family:var(--font-display);margin:0}.dish-search-row{padding:0 16px 12px}.dish-search{border:1px solid var(--border);background:var(--surface-alt);width:100%;height:40px;font:inherit;color:var(--text);border-radius:10px;padding:0 12px}.dish-list{flex:1;padding:0 12px 24px;overflow-y:auto}.dish-list-state{color:var(--text-muted);margin:24px 4px;font-size:.875rem}.dish-card{text-align:left;background:var(--surface);border:.5px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;gap:3px;width:100%;min-height:64px;margin-bottom:8px;padding:14px;font-family:inherit;display:flex}.dish-card--selected{border-left:3px solid var(--primary);background:var(--primary-tint)}.dish-card-name{color:var(--text);font-size:15px;font-weight:600}.dish-card--selected .dish-card-name{color:var(--primary-dark)}.dish-card-desc{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.dish-card-meta{align-items:center;gap:6px;margin-top:4px;display:flex}.dish-card-pill{color:var(--text-muted);background:var(--surface-alt);border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:600}.dish-card-serves{color:var(--text-muted);font-size:11px}.dish-detail{padding:20px 16px 24px}.dish-detail-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.dish-detail-name{color:var(--text);margin:0;font-size:1.25rem;font-weight:700}.dish-detail-actions{flex-shrink:0;gap:8px;display:flex}.dish-notice{border:1px solid var(--border);background:var(--primary-tint);color:var(--primary-dark);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:.875rem;display:flex}.dish-notice-dismiss{min-height:unset;color:var(--text-muted);background:0 0;padding:0 6px;font-size:1rem}.dish-detail-desc{color:var(--text-muted);margin:0 0 14px;font-size:14px;line-height:1.5}.dish-detail-stats{gap:10px;margin-bottom:16px;display:flex}.dish-stat{background:var(--surface);border:.5px solid var(--border);font-variant-numeric:tabular-nums;border-radius:10px;flex-direction:column;align-items:center;min-width:80px;padding:10px 16px;display:flex}.dish-stat-value{color:var(--text);font-size:1.25rem;font-weight:700}.dish-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-top:2px;font-size:.7rem;font-weight:700}.dish-ingredient-readonly{background:var(--surface);border:.5px solid var(--border);border-radius:12px;overflow:hidden}.dish-ingredient-readonly-row{border-bottom:.5px solid var(--border);color:var(--text);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;padding:12px 14px;font-size:14.5px;display:flex}.dish-ingredient-readonly-row:last-child{border-bottom:none}.dish-ingredient-qty{color:var(--text-muted);font-size:13px}.dish-form{flex-direction:column;min-height:100%;display:flex}.dish-form-header{padding:20px 16px 0}.dish-form-title{color:var(--text);margin:0 0 16px;font-size:1.25rem;font-weight:700}.dish-form-body{flex-direction:column;flex:1;gap:4px;padding:0 16px;display:flex}.dish-field-label{color:var(--text-muted);margin:8px 0 2px;font-size:.8125rem;font-weight:600}.dish-ingredients-label{margin-top:12px}.dish-optional{font-weight:400}.dish-input{border:1px solid var(--border);background:var(--surface);width:100%;height:40px;font:inherit;color:var(--text);border-radius:8px;padding:0 10px}.dish-input--narrow{width:100px}.dish-textarea{border:1px solid var(--border);background:var(--surface);width:100%;font:inherit;color:var(--text);resize:vertical;border-radius:8px;padding:8px 10px}.dish-select{border:1px solid var(--border);background:var(--surface);width:100%;height:40px;font:inherit;color:var(--text);border-radius:8px;padding:0 10px}.dish-ingredient-list{flex-direction:column;gap:6px;margin-bottom:8px;display:flex}.dish-ingredient-row{grid-template-columns:60px 70px 1fr auto;align-items:start;gap:6px;display:grid}.dish-input--qty,.dish-input--unit,.dish-input--ingname{width:100%}.dish-remove-btn{width:36px;min-height:40px;color:var(--danger);background:0 0;border:none;font-size:1.25rem;line-height:1}.dish-inline-form{border:1px solid var(--border);background:var(--surface-alt);border-radius:8px;grid-column:1/-1;padding:10px 12px}.dish-inline-summary{color:var(--primary-dark);cursor:pointer;font-size:.8125rem;font-weight:600}.dish-inline-fields{flex-direction:column;gap:4px;margin-top:8px;display:flex}.dish-inline-check{color:var(--text);align-items:center;gap:6px;min-height:24px;margin-top:4px;font-size:.875rem;display:flex}.dish-add-ingredient-btn{border:1px dashed var(--border);width:100%;min-height:40px;color:var(--primary-dark);cursor:pointer;background:0 0;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600}.category-combobox{width:100%;position:relative}.category-combobox__input{width:100%}.category-combobox__list{z-index:100;border:1px solid var(--border);background:var(--surface);max-height:220px;box-shadow:var(--shadow-soft);border-radius:8px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto}.category-combobox__option{cursor:pointer;min-height:44px;color:var(--text);align-items:center;padding:10px 12px;font-size:.9375rem;display:flex}.category-combobox__option:hover,.category-combobox__option--selected{background:var(--surface-alt);color:var(--primary-dark)}.category-combobox__no-results{color:var(--text-muted);padding:10px 12px;font-size:.875rem;font-style:italic}.dish-form-error{color:var(--danger);margin:4px 0;font-size:.875rem}.dish-form-footer{border-top:1px solid var(--border);background:var(--surface);justify-content:flex-end;gap:8px;margin-top:auto;padding:12px 16px;display:flex}.dish-empty-detail{color:var(--text-muted);text-align:center;padding:48px 32px;font-size:.9375rem}.dish-btn-primary{background:var(--primary);color:var(--on-primary);border:none;border-radius:10px;padding:0 16px;font-size:.875rem;font-weight:700}.dish-btn-primary:hover:not(:disabled){background:var(--primary-dark)}.dish-btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0;border-radius:10px;padding:0 14px;font-size:.875rem;font-weight:600}.dish-btn-danger{color:var(--danger);border:1px solid var(--border);background:0 0;border-radius:10px;padding:0 14px;font-size:.875rem;font-weight:600}@media (width>=768px){.dish-library{flex-direction:row;height:100vh;overflow:hidden}.dish-list-pane{border-right:1px solid var(--border);flex-shrink:0;width:420px;min-width:320px;max-width:420px;overflow-y:auto}.dish-list-pane--hidden-mobile{display:flex}.dish-form-pane{flex:1;overflow-y:auto}.dish-form-pane--hidden-mobile{display:block}}.plan-page{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.plan-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 12px;display:flex}.plan-week-nav{flex:1;align-items:center;gap:10px;display:flex}.plan-nav-btn{width:40px;height:40px;min-height:44px;color:var(--primary-dark);background:var(--surface);border:1px solid var(--border);border-radius:10px;place-items:center;font-size:1.5rem;font-weight:700;line-height:1;display:grid}.plan-week-label{font-family:var(--font-display);color:var(--text);text-align:center;flex:1;margin:0;font-size:1.125rem;font-weight:600}.plan-today-btn{min-height:36px;color:var(--primary-dark);background:var(--primary-tint);border:1px solid var(--border);border-radius:10px;padding:0 14px;font-size:.875rem;font-weight:700}.plan-day-tabs{gap:4px;padding:0 12px 12px;display:flex;overflow-x:auto}.plan-day-tab{min-width:44px;min-height:56px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:4px;font-family:inherit;display:flex}.plan-day-tab--selected{background:var(--surface);border-color:var(--border);color:var(--primary-dark);box-shadow:var(--shadow-soft)}.plan-day-tab-name{text-transform:uppercase;letter-spacing:.2px;font-size:.6875rem;font-weight:700}.plan-day-tab-num{font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:700}.plan-loading,.page-spinner{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:.9375rem}.error-boundary-fallback{text-align:center;color:var(--text-main);padding:48px 16px}.error-boundary-fallback h1{font-family:var(--font-display);margin:0 0 12px;font-size:1.5rem;font-weight:600}.error-boundary-fallback p{color:var(--text-muted);margin:0 0 24px}.error-boundary-fallback button{background:var(--accent);color:var(--surface);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:1rem}.plan-day{flex:1;padding:0 16px 24px}.plan-day-title{font-family:var(--font-display);color:var(--text);margin:0 0 12px;font-size:1.25rem;font-weight:600}.plan-day-header{justify-content:space-between;align-items:flex-end;padding:14px 4px 10px;display:flex}.plan-day-header-name{font-family:var(--font-display);color:var(--text);letter-spacing:-.5px;font-size:1.625rem;font-weight:600;line-height:1.05}.plan-day-header-date{color:var(--text-muted);margin-top:2px;font-size:.8125rem}.plan-day-eater-chip{background:var(--surface-alt);color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;font-weight:500;display:flex}.plan-grocery-cta-wrap{padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, var(--bg-wash-clear));z-index:5;position:sticky;bottom:0;left:0;right:0}.plan-grocery-cta{background:var(--accent);width:100%;min-height:54px;color:var(--on-primary);cursor:pointer;box-shadow:var(--shadow-accent);border:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 16px;font-family:inherit;display:flex}.plan-grocery-cta-label{font-size:1rem;font-weight:600}.plan-grocery-cta-sub{opacity:.85;font-size:.71875rem}.plan-slots{flex-direction:column;gap:10px;display:flex}.plan-slot{background:var(--surface);border:.5px solid var(--border);border-radius:12px;padding:14px}.plan-slot-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.plan-slot-title{align-items:center;gap:8px;display:flex}.plan-slot-icon{background:var(--surface-alt);border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.plan-slot-type{color:var(--text);letter-spacing:-.1px;font-size:.875rem;font-weight:600}.plan-slot-count{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;font-weight:700}.plan-slot-actions{align-items:center;gap:6px;display:flex}.plan-slot-add-btn{background:var(--surface-alt);width:30px;height:30px;min-height:30px;color:var(--text-muted);border-radius:8px;place-items:center;font-size:1rem;font-weight:700;display:grid}.plan-slot-clear-btn{border:1px solid var(--border);min-height:30px;color:var(--text-muted);background:0 0;border-radius:8px;padding:0 10px;font-size:.75rem;font-weight:700}.plan-slot-empty{color:var(--text-muted);text-align:center;padding:12px 0;font-size:.875rem}.plan-slot-empty-btn{border:1px dashed var(--border);width:100%;min-height:44px;color:var(--text-muted);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:.875rem;font-weight:500;display:flex}.plan-entry{background:var(--bg);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.plan-entry--placeholder{background:var(--surface-alt);border-left:2px dashed var(--text-muted)}.plan-entry-main{flex:1;gap:4px;min-width:0;display:grid}.plan-entry-name-row{color:var(--text);letter-spacing:-.15px;align-items:center;gap:6px;font-size:.9375rem;font-weight:600;display:flex}.plan-entry--placeholder .plan-entry-name-row{color:var(--text-muted);font-style:italic;font-weight:500}.plan-entry-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.plan-entry-multiplier{color:var(--primary-dark);background:var(--primary-tint);font-variant-numeric:tabular-nums;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:.6875rem;font-weight:700}.plan-entry-meta{align-items:center;gap:8px;display:flex}.plan-entry-kind{color:var(--text-muted);background:var(--surface);border:.5px solid var(--border);border-radius:4px;padding:1px 6px;font-size:.6875rem;font-weight:500}.plan-entry--leftover .plan-entry-kind{background:var(--surface);border:.5px solid var(--border)}.plan-entry-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.plan-entry-action,.plan-entry-convert{border:1px solid var(--border);min-height:32px;color:var(--text-muted);background:0 0;border-radius:8px;padding:0 8px;font-size:.75rem;font-weight:600}.plan-entry-convert{color:var(--primary-dark);background:var(--primary-tint);border-color:#0000}@media (width>=640px){.plan-header{padding:24px 24px 16px}.plan-week-label{font-size:1.375rem}.plan-day-tabs{padding:0 24px 16px}.plan-day-tab{min-height:64px}.plan-day{padding:0 24px 32px}}