@font-face{font-family:Manrope;src:url(/assets/Manrope-VariableFont_wght-0N3pECc_.ttf)format("truetype");font-weight:200 800;font-style:normal;font-display:swap}:root{--coral:#f4796c;--warm-cream:#fff8f0;--soft-sage:#dce9e8;--deep-green:#244541;--text:#5a655f;--text-h:#244541;--text-h-strong:#1b332f;--bg:#fbf5ec;--surface:#fff;--surface-tint:#fffdf9;--surface-muted:#f6efe4;--border:#e3d9cc;--border-focus:#f4796c;--border-hairline:color-mix(in srgb, var(--border) 75%, transparent);--disabled-bg:#f3efe7;--disabled-text:#a8a196;--accent:#f4796c;--accent-bg:#fff0ee;--accent-border:#f4796c;--accent-green:#dce9e8;--error:#c8452f;--text-muted:#8b9189;--danger:#c8452f;--danger-bg:#fdf3f0;--sans:"Manrope", sans-serif;--heading:"Manrope", sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:24px;--font-size-2xl:32px;--font-weight-normal:400;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-normal:150%;--line-height-tight:120%;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--header-height:64px;--content-width:1160px;--shadow:0 8px 24px #543c2e1a;--shadow-sm:0 1px 2px #543c2e0f, 0 4px 12px #543c2e0d;--shadow-md:0 2px 6px #543c2e0d, 0 12px 32px #543c2e14;font:16px/150% var(--sans);letter-spacing:.1px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.input-underline{align-items:center;display:flex;position:relative}.input-underline:after{background:var(--accent);content:"";transform-origin:50%;height:2px;transition:transform .2s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.input-underline:focus-within:after{transform:scaleX(1)}.line-input{box-sizing:border-box;width:100%;min-width:0;padding:var(--space-2) 2px;border:0;border-bottom:1px solid var(--border);color:var(--text-h);font:inherit;font-size:var(--font-size-md);background:0 0;border-radius:0;outline:none}.line-input::placeholder{color:var(--text-muted)}@media (prefers-reduced-motion:reduce){.input-underline:after{transition:none}}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1{font-size:var(--font-size-xl);letter-spacing:-1.68px;margin:var(--space-12) 0 var(--space-8)}h2{font-family:var(--heading);color:var(--text-h);letter-spacing:-.24px;margin:0 0 8px;font-size:24px;font-weight:600;line-height:120%}@media (width<=1024px){h2{font-size:20px}}h3{font-family:var(--heading);color:var(--text-h);letter-spacing:0;margin:0 0 8px;font-size:17px;font-weight:600;line-height:140%}body{font-weight:400}button{font-family:inherit}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}@media (width<=600px){.app-card{border-radius:var(--radius-lg)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-zinc-50:oklch(98.5% 0 none);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-white:#fff;--spacing:.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.hidden{display:none}.hidden\!{display:none!important}.table{display:table}.w-56{width:calc(var(--spacing) * 56)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.resize{resize:both}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-zinc-200{border-color:var(--color-zinc-200)}.bg-white{background-color:var(--color-white)}.bg-zinc-100{background-color:var(--color-zinc-100)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-950{color:var(--color-zinc-950)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.data-disabled\:opacity-40[data-disabled]{opacity:.4}.data-rwp-focused\:ring-2[data-rwp-focused]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-rwp-focused\:ring-zinc-300[data-rwp-focused]{--tw-ring-color:var(--color-zinc-300)}.data-rwp-focused\:ring-inset[data-rwp-focused]{--tw-ring-inset:inset}@media (prefers-color-scheme:dark){.dark\:border-zinc-800{border-color:var(--color-zinc-800)}.dark\:bg-zinc-900{background-color:var(--color-zinc-900)}.dark\:bg-zinc-950{background-color:var(--color-zinc-950)}.dark\:text-zinc-50{color:var(--color-zinc-50)}.dark\:text-zinc-500{color:var(--color-zinc-500)}.dark\:data-rwp-focused\:ring-zinc-600[data-rwp-focused]{--tw-ring-color:var(--color-zinc-600)}}}.page-header{z-index:90;box-sizing:border-box;background:var(--bg);position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.page-header{background:color-mix(in srgb, var(--bg) 92%, #fff)}}.page-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px)}.page-header-inner{align-items:center;gap:var(--space-4);width:100%;max-width:var(--content-width);height:var(--header-height);box-sizing:border-box;padding:0 var(--space-6);margin:0 auto;display:flex}.page-header-brand,.sidebar-brand{align-items:center;gap:var(--space-2);display:inline-flex}.brand-mark{background:var(--accent);color:#fff;border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.brand-mark svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:21px;height:21px}.brand-name{color:var(--text-h-strong);font-family:var(--heading);letter-spacing:-.3px;white-space:nowrap;font-size:17px;font-weight:700}.page-header-back+.page-header-brand{margin-left:var(--space-1)}.page-header-menu,.page-header-back{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-h);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex}.page-header-back{font-size:30px;line-height:1}.page-header-menu:hover,.page-header-back:hover,.page-header-nav-item:hover{background:var(--accent-bg);color:var(--accent)}.page-header-menu:focus-visible,.page-header-back:focus-visible,.page-header-nav-item:focus-visible,.page-header-signout:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-header-nav{align-items:center;gap:var(--space-1);margin-left:var(--space-4);display:flex}.page-header-nav-item{padding:var(--space-2) var(--space-4);color:var(--text);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;border-radius:999px;transition:background .15s,color .15s}.page-header-nav-item-active,.page-header-nav-item-active:hover{background:var(--accent);color:#fff}.page-header-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.page-header-signout{padding:var(--space-2) var(--space-4);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:999px;transition:background .15s,color .15s,border-color .15s}.page-header-signout:hover{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.page-header-signout:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent)}}.page-header-signout:hover{background:var(--accent-bg);color:var(--accent)}.floating-add-button{z-index:80;bottom:var(--space-6);background:var(--accent);color:#fff;width:56px;height:56px;font:inherit;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:32px;font-weight:400;line-height:1;transition:background .15s,transform .1s,box-shadow .15s;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #f4796c59}.floating-add-button:hover{background:#ed6d60;box-shadow:0 10px 24px #f4796c66}.floating-add-button:active{transform:translate(-50%)scale(.94)}.floating-add-button:focus-visible,.create-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.menu-icon{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.menu-icon span{background:currentColor;border-radius:1px;width:18px;height:2px;display:block}.page-content{width:100%;max-width:var(--content-width);padding:0 var(--space-6);box-sizing:border-box;margin:0 auto}.page-header-meal-maker .page-header-inner,.page-content-meal-maker{max-width:1320px;padding-inline:clamp(var(--space-5), 3vw, 44px)}.app{flex-direction:column;height:100svh;min-height:0;display:flex;overflow:hidden}.app>.page-header{flex:none}.app>.page-transition{flex:auto;min-height:0;overflow-y:auto}.meal-maker-screen{box-sizing:border-box;width:100%;max-width:1180px;margin-inline:auto;padding:24px 0 40px}.meal-maker-hero{grid-template-columns:minmax(280px,.9fr) minmax(0,2fr);grid-template-areas:"intro form""steps form";align-items:start;gap:16px 36px;display:grid}.meal-maker-intro{grid-area:intro;min-width:0;padding-top:24px}.meal-maker-intro h2{max-width:20ch;color:var(--deep-green);font-family:var(--heading);letter-spacing:-.7px;text-wrap:balance;margin:0 0 14px;font-size:clamp(26px,2.2vw,30px);font-weight:750;line-height:1.25}.intro-description{max-width:36ch;color:var(--text);margin:0;font-size:14px;line-height:1.65}.intro-description-compact{display:none}.intro-art{grid-template-columns:.8fr 1.45fr;align-items:center;gap:8px;min-height:144px;margin-top:16px;display:grid}.intro-art-produce{aspect-ratio:auto;object-fit:cover;width:100%;max-width:none;height:auto;-webkit-mask-image:var(--intro-photo-mask,none);-webkit-mask-image:var(--intro-photo-mask,none);-webkit-mask-image:var(--intro-photo-mask,none);-webkit-mask-image:var(--intro-photo-mask,none);mask-image:var(--intro-photo-mask,none);border-radius:0;grid-area:1/2;display:block}.intro-art-note{color:#f47765;text-align:left;white-space:nowrap;grid-area:1/1;font-family:Bradley Hand,Segoe Print,cursive;font-size:clamp(19px,1.7vw,23px);font-style:italic;font-weight:700;line-height:1.2;position:relative;transform:rotate(-8deg)}.intro-note-line{text-shadow:.25px 0;display:block}.intro-note-line+.intro-note-line{padding-left:.65em}.intro-note-doodles{stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:calc(100% + 20px);height:calc(100% + 24px);position:absolute;top:-12px;left:-4px;overflow:visible}.intro-note-mobile-strokes{display:none}.intro-steps{gap:var(--space-2);padding:var(--space-5) var(--space-3);background:#ffffff6b;border:0;border-radius:8px;grid-area:steps;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;list-style:none;display:grid}.intro-step{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;min-width:0;display:flex}.intro-step-icon{width:var(--intro-step-size,43px);height:var(--intro-step-size,43px);color:var(--accent);background:linear-gradient(145deg,#fffcf7,#fcf6ee);border:1px solid #f1e9de;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #6b4d330d}.intro-step:first-child .intro-step-icon{color:var(--deep-green)}.intro-step-icon svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:22px;height:22px}.intro-step-copy{min-width:0;display:block}.intro-step-copy strong{color:var(--deep-green);font-size:11px;font-weight:var(--font-weight-semibold);line-height:1.35;display:block}.meal-maker-form.app-card{min-width:0;padding:var(--space-6) var(--space-8);background:linear-gradient(160deg,#fff 0%,#fffdf9 100%);border:1px solid #f4eee5;border-radius:9px;flex-direction:column;grid-area:form;display:flex;box-shadow:0 8px 36px #563a260f}.meal-maker-form>*{box-sizing:border-box;width:100%;min-width:0}.meal-maker-calories{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-hairline)}.meal-maker-create-button{min-height:48px;margin-top:var(--space-5)}.create-button.meal-maker-create-button{background:linear-gradient(110deg,#ff7968,#ff685b);border-radius:8px}.create-button{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:15px var(--space-6);border-radius:var(--radius-lg);background:var(--accent);color:#fff;font:inherit;font-weight:var(--font-weight-bold);font-size:var(--font-size-md);cursor:pointer;border:none;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex}.create-button:hover:not(:disabled){background:#ed6d60;box-shadow:0 8px 20px #f4796c4d}.create-button:active:not(:disabled){transform:scale(.98)}.create-button:disabled{cursor:not-allowed;opacity:.55}.button-spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.6s linear infinite button-spinner-rotate}@keyframes button-spinner-rotate{to{transform:rotate(360deg)}}.generating-indicator{align-items:center;gap:var(--space-3);margin-top:var(--space-10);flex-direction:column;display:flex}.generating-indicator .generating-message{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.generating-loader{object-fit:contain;width:140px;height:140px;display:block}.error-message{margin-top:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid var(--error)}@supports (color:color-mix(in lab, red, red)){.error-message{border:1px solid color-mix(in srgb, var(--error) 25%, transparent)}}.error-message{border-radius:var(--radius-lg);background:var(--danger-bg);color:var(--error);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.page-transition{animation-duration:.28s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;position:relative}.page-transition-left{animation-name:page-slide-in-left}.page-transition-right{animation-name:page-slide-in-right}.page-transition-none{animation:none}@keyframes page-slide-in-left{0%{opacity:.75;left:20px}to{opacity:1;left:0}}@keyframes page-slide-in-right{0%{opacity:.75;left:-20px}to{opacity:1;left:0}}.meal-maker-result{margin-top:var(--space-10);padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-sm)}@media (width<=768px){.meal-maker-result{margin-top:var(--space-8);padding:var(--space-5)}}@media (width<=360px){.meal-maker-result{padding:var(--space-4)}}@media (width<=900px){.page-header-nav{display:none}}@media (width>=901px){.page-header-menu{display:none}}@media (width>=641px){.intro-art{min-height:190px;overflow:hidden}.intro-art-produce{--intro-photo-mask:radial-gradient(ellipse 68% 68% at 54% 53%, #000 38%, #000000d9 53%, transparent 76%);object-position:center 62%;width:calc(100% + 24px);height:190px;transform:translate(-24px)}.intro-art-note{justify-self:start}.meal-maker-calories{border:0;border-radius:12px;padding:20px 0}.meal-maker-calories .calories{flex-wrap:wrap}.meal-maker-calories .calories h3{font-size:16px}.meal-maker-calories .calories-heading-icon{font-size:26px}.meal-maker-calories .calories-field{background:var(--surface);flex:190px;min-height:52px;font-size:16px}.meal-maker-calories .calories-field-unit{font-size:13px}}@media (width>=1001px){.meal-maker-hero{grid-template-columns:minmax(300px,1.1fr) minmax(0,2fr);row-gap:0}.meal-maker-form.app-card{margin-top:24px}.meal-maker-intro h2{text-wrap:initial;max-width:none;margin-bottom:18px;font-size:clamp(26px,2.3vw,32px);line-height:1.22}.meal-maker-intro h2 span{display:block}.intro-description{max-width:35ch;font-size:clamp(14px,1.2vw,16px);line-height:1.6}.intro-steps{background:linear-gradient(120deg,#fffc,#fffdf973);border-radius:10px;gap:10px;padding:24px 12px 28px}.intro-step{gap:10px}.intro-step-icon{--intro-step-size:56px;box-shadow:none}.intro-step:last-child .intro-step-icon{color:#827c70}.intro-step-icon svg{width:26px;height:26px}.intro-step-copy strong{max-width:11ch;font-size:12px;font-weight:var(--font-weight-medium);line-height:1.45}}@media (width<=1000px){.meal-maker-screen{max-width:720px;padding-block:24px}.meal-maker-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""steps""form";gap:20px}.meal-maker-intro{padding:0;display:block}.intro-art{max-width:420px}.intro-steps{padding:14px 12px}.meal-maker-form.app-card{padding:24px}}@media (width>=641px) and (width<=1000px) and (height>=501px){.meal-maker-intro{grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);align-items:center;gap:12px 24px;display:grid}.meal-maker-intro h2{grid-area:1/1;align-self:end;margin:0}.meal-maker-intro .intro-description{grid-area:2/1;align-self:start}.meal-maker-intro .intro-art{grid-area:1/2/3;margin-top:0;overflow:visible}.meal-maker-intro .intro-art-note{left:-48px}}@media (width<=640px){.page-header-meal-maker .page-header-inner{height:52px;padding-inline:14px}.page-header-meal-maker .page-header-brand{order:1}.page-header-meal-maker .page-header-menu{order:2;margin-left:auto}.page-header-meal-maker .page-header-actions{display:none}.page-content-meal-maker{--meal-mobile-gutter:clamp(18px, 5vw, 26px);--meal-mobile-width:500px;--meal-mobile-safe-area:env(safe-area-inset-bottom,0px);padding-inline:var(--meal-mobile-gutter);padding-bottom:calc(88px + var(--meal-mobile-safe-area))}.meal-maker-screen{max-width:var(--meal-mobile-width);padding-block:clamp(12px,2.4svh,22px) 20px}.meal-maker-hero{gap:clamp(10px,1.8svh,16px)}.meal-maker-intro{isolation:isolate;box-sizing:border-box;min-height:clamp(220px,58vw,250px);margin-inline:calc(-1 * var(--meal-mobile-gutter));padding:4px calc(var(--meal-mobile-gutter) + 4px) 20px calc(var(--meal-mobile-gutter) + 12px);position:relative;overflow:hidden}.meal-maker-intro h2,.intro-description{z-index:1;position:relative}.meal-maker-intro h2{letter-spacing:-.6px;text-wrap:initial;max-width:76%;margin-bottom:12px;font-size:clamp(20px,5.6vw,25px);line-height:1.22}.meal-maker-intro h2 span{display:block}.intro-description{max-width:61%;font-size:clamp(12px,3.1vw,14px);line-height:1.55}.intro-art{--intro-photo-top:clamp(24px, 7vw, 36px);--intro-photo-height:clamp(128px, 38vw, 164px);pointer-events:none;width:clamp(112px,34vw,172px);height:100%;margin-top:0;display:block;position:absolute;top:0;right:clamp(24px,8vw,40px)}.intro-art-produce{--intro-photo-mask:radial-gradient(ellipse at 58% 50%, #000 46%, #000000e0 57%, transparent 75%);top:var(--intro-photo-top);width:clamp(184px,50vw,240px);height:var(--intro-photo-height);object-position:center 58%;position:absolute;right:-86px}.intro-art-note{top:calc(var(--intro-photo-top) + var(--intro-photo-height) - 8px);color:#fa806d;letter-spacing:.15px;width:clamp(108px,31vw,145px);font-size:clamp(15px,4.1vw,18px);line-height:1.1;position:absolute;right:68px;transform:rotate(-10deg)}.intro-note-line+.intro-note-line{padding-left:.8em}.intro-note-doodles{stroke-width:2px;height:calc(100% + 22px);top:-10px}.intro-note-mobile-strokes{display:inline;transform:translate(-30px)}.intro-note-right-strokes,.intro-note-top-right-stroke{transform:translate(-15px)}.intro-note-heart{transform:translate(-10px)}.intro-steps{background:0 0;gap:6px;margin-top:-32px;padding:0}.intro-step{gap:6px}.intro-step-icon{--intro-step-size:clamp(34px, 10vw, 44px);box-shadow:none}.intro-step-copy strong{max-width:11ch;font-size:clamp(9px,2.55vw,11px)}.meal-maker-form.app-card{border-radius:8px;margin-top:32px;padding-block:clamp(12px,3.5vw,18px);padding-inline:clamp(18px,5vw,24px);box-shadow:0 5px 20px #563a260d}.meal-maker-calories{margin-top:14px;padding-top:12px}.meal-maker-create-button{z-index:80;right:0;bottom:calc(32px + var(--meal-mobile-safe-area));width:calc(100% - 2 * var(--meal-mobile-gutter));max-width:var(--meal-mobile-width);min-height:44px;margin:0 auto;padding:10px 12px;font-size:14px;position:fixed;left:0}}@media (width<=640px) and (height<=700px),(width>=641px) and (width<=1000px) and (height<=500px){.intro-description-full{display:none}.intro-description-compact{display:inline}.meal-maker-calories{margin-top:10px;padding-top:10px}}@media (width<=640px) and (height<=700px){.meal-maker-screen{padding-block:10px 12px}.meal-maker-hero{gap:8px}.meal-maker-intro{min-height:196px;padding-bottom:16px}.intro-art{--intro-photo-top:20px;--intro-photo-height:128px}.intro-steps{padding-block:4px}.intro-step-icon{--intro-step-size:32px}}@media (width<=640px) and (height<=600px){.meal-maker-intro{min-height:184px}.intro-art{--intro-photo-top:18px}.intro-art-note{font-size:15px}.intro-steps{padding-block:2px}.intro-step{gap:4px}.intro-step-icon{--intro-step-size:26px}.meal-maker-form.app-card{padding-block:10px}}@media (width>=641px) and (width<=1000px) and (height<=500px){.page-header-meal-maker .page-header-inner{height:48px}.meal-maker-screen{max-width:none;padding-block:12px}.meal-maker-hero{grid-template-columns:minmax(220px,.85fr) minmax(0,1.4fr);grid-template-areas:"intro form""steps form";gap:10px 20px}.meal-maker-intro h2{margin-bottom:8px;font-size:22px}.intro-description{font-size:12px;line-height:1.45}.intro-art{grid-template-columns:.8fr 1.2fr;max-width:220px;margin-top:8px}.intro-art-note{font-size:15px}.intro-steps{background:0 0;gap:4px;padding:6px 0}.intro-step-icon{--intro-step-size:28px}.intro-step-copy strong{font-size:9px}.meal-maker-form.app-card{padding:12px}.meal-maker-create-button{min-height:44px;margin-top:10px;padding-block:10px;font-size:14px}}@media (prefers-reduced-motion:reduce){.floating-add-button{transition:none}.button-spinner{animation-duration:1.5s}.page-transition-left,.page-transition-right{animation:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.sidebar{width:280px;padding:var(--space-6) var(--space-4) var(--space-5);box-sizing:border-box;background:var(--surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-brand{padding:var(--space-2) var(--space-3) var(--space-5);margin-bottom:var(--space-4);border-bottom:1px solid var(--border-hairline)}.sidebar-nav{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) 14px;border-radius:var(--radius-sm);color:var(--text);font:inherit;font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.sidebar-item:hover{background:var(--accent-bg)}.sidebar-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sidebar-item-active,.sidebar-item-active:hover{background:var(--accent);color:#fff}.sidebar-logout{margin-top:auto}.app-version{color:var(--text);opacity:.5;text-align:center;margin-top:6px;font-size:11px}.sidebar-backdrop{z-index:99;visibility:hidden;pointer-events:none;background:0 0;transition:background .25s,visibility .25s;position:fixed;inset:0}.sidebar-backdrop.open{visibility:visible;pointer-events:auto;background:#1c181459}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.nutrition-dialog-backdrop{padding:var(--space-3);z-index:1000;background:#0f1e3073;place-items:center;display:grid;position:fixed;inset:0}.nutrition-dialog{width:min(100%,420px);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--surface);text-align:left;box-shadow:0 12px 32px #0f1e3040}.nutrition-dialog-done:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nutrition-dialog-description{margin:var(--space-1) 0 var(--space-5);font-size:var(--font-size-sm)}.nutrition-fields{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.save-ingredient-option{align-items:center;gap:var(--space-2);color:var(--text-h);font-size:var(--font-size-sm);cursor:pointer;margin-top:22px;display:flex}.save-ingredient-option input{width:16px;height:16px;accent-color:var(--accent);margin:0}.nutrition-dialog-done{width:100%;margin-top:var(--space-4);border-radius:var(--radius-md);background:var(--accent);color:#fff;font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;border:0;padding:10px}.nutrition-dialog-done:hover{background:#ed6d60}@media (width<=480px){.nutrition-dialog{padding:var(--space-5)}}.nutrition-field{gap:var(--space-1);color:var(--text-h);font-size:var(--font-size-sm);display:grid}.nutrition-field:focus-within{color:var(--accent)}.nutrition-field-input span{margin-left:var(--space-1);color:var(--text);font-size:var(--font-size-sm);flex-shrink:0}.nutrition-field-error{color:var(--error);animation:.22s ease-out nutrition-field-error}.nutrition-field-error .nutrition-field-input input{border-bottom-color:var(--error)}.nutrition-field-error .nutrition-field-input:after{background:var(--error);transform:scaleX(1)}.nutrition-field-error .nutrition-field-input span{color:var(--error)}@keyframes nutrition-field-error{0%{transform:translate(0)}30%{transform:translate(-3px)}60%{transform:translate(3px)}to{transform:translate(0)}}.action-menu-backdrop{z-index:1000;visibility:hidden;pointer-events:none;background:0 0;align-items:flex-end;transition:background .2s,visibility .25s;display:flex;position:fixed;inset:0}.action-menu-backdrop.open{visibility:visible;pointer-events:auto;background:#00000040}.action-menu{box-sizing:border-box;width:100%;max-width:500px;padding:var(--space-6);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--surface);margin:0 auto;transition:transform .5s cubic-bezier(.32,.72,0,1);transform:translateY(100%)}.action-menu-backdrop.open .action-menu{transform:translateY(0)}.action-menu:before{content:"";width:36px;height:4px;margin:0 auto var(--space-4);background:var(--border);border-radius:999px;display:block}.action-menu-items{flex-direction:column;display:flex}.action-menu-item,.action-menu-cancel{width:100%;min-height:48px;padding:var(--space-3) 14px;border-radius:var(--radius-md);color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.action-menu-item:hover,.action-menu-cancel:hover{background:var(--accent-bg)}.action-menu-icon{width:28px;margin-right:var(--space-2);text-align:center}.action-menu-item-destructive{color:var(--danger)}.action-menu-cancel{margin-top:var(--space-2);justify-content:center}.my-ingredients{width:100%;max-width:680px;padding:var(--space-8) 0 var(--space-10);box-sizing:border-box;text-align:left;margin:0 auto}.ingredient-search-field{align-items:center;gap:var(--space-3);width:100%;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);box-sizing:border-box;border-radius:var(--radius-lg);background:var(--surface-muted);display:flex}.ingredient-search-icon{width:20px;height:20px;color:var(--text-muted);flex:none;display:flex}.ingredient-search-icon svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:100%;height:100%}.ingredient-search{min-width:0;color:var(--text-h);font:inherit;font-size:var(--font-size-md);background:0 0;border:0;outline:0;flex:1;padding:0}.ingredient-search::placeholder{color:var(--text-muted)}.ingredients-list{border-radius:var(--radius-lg);background:var(--surface-muted);flex-direction:column;width:100%;display:flex;overflow:hidden}.ingredient-row-wrapper{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .25s,opacity .2s;display:grid;overflow:hidden}.ingredient-row-wrapper+.ingredient-row-wrapper{border-top:1px solid var(--border-hairline)}.ingredient-row-wrapper-deleting{opacity:0;grid-template-rows:0fr}.ingredient-row{align-items:center;gap:var(--space-4);width:100%;min-width:0;min-height:64px;padding:var(--space-3) 0;box-sizing:border-box;background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;border:0;transition:background-color .15s;display:flex}.ingredient-row-wrapper-selected .ingredient-row{background:var(--accent-bg)}.ingredient-icon{border-radius:var(--radius-md);flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;line-height:1;display:flex}.ingredient-row-info{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ingredient-row-info strong{color:var(--text-h);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ingredient-row-info span{color:var(--text-muted);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover) and (pointer:fine){.ingredient-row:hover{background:var(--accent-bg)}}.ingredient-row:active{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.ingredient-row:focus-visible{z-index:1;outline:2px solid var(--accent);outline-offset:-2px;position:relative}.ingredients-empty{padding:var(--space-12) var(--space-6);color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;display:flex}.ingredients-empty p{margin:0}.ingredients-empty-icon{width:64px;height:64px;margin-bottom:var(--space-4);border-radius:var(--radius-xl);background:var(--accent-bg);font-size:var(--font-size-2xl);justify-content:center;align-items:center;line-height:1;display:flex}.ingredients-empty-title{color:var(--text-h);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)!important}.ingredients-empty-hint{max-width:320px;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}@media (width<=600px){.my-ingredients{padding:var(--space-3) 0 var(--space-10)}}@media (prefers-reduced-motion:reduce){.ingredient-row{transition:none}}.my-recipes{width:100%;max-width:680px;padding:var(--space-8) 0 var(--space-10);box-sizing:border-box;text-align:left;margin:0 auto}.recipe-list{background:var(--surface-muted);border-radius:var(--radius-lg);flex-direction:column;width:100%;display:flex}.recipe-row{align-items:center;gap:var(--space-4);width:100%;min-height:64px;padding:var(--space-3) 0;box-sizing:border-box;border:none;border-bottom:1px solid var(--border-hairline);background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;transition:background-color .15s;display:flex}.recipe-row:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.recipe-row:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-bottom:none}.recipe-row:only-child{border-radius:var(--radius-lg);border-bottom:none}.recipe-icon{border-radius:var(--radius-md);background:var(--accent-bg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;line-height:1;display:flex}.recipe-row:after{content:"";width:8px;height:8px;margin-left:var(--space-1);border-top:1.5px solid var(--text-muted);border-right:1.5px solid var(--text-muted);flex-shrink:0;transform:rotate(45deg)}.recipe-row-info{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.recipe-row-info strong{color:var(--text-h);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recipe-row-info span{color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (hover:hover) and (pointer:fine){.recipe-row:hover{background:var(--accent-bg)}}.recipe-row:active{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.recipe-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.my-recipes-status{align-items:center;gap:var(--space-3);padding:var(--space-12) 0;color:var(--text-muted);text-align:center;flex-direction:column;display:flex}.my-recipes-status p{font-size:var(--font-size-md);margin:0}.my-recipes-spinner{border:2px solid var(--accent-bg);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.5s linear infinite my-recipes-spinner-rotate}@keyframes my-recipes-spinner-rotate{to{transform:rotate(360deg)}}.my-recipes-error{gap:var(--space-3);padding:var(--space-5) var(--space-6);background:var(--danger-bg);border:1px solid color-mix(in srgb, var(--danger) 18%, transparent);border-radius:var(--radius-lg);text-align:left;flex-direction:column;display:flex}.my-recipes-error p{color:var(--error);font-size:var(--font-size-md);line-height:var(--line-height-normal);margin:0}.my-recipes-error button{padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);background:var(--accent-bg);color:var(--accent);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;align-self:flex-start;transition:background .15s,transform .1s}.my-recipes-error button:hover{background:color-mix(in srgb, var(--accent) 15%, var(--surface))}.my-recipes-error button:active{transform:scale(.98)}.my-recipes-error button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.my-recipes-empty{padding:var(--space-12) var(--space-6);color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;display:flex}.my-recipes-empty p{margin:0}.my-recipes-empty-icon{width:64px;height:64px;margin-bottom:var(--space-4);border-radius:var(--radius-xl);background:var(--accent-bg);font-size:var(--font-size-2xl);justify-content:center;align-items:center;line-height:1;display:flex}.my-recipes-empty-title{margin-bottom:var(--space-1);color:var(--text-h);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.my-recipes-empty-hint{max-width:320px;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}@media (width<=600px){.my-recipes{padding:var(--space-3) 0 var(--space-10)}.my-recipes-empty{padding:var(--space-10) var(--space-6)}}@media (prefers-reduced-motion:reduce){.recipe-row,.my-recipes-error button{transition:none}}.meal-result{width:100%;color:var(--text);box-sizing:border-box}.meal-result *,.meal-result :before,.meal-result :after{box-sizing:border-box}.meal-result,.meal-result-header h2,.meal-section-header h3,.meal-instructions h3,.meal-nutrition>h3,.meal-ingredient,.ingredient-info,.ingredient-name,.meal-instructions li,.meal-result-header{text-align:left}.meal-bookmark-button{margin-left:auto}.meal-nutrition,.key-nutrients,.nutrition-information,.key-nutrients summary,.nutrition-information summary{text-align:left}.meal-result-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-8);display:flex}.meal-result-header h2{color:var(--text-h);font-family:var(--heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.3px;margin:0}.meal-bookmark-button{padding:var(--space-1);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background 50ms,color 50ms,transform 50ms;display:inline-flex}.meal-bookmark-button svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:22px;height:22px;display:block}.meal-bookmark-button[aria-pressed=true]{color:var(--accent)}.meal-bookmark-button[aria-pressed=true] svg{fill:var(--accent)}@media (hover:hover) and (pointer:fine){.meal-bookmark-button:hover{background:var(--accent-bg);color:var(--accent)}}.meal-bookmark-button:active{background:var(--accent-bg);transform:scale(.92)}.meal-bookmark-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.meal-bookmark-error{margin:calc(-1 * var(--space-4)) 0 var(--space-4);color:var(--error);font-size:var(--font-size-sm)}.meal-section-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.meal-section-header h3,.meal-nutrition h3,.meal-instructions h3{color:var(--text-h);font-family:var(--heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.meal-ingredients{margin-bottom:var(--space-10)}.ingredient-list{border-top:1px solid #aaaaaa59;border-bottom:1px solid #aaaaaa59;width:100%}.meal-ingredient{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:64px;padding:var(--space-3) 0;border-bottom:1px solid #aaaaaa40;display:flex}.meal-ingredient:last-child{border-bottom:none}.ingredient-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ingredient-name{color:var(--text-h);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);overflow-wrap:anywhere}button.ingredient-name-button{align-items:center;gap:var(--space-1);width:fit-content;color:var(--text-h);font-family:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:0;padding:0;display:inline-flex}.ingredient-name-chevron{border-top:1.5px solid var(--text-muted);border-right:1.5px solid var(--text-muted);flex-shrink:0;width:7px;height:7px;transition:border-color .15s,transform .15s;transform:rotate(45deg)}button.ingredient-name-button:hover{color:var(--accent)}button.ingredient-name-button:hover .ingredient-name-chevron{border-color:var(--accent);transform:translate(2px)rotate(45deg)}button.ingredient-name-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ingredient-calories{color:var(--text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.ingredient-weight-control{align-items:center;gap:var(--space-1);flex-shrink:0;min-height:40px;display:flex}.ingredient-weight-control button{border-radius:var(--radius-md);background:var(--surface);width:36px;height:36px;color:var(--text-h);font-family:inherit;font-size:20px;font-weight:var(--font-weight-normal);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:background .15s,color .15s;display:flex}@media (hover:hover) and (pointer:fine){.ingredient-weight-control button:hover{background:var(--accent-bg);color:var(--accent)}}.ingredient-weight-control button:active{background:var(--accent-bg);color:var(--accent);transform:scale(.96)}.ingredient-weight-control button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ingredient-weight-control input{border-radius:var(--radius-sm);width:48px;height:36px;color:var(--text-h);font-family:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);text-align:center;appearance:textfield;background:0 0;border:none;padding:0 2px}.ingredient-weight-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ingredient-weight-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ingredient-weight-control input:focus{outline:1px solid var(--accent);background:var(--accent-bg)}.ingredient-weight-control>span{color:var(--text-muted);font-size:var(--font-size-sm)}.meal-reset-button{border-radius:var(--radius-md);color:var(--text);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;padding:5px 10px;transition:background .15s,color .15s,transform .15s}@media (hover:hover) and (pointer:fine){.meal-reset-button:hover:not(:disabled){background:var(--accent-bg);color:var(--accent)}}.meal-reset-button:active:not(:disabled){background:var(--accent-bg);color:var(--accent);transform:scale(.98)}.meal-reset-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.meal-reset-button:disabled{opacity:.45;cursor:not-allowed}.meal-instructions{padding-bottom:var(--space-10)}.meal-instructions h3{margin-bottom:var(--space-4)}.meal-instructions ol{counter-reset:instruction;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.meal-instructions li{gap:var(--space-3);padding:var(--space-4) 0;color:var(--text);font-size:var(--font-size-md);line-height:var(--line-height-normal);counter-increment:instruction;border-bottom:1px solid #aaaaaa40;grid-template-columns:28px minmax(0,1fr);display:grid;position:relative}.meal-instructions li:first-child{padding-top:var(--space-2)}.meal-instructions li:last-child{padding-bottom:var(--space-2);border-bottom:none}.meal-instructions li:before{content:counter(instruction);background:var(--accent-bg);width:24px;height:24px;color:var(--accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:50%;justify-content:center;align-items:center;margin-top:1px;line-height:1;display:flex}.meal-nutrition{margin-bottom:var(--space-8)}.meal-nutrition>h3{margin-bottom:var(--space-3)}.macro-chart{justify-content:center;align-items:center;gap:var(--space-8);width:100%;margin:0 auto var(--space-8);padding:var(--space-2) 0;display:flex}.macro-donut{flex:0 0 315px;width:315px;height:315px;position:relative}.macro-donut svg{width:100%;height:100%;display:block;overflow:visible;transform:rotate(-90deg)}.macro-donut-track,.macro-donut-segment{fill:none;stroke-width:28px}.macro-donut-track{stroke:var(--disabled-bg)}.macro-donut-segment{stroke-linecap:butt;cursor:pointer;transition:stroke-dasharray .25s,stroke-dashoffset .25s,stroke-width .15s,opacity .15s}.macro-donut-segment-highlighted{stroke-width:34px}.macro-donut-segment-dimmed{opacity:.3}.macro-donut-carbs{stroke:#7f9fbd}.macro-donut-protein{stroke:#f4796c}.macro-donut-fat{stroke:#d4a85f}.macro-donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.macro-donut-center strong{color:var(--text-h);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.4px}.macro-donut-center span{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--font-size-sm)}.macro-legend{gap:var(--space-4);flex-direction:column;min-width:120px;display:flex}.macro-legend-item{align-items:center;gap:var(--space-2);width:100%;padding:6px var(--space-2);border-radius:var(--radius-sm);color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;transition:background .15s,color .15s;display:flex}.macro-legend-item-active{background:var(--accent-bg)}.macro-legend-item-active .macro-label{color:var(--text-h)}.macro-legend-item-active strong{color:var(--accent)}.macro-legend-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.macro-legend-item>span{color:var(--text);font-size:var(--font-size-md)}.macro-legend-item strong{color:var(--text-h);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-left:auto}.macro-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.macro-dot-carbs{background:#7f9fbd}.macro-dot-protein{background:#f4796c}.macro-dot-fat{background:#d4a85f}.macro-legend-text{align-items:center;gap:var(--space-2);display:flex}.nutrition-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;overflow-x:auto}.nutrition-table-wrapper table{table-layout:auto;border-collapse:collapse;width:100%;min-width:0;font-size:var(--font-size-md);text-align:left}.nutrition-table-wrapper th:first-child,.nutrition-table-wrapper td:first-child{overflow-wrap:anywhere;width:35%;padding-left:0;padding-right:4px}.nutrition-table th:first-child,.nutrition-table td:first-child{width:28%}.nutrition-information table th:first-child,.nutrition-information table td:first-child{width:30%}.nutrition-table-wrapper th:not(:first-child),.nutrition-table-wrapper td:not(:first-child){white-space:nowrap;width:auto;padding-left:3px;padding-right:3px}.nutrition-table-wrapper th{padding-top:var(--space-3);padding-bottom:var(--space-3);color:var(--text-h);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;border-bottom:1px solid #aaaaaa8c}.nutrition-table-wrapper td{padding-top:var(--space-3);padding-bottom:var(--space-3);color:var(--text);border-bottom:1px solid #aaaaaa40}.nutrition-table-wrapper th:last-child,.nutrition-table-wrapper td:last-child{padding-right:0}.nutrition-table-wrapper tbody tr:last-child td{border-bottom:1px solid #aaaaaa59}.nutrition-table-wrapper tfoot th{padding-top:var(--space-3);padding-bottom:var(--space-3);color:var(--text-h);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);border-top:1px solid #aaaaaa73;border-bottom:none}.key-nutrients{border-bottom:1px solid #aaaaaa59;margin-bottom:0}.key-nutrients summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:52px;color:var(--text-h);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;list-style:none;display:flex}.key-nutrients summary::-webkit-details-marker{display:none}.key-nutrients summary:after{content:"›";color:var(--text-muted);font-size:22px;font-weight:var(--font-weight-normal);flex-shrink:0;transition:transform .15s;transform:rotate(90deg)}.key-nutrients[open] summary:after{transform:rotate(-90deg)}.key-nutrients summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-sm)}.key-nutrients-description{margin:0 0 var(--space-5);color:var(--text-muted);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.nutrient-list{gap:var(--space-5);padding-bottom:var(--space-5);flex-direction:column;display:flex}.nutrient-item{width:100%}.nutrient-header{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-2);display:flex}.nutrient-name{color:var(--text-h);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.nutrient-value{color:var(--text);font-size:var(--font-size-sm);text-align:right}.nutrient-unavailable{color:var(--text-muted);font-size:var(--font-size-xs);font-style:italic}.nutrient-progress-row{align-items:center;gap:var(--space-3);display:flex}.nutrient-progress{background:var(--disabled-bg);border-radius:999px;flex:1;height:7px;overflow:hidden}.nutrient-progress-fill{border-radius:inherit;background:var(--accent-green);height:100%;transition:width .3s}.nutrient-percentage{width:34px;color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:right;flex-shrink:0}.nutrition-information{margin-bottom:var(--space-8);border-top:none;border-bottom:1px solid #aaaaaa73}.nutrition-information summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:52px;color:var(--text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;list-style:none;display:flex}.nutrition-information summary::-webkit-details-marker{display:none}.nutrition-information summary:after{content:"›";color:var(--text-muted);font-size:22px;font-weight:var(--font-weight-normal);flex-shrink:0;transition:transform .15s;transform:rotate(90deg)}.nutrition-information[open] summary:after{transform:rotate(-90deg)}.nutrition-information summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-sm)}.nutrition-information>p{margin:0 0 var(--space-4);color:var(--text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.meal-result-title-block{min-width:0}.meal-result-eyebrow{margin:0 0 var(--space-1);color:var(--accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:1.2px;text-transform:uppercase}.meal-result-header h2{color:var(--text-h-strong);font-family:var(--heading);letter-spacing:-.5px;margin:0;font-size:clamp(22px,2vw,28px);font-weight:800;line-height:1.2}.meal-result-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.meal-result-meta{margin:0 0 var(--space-6);color:var(--text-muted);font-size:var(--font-size-sm)}.nutrition-summary{gap:var(--space-3);margin-bottom:var(--space-8);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.nutrition-summary-item{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:2px;display:flex}.nutrition-summary-label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.nutrition-summary-value{color:var(--text-h-strong);font-family:var(--heading);font-size:var(--font-size-xl);font-weight:800;line-height:1.1}.nutrition-summary-unit{color:var(--text-muted);font-size:var(--font-size-xs)}.meal-result-grid{gap:var(--space-10);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.meal-result-main,.meal-result-side{min-width:0}.meal-result-main .meal-ingredients{margin-bottom:var(--space-8)}.meal-result-side>*+*{margin-top:var(--space-8)}@media (width<=900px){.meal-result-grid{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.nutrition-summary{margin-bottom:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.meal-result-header{gap:var(--space-3);margin-bottom:var(--space-6)}.meal-result-header h2{font-size:var(--font-size-lg)}.meal-ingredients{margin-bottom:var(--space-8)}.meal-instructions{padding-bottom:var(--space-8)}.macro-chart{gap:var(--space-6);margin-bottom:var(--space-6)}.macro-donut{flex-basis:266px;width:266px;height:266px}.macro-legend{gap:var(--space-3)}.nutrition-table-wrapper table{min-width:450px;font-size:var(--font-size-sm)}.nutrition-table-wrapper table.nutrition-table{min-width:0}.nutrition-table-wrapper th,.nutrition-table-wrapper td{padding:var(--space-2)}}@media (width<=440px){.meal-ingredient{gap:var(--space-2)}.ingredient-name{font-size:var(--font-size-sm)}.ingredient-weight-control{gap:2px}.ingredient-weight-control button{width:30px;height:34px}.ingredient-weight-control input{width:38px;font-size:var(--font-size-sm)}.macro-chart{gap:var(--space-5);flex-direction:column}.macro-donut{flex-basis:254px;width:254px;height:254px}.macro-legend{gap:var(--space-2);grid-template-columns:repeat(3,auto);width:100%;min-width:0;display:grid}.macro-legend-item{gap:5px;min-width:0}.macro-legend-item>span,.macro-legend-item strong{font-size:var(--font-size-sm)}.macro-dot{width:8px;height:8px}.nutrient-header{gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){.ingredient-weight-control button,.meal-reset-button,.meal-bookmark-button,.macro-donut-segment,.macro-legend-item,.nutrient-progress-fill,.key-nutrients summary:after,.nutrition-information summary:after{transition:none}}.key-nutrients summary,.nutrition-information summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:52px;color:var(--text);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;list-style:none;display:flex}.key-nutrients summary::-webkit-details-marker{display:none}.nutrition-information summary::-webkit-details-marker{display:none}.key-nutrients summary:after,.nutrition-information summary:after{content:"›";color:var(--text-muted);font-size:22px;font-weight:var(--font-weight-normal);flex-shrink:0;transition:transform .15s;transform:rotate(90deg)}.key-nutrients[open] summary:after,.nutrition-information[open] summary:after{transform:rotate(-90deg)}.key-nutrients summary:focus-visible,.nutrition-information summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-sm)}.ingredient-nutrition-backdrop{z-index:1100;background:#00000040;position:fixed;inset:0}.ingredient-nutrition-sheet{z-index:1101;box-sizing:border-box;padding:var(--space-6) var(--space-6) var(--space-8);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--surface);text-align:left;outline:none;animation:.3s cubic-bezier(.32,.72,0,1) ingredient-nutrition-sheet-in;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0f1e302e}.ingredient-nutrition-name{color:var(--text-h);font-family:var(--heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.ingredient-nutrition-caption{color:var(--text-muted);font-size:var(--font-size-sm);margin:2px 0 0}.ingredient-nutrition-rows{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid #aaaaaa59;flex-direction:column;display:flex}.ingredient-nutrition-row{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-2) 0;display:flex}.ingredient-nutrition-row>span{color:var(--text);font-size:var(--font-size-md)}.ingredient-nutrition-row>strong{color:var(--text-h);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);white-space:nowrap}@media (width>=601px){.ingredient-nutrition-sheet{border-radius:var(--radius-lg);width:280px;height:fit-content;box-shadow:var(--shadow);margin:auto;animation:.15s ease-out ingredient-nutrition-popover-in;inset:0}}@keyframes ingredient-nutrition-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ingredient-nutrition-popover-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ingredient-nutrition-sheet{animation:none}}.recipe-detail{padding-top:var(--space-6)}.ingredient-input-field{position:relative}.ingredient-suggestions{top:calc(100% + var(--space-2));z-index:100;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);background:#fffffff5;border:1px solid #0f1e3014;flex-direction:column;animation:.12s ease-out ingredient-suggestions-in;display:flex;position:absolute;left:0;right:0;overflow:hidden}.ingredient-suggestion{width:100%;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-h);font-family:var(--sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);letter-spacing:.18px;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;transition:background-color .1s,transform .1s;display:flex}.ingredient-suggestion:hover{background:var(--disabled-bg)}.ingredient-suggestion:active{background:var(--accent-bg);transform:scale(.99)}@keyframes ingredient-suggestions-in{0%{opacity:0;transform:translateY(-4px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.ingredient-input{box-sizing:border-box;text-align:left;width:100%}.ingredient-input-header{align-items:start;gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:36px minmax(0,1fr);display:grid}.ingredient-input-header h3{margin:2px 0 var(--space-1);color:var(--deep-green);font-size:18px;font-weight:var(--font-weight-bold)}.ingredient-step-number{background:var(--accent);color:#fff;width:34px;height:34px;font-size:17px;font-weight:var(--font-weight-bold);border-radius:50%;place-items:center;display:grid}.ingredient-heading-copy p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.ingredient-clear-all-button{padding:var(--space-1) 0 var(--space-1) var(--space-2);color:var(--accent);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:none;flex:none;transition:opacity .1s}.ingredient-clear-all-button:hover{opacity:.75}.ingredient-clear-all-button:active{opacity:.4}.ingredient-clear-all-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.ingredient-selection-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-3);display:flex}.ingredient-chips{gap:var(--space-2);flex-wrap:wrap;flex:auto;min-width:0;display:flex}.ingredient-chip-wrapper{opacity:1;flex-shrink:0;width:max-content;max-width:100%;display:inline-flex;position:relative}.ingredient-chip-wrapper-deleting{pointer-events:none;animation:.2s forwards ingredient-chip-delete-out}@keyframes ingredient-chip-delete-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}.ingredient-chip{align-items:center;gap:var(--space-1);min-width:0;padding:2px 4px 2px var(--space-3);border:1px solid var(--border-hairline);color:var(--deep-green);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:#fff8f0;border-radius:999px;flex-shrink:0;transition:background .15s,color .15s;display:inline-flex}.ingredient-chip-label{min-width:0;padding:var(--space-1) 0;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0}.ingredient-chip-label:disabled{cursor:default}.ingredient-chip-label:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}.ingredient-chip-delete{box-sizing:border-box;width:28px;height:28px;color:var(--text-muted,var(--text-h));cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:inline-flex}.ingredient-chip-delete svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;fill:none;width:14px;height:14px}.ingredient-chip-delete:hover{background:var(--accent-bg);color:var(--accent)}.ingredient-chip-delete:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ingredient-chip-delete:disabled{cursor:default;opacity:.5}@media (hover:none){.ingredient-chip-delete:hover{color:var(--text-muted,var(--text-h));background:0 0}.ingredient-chip-delete:active{background:var(--accent-bg);color:var(--accent)}}.ingredient-input-field{align-items:center;transition:opacity .2s;display:flex;position:relative}.ingredient-input-control .ingredient-search-icon{top:50%;left:var(--space-4);pointer-events:none;color:var(--text-muted);justify-content:center;align-items:center;margin-right:0;transition:color .15s;display:flex;position:absolute;transform:translateY(-50%)}.ingredient-input-control:focus-within .ingredient-search-icon{color:var(--accent)}.ingredient-input-control .ingredient-search-icon svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;fill:none;width:18px;height:18px}.ingredient-input-control{flex:1;min-width:0;position:relative}.ingredient-input-field-dimmed{opacity:.55}.ingredient-input input{width:100%;padding-left:44px}.ingredient-input input::placeholder{color:var(--text-muted);opacity:1}.ingredient-duplicate-overlay{z-index:1000;box-sizing:border-box;padding:var(--space-6);opacity:0;pointer-events:none;background:#00000040;place-items:center;transition:opacity .25s;display:grid;position:fixed;inset:0}.ingredient-duplicate-overlay-visible{opacity:1}.ingredient-duplicate-message{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--border) 60%, transparent);width:max-content;max-width:calc(100vw - 48px);color:var(--text-h);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-align:center;opacity:0;pointer-events:none;background:#fff;border-radius:14px;padding:14px 20px;transform:scale(.88);box-shadow:0 4px 12px #00000014,0 12px 32px #00000014}.ingredient-duplicate-message-visible{animation:.25s cubic-bezier(.22,1,.36,1) forwards duplicate-message-in}.ingredient-duplicate-message-hiding{animation:.25s cubic-bezier(.4,0,1,1) forwards duplicate-message-out}@keyframes duplicate-message-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes duplicate-message-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.94)}}.ingredient-input .ingredient-suggestions{z-index:20;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-md);position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.ingredient-input .ingredient-suggestion{box-sizing:border-box;justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-3) var(--space-4);border:0;border-bottom:1px solid var(--border-hairline);background:var(--surface);color:var(--text-h);text-align:left;font:inherit;font-size:var(--font-size-sm);cursor:pointer;border-radius:0;transition:background .1s;display:flex}.ingredient-input .ingredient-suggestion:last-child{border-bottom:0}.ingredient-input .ingredient-suggestion:hover,.ingredient-input .ingredient-suggestion:focus-visible{background:var(--accent-bg);outline:none}.ingredient-input .ingredient-suggestion-highlighted,.ingredient-input .ingredient-suggestion-highlighted.ingredient-suggestion-added,.ingredient-input .ingredient-suggestion-highlighted.ingredient-suggestion-added:hover{background:var(--accent-bg)}.ingredient-input .ingredient-suggestion-added{color:var(--text-muted);font-weight:var(--font-weight-normal)}.ingredient-input .ingredient-suggestion-added:hover,.ingredient-input .ingredient-suggestion-added:active{background:0 0}.ingredient-suggestion-added-badge{background:var(--disabled-bg);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.2px;border-radius:999px;flex-shrink:0;margin-left:auto;padding:2px 8px}.ingredient-enter-hint{color:var(--accent);flex-shrink:0;font-size:18px;font-weight:700}.ingredient-suggestion-empty{padding:13px var(--space-4);color:var(--text-muted);font-size:13px}@media (width<=640px),(width>=641px) and (width<=1000px) and (height<=500px){.ingredient-input-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:26px minmax(0,1fr)}.ingredient-step-number{width:26px;height:26px;font-size:13px}.ingredient-input-header h3{margin:0;font-size:13px;line-height:1.2}.ingredient-heading-copy p{display:none}.ingredient-input input{padding-left:40px}.ingredient-input-control .ingredient-search-icon{left:var(--space-3)}.ingredient-selection-row{margin-top:var(--space-2);flex-wrap:wrap;align-items:center;gap:8px}.ingredient-chips{display:contents}.ingredient-chip{box-sizing:border-box;max-width:100%}.ingredient-chip-label{overflow-wrap:anywhere}.ingredient-clear-all-button{white-space:nowrap;min-height:32px;margin-left:auto;padding:4px 6px;font-size:11px}.ingredient-selection-row-empty{display:none}.ingredient-input .ingredient-suggestion{min-height:46px;font-size:15px}}.meal-form-field{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--border) 55%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--warm-cream) 45%, var(--surface));min-height:44px;color:var(--text-h);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);outline:none;padding:10px 14px;line-height:1.5;transition:background-color .16s,border-color .16s,box-shadow .16s}.meal-form-field:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}@media (hover:hover){.meal-form-field:hover:not(:focus){border-color:color-mix(in srgb, var(--border) 85%, transparent)}}@media (prefers-reduced-motion:reduce){.meal-form-field{transition:none}}.bottom-sheet-backdrop{z-index:1000;visibility:hidden;pointer-events:none;background:0 0;align-items:flex-end;transition:background .2s,visibility .25s;display:flex;position:fixed;inset:0}.bottom-sheet-backdrop.open{visibility:visible;pointer-events:auto;background:#00000040}.bottom-sheet{box-sizing:border-box;width:100%;max-width:500px;padding:var(--space-6);border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0 auto;transition:transform .5s cubic-bezier(.32,.72,0,1);transform:translateY(100%)}.bottom-sheet-backdrop.open .bottom-sheet{transform:translateY(0)}.bottom-sheet:before{content:"";width:36px;height:4px;margin:0 auto var(--space-4);background:var(--border);border-radius:999px;display:block}.ingredient-category-picker{margin-top:var(--space-4)}.quick-add-label{margin:0 0 var(--space-2);color:var(--deep-green);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.quick-add-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.5vw,16px);display:grid}.quick-add-category,.quick-add-option,.quick-add-close{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.quick-add-category{min-width:0;min-height:96px;color:var(--deep-green);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:linear-gradient(145deg,#fffcf7,#fcf6ee);border:1px solid #f1e9de;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px 8px 12px;transition:background-color .15s,border-color .15s;display:flex;box-shadow:inset 0 1px #fffc}.quick-add-category[aria-expanded=true]{border-color:var(--accent);background:var(--accent-bg)}.quick-add-category svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;fill:currentColor;color:#38966d;flex:0 0 30px;width:30px;height:30px}.quick-add-category svg[data-category=proteins]{color:#ed805e}.quick-add-category svg[data-category=grains]{color:#f1a13e}.quick-add-category svg[data-category=nuts-seeds]{color:#bd8247}.quick-add-category .quick-add-icon-detail{fill:none;stroke:#fff5e7;stroke-width:1.5px}.quick-add-picker{z-index:1100;box-sizing:border-box;padding:var(--space-5);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-h);font-family:var(--sans);font-size:var(--font-size-sm);line-height:var(--line-height-normal);box-shadow:var(--shadow-md);margin:0;position:fixed;inset:auto;overflow:hidden}.quick-add-picker[open]{gap:var(--space-2);flex-direction:column;display:flex}.quick-add-picker:focus{outline:none}.quick-add-picker-desktop{animation:.15s ease-out quick-add-appear}.quick-add-picker-header{justify-content:space-between;align-items:center;gap:var(--space-2);flex:none;display:flex}.quick-add-picker-header h3{color:var(--deep-green);margin:0;font-size:17px}.quick-add-close{background:var(--surface-tint);width:36px;height:36px;color:var(--text-h);border:0;border-radius:50%;flex:0 0 36px;place-items:center;padding:8px;display:grid}.quick-add-close svg,.quick-add-option svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.quick-add-picker-options{align-content:flex-start;gap:var(--space-2);overscroll-behavior:contain;scrollbar-width:thin;flex-wrap:wrap;flex:auto;min-height:0;margin:-3px;padding:3px;display:flex;overflow-y:auto}.quick-add-option{border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--surface-tint);max-width:100%;min-height:38px;color:var(--deep-green);text-align:left;align-items:center;gap:6px;padding:7px 10px;font-size:13px;transition:background-color .15s,border-color .15s;display:inline-flex}.quick-add-option svg{width:18px;height:18px;color:var(--accent);flex:0 0 18px}.quick-add-option span{overflow-wrap:anywhere;min-width:0}.quick-add-option[aria-pressed=true]{border-color:color-mix(in srgb, var(--soft-sage) 70%, var(--deep-green));background:var(--soft-sage)}.quick-add-option[aria-pressed=true] svg{color:var(--deep-green)}.quick-add-empty{color:var(--text);margin:0;line-height:1.6}.quick-add-picker-mobile.bottom-sheet{width:100%;max-width:520px;max-height:min(80dvh,640px);padding:12px 20px max(20px, env(safe-area-inset-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:0;margin:0 auto;transition:none;animation:.18s ease-out quick-add-sheet-appear;inset:auto 0 0;transform:none}.quick-add-picker-mobile.bottom-sheet:before{flex:0 0 4px;margin-bottom:0}.quick-add-picker-mobile::backdrop{background:#24454138}.quick-add-picker-mobile .quick-add-option{min-height:44px;padding:10px 12px}.quick-add-picker-mobile .quick-add-close{flex-basis:44px;width:44px;height:44px}@media (width>=641px){.quick-add-categories{grid-template-columns:repeat(4,minmax(0,124px));gap:16px;display:grid}.quick-add-category{white-space:nowrap;gap:6px;min-height:76px;padding:10px 12px}}@media (hover:hover){.quick-add-category:hover,.quick-add-option:hover,.quick-add-close:hover{border-color:var(--accent);background:var(--accent-bg)}}.quick-add-category:focus-visible,.quick-add-option:focus-visible,.quick-add-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=640px),(width<=1000px) and (height<=500px){.quick-add-categories{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-add-category{border-radius:13px;gap:6px;min-height:40px;padding:4px;font-size:clamp(11px,3vw,13px)}.quick-add-category svg{flex-basis:26px;width:26px;height:26px}}@keyframes quick-add-appear{0%{opacity:0}to{opacity:1}}@keyframes quick-add-sheet-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.quick-add-picker,.quick-add-picker-mobile.bottom-sheet{animation:none}.quick-add-category,.quick-add-option{transition:none}}[data-rwp-wrapper] ul{margin:0;padding:0;list-style:none}[data-rwp-wrapper] li{margin:0;padding:0}[data-rwp-wrapper]{perspective:2000px;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:stretch;width:100%;display:flex;position:relative;overflow:hidden}[data-rwp]{cursor:default;flex:1;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%)}[data-rwp]:focus-visible{outline:none}[data-rwp-highlight-wrapper]{width:100%;font-size:1rem;font-weight:500;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}[data-rwp-highlight-list]{width:100%;position:absolute}[data-rwp-options]{-webkit-font-smoothing:subpixel-antialiased;will-change:transform;backface-visibility:hidden;width:100%;height:0;transform-style:preserve-3d;margin:0 auto;display:block;position:absolute;top:50%;left:0}[data-rwp-option]{-webkit-font-smoothing:subpixel-antialiased;will-change:visibility;width:100%;font-size:.875rem;position:absolute;top:0;left:0}[data-rwp-option],[data-rwp-highlight-item]{justify-content:center;align-items:center;display:flex}[data-rwp-option][data-disabled],[data-rwp-highlight-item][data-disabled]{pointer-events:none}.calories{align-items:center;gap:var(--space-4);box-sizing:border-box;text-align:left;width:100%;display:flex}.calories h3{align-items:center;gap:var(--space-2);color:var(--deep-green);font-size:13px;font-weight:var(--font-weight-semibold);white-space:nowrap;margin:0;display:flex}.calories-heading-icon{color:var(--accent);font-size:20px;line-height:1}.calories-field{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;width:190px;min-width:0;display:flex}.calories-field-content{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.calories-field-value{color:var(--text-h);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calories-field-placeholder,.calories-field-unit{color:var(--text-muted)}.calories-field-unit{font-size:12px;font-weight:var(--font-weight-normal);margin-left:auto}.calories-field-chevron{width:6px;height:6px;color:var(--text-muted);border-top:1.5px solid;border-right:1.5px solid;flex-shrink:0;margin-right:2px;transition:border-color .15s,transform .15s;transform:rotate(135deg)}.calories-field[aria-expanded=true] .calories-field-chevron{color:var(--accent);transform:rotate(-45deg)}.calories-picker{justify-content:center;align-items:center;display:flex}.calories-picker-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);flex:1;min-width:0;max-width:320px}.calories-picker-wrapper [data-rwp-highlight-item]{color:var(--accent);font-weight:var(--font-weight-semibold)}@media (width<=640px){.calories{align-items:stretch;gap:var(--space-1);flex-direction:column}.calories h3{font-size:12px}.calories-field{width:100%}}@media (prefers-reduced-motion:reduce){.calories-field-chevron{transition:none}}.calorie-dropdown{z-index:1100;box-sizing:border-box;border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-md);overscroll-behavior:contain;scrollbar-width:thin;outline:none;padding:6px;position:fixed;overflow-y:auto}.calorie-dropdown:focus-visible{border-color:var(--accent)}.calorie-dropdown-option{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-height:36px;color:var(--deep-green);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;line-height:1.5;display:flex}.calorie-dropdown-option[data-active=true]{background:var(--accent-bg)}.calorie-dropdown-option[aria-selected=true]{background:var(--soft-sage)}.calorie-dropdown-option svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 16px;width:16px;height:16px}.calorie-dropdown-unit{color:var(--text-muted);font-size:var(--font-size-xs);margin-left:4px}.login-page{box-sizing:border-box;width:100%;min-height:100vh;padding:40px var(--space-6);justify-content:center;align-items:center;display:flex}.login{width:min(100%,420px);padding:var(--space-8) var(--space-7);border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-md);text-align:left;flex-direction:column;align-items:stretch;display:flex}.login h1{justify-content:center;align-items:center;gap:var(--space-2);margin:0 0 var(--space-6);color:var(--text-h-strong);font-family:var(--heading);letter-spacing:-.5px;text-align:center;font-size:22px;font-weight:800;display:flex}.login h1 .brand-mark{width:38px;height:38px}.login h1 .brand-mark svg{width:23px;height:23px}.login h2{margin:0 0 var(--space-2);letter-spacing:0;text-align:center;font-size:20px;font-weight:600;line-height:140%}.login-subtitle{color:var(--text);text-align:center;margin:0 0 28px;font-size:15px;line-height:1.5}.google-button{width:100%;padding:var(--space-3) var(--space-5);border:1px solid var(--border);background:var(--background);color:var(--text-h);font:inherit;font-size:var(--font-size-md);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;font-weight:500;transition:background .15s,border-color .15s,transform .1s;display:flex}.google-button:hover{background:var(--social-bg);border-color:var(--text)}.google-button:active{transform:scale(.985)}.google-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.google-icon{font-size:18px;font-weight:700}.login-divider{align-items:center;gap:var(--space-3);margin:var(--space-6) 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-divider span{color:var(--text);font-size:14px}.login-form{gap:var(--space-5);flex-direction:column;display:flex}.login-form label{margin-bottom:var(--space-1);color:var(--text);font-size:14px;font-weight:500;line-height:145%;display:block}.login-form input{box-sizing:border-box;width:100%;padding:var(--space-2) 2px;border:none;border-bottom:1px solid var(--border);color:var(--text-h);font:inherit;font-size:var(--font-size-md);background:0 0;border-radius:0;outline:none;transition:border-color .15s}.login-form input:focus,.login-form input:focus-visible{outline:none}.login-form label+input,.login-field{position:relative}.login-field:after{content:"";background:var(--accent);transform-origin:50%;height:2px;transition:transform .2s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.login-field:focus-within:after{transform:scaleX(1)}.login-button{width:100%;padding:13px var(--space-6);background:var(--accent);color:#fff;font:inherit;font-weight:600;font-size:var(--font-size-md);cursor:pointer;border:none;border-radius:10px;margin-top:0;transition:opacity .15s,transform .1s}.login-button:hover{opacity:.9}.login-button:active{transform:scale(.985)}.login-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.login-toggle{margin:var(--space-6) auto 0;padding:var(--space-1);color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;font-size:14px;transition:color .15s}.login-toggle:hover{color:var(--accent)}.login-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.login-error{color:#5f2929;background:#fff7f7;border:1px solid #e5b8b8;border-radius:8px;margin:-4px 0 0;padding:10px 12px;font-size:14px;line-height:145%}.login-message{border:1px solid var(--border);background:var(--background);border-radius:8px;margin:-4px 0 0;padding:10px 12px;font-size:14px;line-height:145%}@media (width<=600px){.login-page{padding-top:var(--space-12);align-items:flex-start}.login h1{margin-bottom:var(--space-10)}}.add-ingredient{width:100%;max-width:680px;padding:var(--space-8) 0 var(--space-6);box-sizing:border-box;text-align:left;margin:0 auto}.add-ingredient-form-card{border:1px solid var(--border-hairline);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;box-shadow:0 2px 8px #0f1e300d}.add-ingredient-name{gap:var(--space-2);padding:var(--space-5) var(--space-5) var(--space-4);color:var(--text-h);font-size:var(--font-size-sm);flex-direction:column;display:flex}.add-ingredient-field-label{font-weight:var(--font-weight-medium)}.add-ingredient-name-input input::placeholder{color:var(--text-muted)}.required-marker{color:var(--error)}.add-ingredient-inline-error,.add-ingredient-save-error{color:var(--error);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.add-ingredient-divider{height:1px;margin:0 var(--space-5);background:var(--border-hairline)}.add-ingredient-nutrition{padding:var(--space-5)}.add-ingredient-nutrition h2{margin:0 0 var(--space-4);color:var(--text-h);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);letter-spacing:0}.add-ingredient .nutrition-fields{row-gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.add-ingredient .nutrition-field{min-width:0;color:var(--text-muted)}.add-ingredient .nutrition-field:focus-within{color:var(--accent)}.add-ingredient-save-error{margin:var(--space-3) 0 0;padding:0 var(--space-1)}.add-ingredient-done{z-index:95;width:min(552px,100vw - 48px);min-height:50px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--accent);color:#fff;font:inherit;font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--shadow);border:0;transition:background .15s,transform .1s,box-shadow .15s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.add-ingredient-done:hover:not(:disabled){background:#ed6d60;box-shadow:0 6px 16px #0f1e3038}.add-ingredient-done:active:not(:disabled){transform:translate(-50%)scale(.98)}.add-ingredient-done:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.add-ingredient-done:disabled{cursor:default;opacity:.75}.save-success{z-index:200;pointer-events:none;background:#ffffff59;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.save-success-animation{object-fit:contain;width:250px;height:250px}@media (width<=600px){.add-ingredient{padding-top:var(--space-3)}.add-ingredient-name,.add-ingredient-nutrition{padding-right:var(--space-4);padding-left:var(--space-4)}.add-ingredient-divider{margin-right:var(--space-4);margin-left:var(--space-4)}.add-ingredient .nutrition-fields{row-gap:var(--space-3)}}@media (prefers-reduced-motion:reduce){.add-ingredient-done{transition:none}}
