:root{--fm-canvas: #F3F1EA;--fm-app-bg: #FBF9F3;--fm-surface: #FFFFFF;--fm-green: #3F6B4F;--fm-green-dark: #2E4A37;--fm-green-tint: #E1EAE3;--fm-green-pale: #B9CDBE;--fm-orange: #D97E4A;--fm-orange-tint: #F7E4D3;--fm-orange-pale: #F3B98C;--fm-ink: #23291F;--fm-muted: #6B7268;--fm-faint: #A39C86;--fm-border: #E7E2D6;--fm-border-light: #F1EDE2;--fm-neutral-tint: #EFEAE0;--fm-placeholder-a: #EFE9DA;--fm-placeholder-b: #E7DEC9;--fm-scrim: rgba(35, 41, 31, .45);--fm-font-display: "Newsreader", Georgia, serif;--fm-font-body: "Work Sans", system-ui, -apple-system, sans-serif;--fm-r-sheet: 28px;--fm-r-card-lg: 24px;--fm-r-card: 20px;--fm-r-btn: 16px;--fm-r-tile: 14px;--fm-r-pill: 999px;--fm-shadow-card: 0 8px 24px -12px rgba(60, 60, 40, .18);--fm-pad-screen: 20px;--fm-gap-section: 22px;--fm-gap-card: 12px;--fm-ease-sheet: cubic-bezier(.2, .8, .2, 1);--fm-dur-sheet: .28s;--fm-dur-fade: .2s}*{box-sizing:border-box}body{margin:0;background:var(--fm-app-bg);color:var(--fm-ink);font-family:var(--fm-font-body);-webkit-font-smoothing:antialiased}.onboard{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:var(--fm-pad-screen)}.onboard__brand{font-family:var(--fm-font-display);font-size:34px;font-weight:600;margin:0}.onboard__title{font-family:var(--fm-font-display);font-size:24px;font-weight:600;margin:0}.onboard__lead{color:var(--fm-muted);font-size:14px;line-height:1.5;margin:8px 0 var(--fm-gap-section)}.segmented{display:flex;gap:4px;padding:4px;background:var(--fm-neutral-tint);border-radius:var(--fm-r-pill);margin-bottom:var(--fm-gap-section)}.segmented__opt{flex:1;padding:10px;border:0;border-radius:var(--fm-r-pill);background:none;color:var(--fm-muted);font:inherit;font-size:13.5px;font-weight:600}.segmented__opt--on{background:var(--fm-green);color:var(--fm-app-bg)}.form{display:flex;flex-direction:column;gap:6px}.form__label{font-size:12.5px;color:var(--fm-muted);margin-top:10px}.form__input{font:inherit;padding:12px 14px;border:1px solid var(--fm-border);border-radius:var(--fm-r-btn);background:var(--fm-surface);color:var(--fm-ink)}.form__input:focus-visible{outline:2px solid var(--fm-green);outline-offset:1px}.form__input--code{letter-spacing:.4em;text-align:center;font-size:19px}.form__problem{color:var(--fm-orange);font-size:13px;margin:8px 0 0}.steps{list-style:none;margin:0 0 var(--fm-gap-section);padding:0;display:flex;flex-direction:column;gap:var(--fm-gap-card)}.steps__item{display:flex;align-items:center;gap:10px;font-size:14px}.steps__num{flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:var(--fm-r-pill);background:var(--fm-green-tint);color:var(--fm-green-dark);font-size:12.5px;font-weight:600}.btn{font:inherit;border:0;border-radius:var(--fm-r-btn)}.btn--primary{margin-top:var(--fm-gap-section);padding:14px;background:var(--fm-green);color:var(--fm-app-bg);font-weight:600}.btn--primary:disabled{opacity:.6}.btn--quiet{margin-top:var(--fm-gap-card);padding:10px;background:none;color:var(--fm-muted);font-size:13px;text-decoration:underline}.shell{min-height:100dvh;display:flex;flex-direction:column}.shell__body{flex:1;padding:var(--fm-pad-screen);overflow-y:auto;min-height:0}.shell__title{font-family:var(--fm-font-display);font-size:24px;font-weight:600;margin:0}.shell__hint{color:var(--fm-muted);font-size:14px}.offline{margin:0;padding:8px var(--fm-pad-screen);background:var(--fm-neutral-tint);color:var(--fm-muted);font-size:12.5px;text-align:center}.nav{display:flex;border-top:1px solid var(--fm-border);background:var(--fm-app-bg);padding-bottom:env(safe-area-inset-bottom)}.nav__tab{flex:1;padding:14px 0;border:0;background:none;color:var(--fm-muted);font:inherit;font-size:12px;font-weight:500}.nav__tab--on{color:var(--fm-green);font-weight:700}.field{position:relative;display:flex;align-items:center}.field__input{flex:1;padding-right:84px}.field__toggle{position:absolute;right:6px;padding:6px 10px;border:0;border-radius:var(--fm-r-pill);background:var(--fm-neutral-tint);color:var(--fm-muted);font:inherit;font-size:12px;font-weight:600}.form__hint{margin:6px 0 0;color:var(--fm-muted);font-size:12.5px;line-height:1.4}.form__hint--unmet{color:var(--fm-orange)}.greet{display:flex;align-items:center;gap:var(--fm-gap-card);margin-bottom:var(--fm-gap-section)}.greet__avatar{flex:none;width:46px;height:46px;display:grid;place-items:center;border-radius:var(--fm-r-pill);background:var(--fm-green);color:var(--fm-app-bg);font-size:15px;font-weight:600;letter-spacing:.02em}.greet__title{font-family:var(--fm-font-display);font-size:20px;font-weight:600;margin:0}.greet__date{margin:2px 0 0;color:var(--fm-muted);font-size:13px}.recipes__head{display:flex;align-items:center;justify-content:space-between}.recipes__title{font-family:var(--fm-font-display);font-size:24px;font-weight:600;margin:0}.recipes__add{width:36px;height:36px;border:0;border-radius:var(--fm-r-pill);background:var(--fm-green);color:var(--fm-app-bg);font-size:20px;line-height:1}.recipes__search{width:100%;margin:var(--fm-gap-card) 0;padding:10px 14px;border:1px solid var(--fm-border);border-radius:var(--fm-r-pill);background:var(--fm-surface);color:var(--fm-ink);font:inherit;font-size:14px}.recipes__parked{margin:0 0 var(--fm-gap-card);color:var(--fm-muted);font-size:12.5px}.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.chip{flex:none;padding:7px 14px;border:1px solid var(--fm-border);border-radius:var(--fm-r-pill);background:var(--fm-surface);color:var(--fm-muted);font:inherit;font-size:12.5px;font-weight:600}.chip--on{background:var(--fm-green);border-color:var(--fm-green);color:var(--fm-app-bg)}.rows{list-style:none;margin:var(--fm-gap-section) 0 0;padding:0}.row{display:flex;align-items:center;gap:var(--fm-gap-card);width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--fm-border-light);background:none;font:inherit;text-align:left}.row__thumb{flex:none;width:56px;height:56px;border-radius:var(--fm-r-tile);background:var(--fm-placeholder-a)}.row__main{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.row__title{font-family:var(--fm-font-display);font-size:15.5px;font-weight:600;color:var(--fm-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__meta{color:var(--fm-muted);font-size:12.5px}.row__chevron{color:var(--fm-faint);font-size:18px}.empty{text-align:center;padding:var(--fm-gap-section) 0}.empty__title{font-family:var(--fm-font-display);font-size:18px;font-weight:600;margin:0}.empty__lead{color:var(--fm-muted);font-size:14px;line-height:1.5}.ing{display:flex;flex-direction:column;gap:6px;padding:var(--fm-gap-card) 0;border-bottom:1px solid var(--fm-border-light);position:relative}.ing__fields{display:flex;flex-direction:column;gap:6px}.ing__qty{display:flex;gap:var(--fm-gap-card)}.ing__qty>div{flex:1}.ing__unverified{margin:0;color:var(--fm-muted);font-style:italic;font-size:12px}.ing__suggestions{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.ing__remove{align-self:flex-end;border:0;background:none;color:var(--fm-muted);font:inherit;font-size:12.5px;text-decoration:underline}.picker{display:flex;flex-direction:column;gap:6px}.picker__error{margin:0;color:var(--fm-muted);font-size:12px}.editor{display:flex;flex-direction:column;padding-bottom:24px}.editor>*{flex-shrink:0}.editor__head{display:flex;align-items:center;gap:10px;margin-bottom:var(--fm-gap-card)}.editor__back{flex:none;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--fm-border);border-radius:var(--fm-r-pill);background:var(--fm-surface);color:var(--fm-ink);font-size:18px;line-height:1}.editor__head-title{font-family:var(--fm-font-display);font-size:19px;font-weight:600;margin:0}.editor__hero{height:140px;margin-bottom:var(--fm-gap-card);border-radius:var(--fm-r-card);display:grid;place-items:center;color:var(--fm-muted);font-size:12px;background-image:repeating-linear-gradient(45deg,var(--fm-placeholder-a) 0 10px,var(--fm-placeholder-b) 10px 20px)}.editor__title-input{font-family:var(--fm-font-display);font-size:16px}.editor__row{display:flex;gap:var(--fm-gap-card)}.editor__row>div{flex:1}.editor__steps{margin:0 0 var(--fm-gap-card)}.editor__step-text{flex:1}.editor__add-step{display:flex;align-items:flex-end;gap:8px}.editor__add-step>div{flex:1}.editor__add{align-self:flex-start;margin:4px 0 var(--fm-gap-card)}.detail{display:flex;flex-direction:column;padding-bottom:24px}.detail>*{flex-shrink:0}.detail__hero{position:relative;height:200px;margin:calc(var(--fm-pad-screen) * -1) calc(var(--fm-pad-screen) * -1) var(--fm-gap-card);display:grid;place-items:center;color:var(--fm-muted);font-size:12px;background-image:repeating-linear-gradient(45deg,var(--fm-placeholder-a) 0 10px,var(--fm-placeholder-b) 10px 20px)}.detail__back{position:absolute;top:var(--fm-gap-card);left:var(--fm-pad-screen);width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:var(--fm-r-pill);background:var(--fm-surface);color:var(--fm-ink);font-size:18px;line-height:1}.detail__badge{align-self:flex-start;padding:4px 10px;border-radius:var(--fm-r-pill);background:var(--fm-orange-tint);color:var(--fm-orange);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.detail__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--fm-gap-card)}.detail__title{font-family:var(--fm-font-display);font-size:24px;font-weight:600;margin:0}.detail__edit{margin:0;padding:6px 0;flex:none}.detail__meta{margin:4px 0 var(--fm-gap-section);color:var(--fm-muted);font-size:13px}.detail__ingredients{list-style:none;margin:0 0 var(--fm-gap-section);padding:0}.detail__ingredient{padding:10px 0;border-bottom:1px solid var(--fm-border-light);font-size:14px}