@font-face{font-family:Bento UI;src:url(/fonts/cause/Cause-VariableFont_wght.ttf)format("truetype-variations"),url(/fonts/cause/Cause-VariableFont_wght.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+??,U+100-24F,U+250-2AF,U+1E??,U+2000-206F,U+20AC,U+2122,U+2190-21FF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bento UI;src:url(/fonts/gamja-flower/GamjaFlower-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+11??,U+3130-318F,U+AC00-D7A3,U+A960-A97F,U+D7B0-D7FF}@font-face{font-family:Bento UI;src:url(/fonts/klee-one/KleeOne-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+2E80-2EFF,U+2F00-2FDF,U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F?,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}@font-face{font-family:Bento UI;src:url(/fonts/klee-one/KleeOne-SemiBold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+2E80-2EFF,U+2F00-2FDF,U+3000-303F,U+3040-309F,U+30A0-30FF,U+31F?,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Bento UI", ui-sans-serif, system-ui, sans-serif;--bg:#f1e9de;--surface:#fff8fa;--surface-hover:#fffafc;--text:#3d2c36;--text-muted:#6e5562;--primary:#c4476d;--primary-hover:#a8365b;--primary-faint:#c4476d38;--selection-ring:#c4476d6b;--selection-ring-strong:#7824448c;--selection-ring-bubble:#fffffff2;--selection-fill:#c4476d1a;--selection-fill-pick:#c4476d24;--selection-shadow:0 5px 14px #58264412;--selection-shadow-hover:0 6px 18px #5826441a;--selection-drop:3px 4px 0 #5826441f;--selection-drop-hover:4px 6px 0 #58264426;--selection-lip:inset 0 1px 0 #ffffff8c;--accent-warm:#e8885a;--accent-lilac:#9586d9;--accent-mint:#52a898;--wordmark-ben:#8a2650;--wordmark-to:#4f3d86;--progress-track:#965a821c;--focus:#c4476d73;--ring-outline-soft:#5a203629;--ring-outline:#5a203638;--ring-outline-strong:#5a203647;--ink-faint:#48263a0d;--ink-tap:#48263a12;--ink-tap-strong:#48263a1a;--ink-line:#48263a1f;--ink-shadow:#48263a24;--radius-sm:10px;--radius-md:14px;--radius-pill:999px;--app-shell-pad-x:1.25rem;--cta-dock-height:0px;--topbar-height:calc(3.625rem + env(safe-area-inset-top,0px));font-family:var(--font-sans)}html{scrollbar-gutter:stable}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;line-height:1.55}.app-shell{max-width:720px;padding:calc(var(--topbar-height) + .45rem) var(--app-shell-pad-x) 1.5rem;margin:0 auto}.app-shell--with-dock:not(.app-shell--internal-scroll){padding-bottom:calc(var(--cta-dock-height) + 1rem)}.app-shell--internal-scroll{box-sizing:border-box;flex-direction:column;min-height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.app-shell--internal-scroll .builder-steps{flex-shrink:0}.builder-scroll,.recipe-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-inline-end:.5rem;padding-bottom:calc(var(--cta-dock-height) + .9rem);box-sizing:border-box;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--primary) 72%, var(--surface)) var(--progress-track);flex:auto;overflow:hidden auto}@supports not (color:color-mix(in srgb, black 50%, white)){.builder-scroll,.recipe-scroll{scrollbar-color:var(--primary) var(--progress-track)}}.builder-scroll::-webkit-scrollbar{width:10px}.recipe-scroll::-webkit-scrollbar{width:10px}.builder-scroll::-webkit-scrollbar-track{background:var(--progress-track);border-radius:var(--radius-pill);margin:6px 0}.recipe-scroll::-webkit-scrollbar-track{background:var(--progress-track);border-radius:var(--radius-pill);margin:6px 0}.builder-scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background-clip:padding-box;background-color:color-mix(in srgb, var(--primary) 68%, var(--surface));border:2px solid #0000}.recipe-scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background-clip:padding-box;background-color:color-mix(in srgb, var(--primary) 68%, var(--surface));border:2px solid #0000}.builder-scroll::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--primary) 82%, var(--surface))}.recipe-scroll::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--primary) 82%, var(--surface))}@supports not (background-color:color-mix(in srgb, black 50%, white)){.builder-scroll::-webkit-scrollbar-thumb{background-color:var(--primary)}.recipe-scroll::-webkit-scrollbar-thumb{background-color:var(--primary)}.builder-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--primary-hover)}.recipe-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--primary-hover)}}.cta-dock{z-index:30;padding:.6rem 0 calc(.75rem + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(14px);pointer-events:none;background:#f1e9dedb;position:fixed;bottom:0;left:0;right:0}.cta-dock__inner{max-width:720px;padding:0 var(--app-shell-pad-x);pointer-events:auto;flex-direction:column;align-items:stretch;gap:.5rem;margin:0 auto;display:flex}.cta-dock .cta{width:100%;margin-top:0}.cookie-consent{left:0;right:0;bottom:calc(5.75rem + env(safe-area-inset-bottom,0px));z-index:45;padding:.75rem var(--app-shell-pad-x) calc(.85rem + env(safe-area-inset-bottom,0px));color:#fff8fa;background:#2a1c26f0;position:fixed;box-shadow:0 -6px 28px #2a1c262e}.cookie-consent__inner{flex-direction:column;gap:.55rem;max-width:720px;margin:0 auto;display:flex}.cookie-consent__title{letter-spacing:-.02em;color:#fff8fa;margin:0;font-size:1.05rem;font-weight:700;line-height:1.25}.cookie-consent__text{color:#fff8faeb;margin:0;font-size:.9rem;line-height:1.45}.cookie-consent__privacy{margin:0;font-size:.85rem}.cookie-consent__link{color:#ffd6e5;text-underline-offset:2px;text-decoration:underline}.cookie-consent__link:hover{color:#fff}.cookie-consent__actions{flex-wrap:wrap;gap:.5rem;margin-top:.15rem;display:flex}.cookie-consent__btn{font:inherit;border-radius:var(--radius-pill);cursor:pointer;border:none;padding:.45rem .95rem;font-size:.88rem;font-weight:600;transition:background .15s,box-shadow .15s}.cookie-consent__btn--primary{background:var(--primary);color:#fffaf9;box-shadow:var(--selection-lip), 0 0 0 1px var(--selection-ring-strong)}.cookie-consent__btn--primary:hover{background:var(--primary-hover)}.cookie-consent__btn--ghost{color:#fff8faf2;background:0 0;box-shadow:inset 0 0 0 1.5px #fff8fa59}.cookie-consent__btn--ghost:hover{background:#fff8fa14}.welcome-tour__backdrop{z-index:55;background:#2a1c2673;animation:.2s nav-backdrop-in;position:fixed;inset:0}.welcome-tour{z-index:56;padding:var(--app-shell-pad-x);padding-top:max(var(--app-shell-pad-x), env(safe-area-inset-top,0px));padding-bottom:max(1rem, env(safe-area-inset-bottom,0px));pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.welcome-tour__inner{pointer-events:auto;border-radius:var(--radius-card,1rem);background:var(--surface);width:min(32rem,100%);max-height:min(90dvh,42rem);box-shadow:0 12px 40px var(--ink-shadow);border:1px solid var(--ink-line);padding:1.1rem 1.15rem 1.15rem;overflow:auto}.welcome-tour__title{letter-spacing:-.02em;color:var(--ink);margin:0 0 .45rem;font-size:1.15rem;font-weight:700}.welcome-tour__intro{color:var(--ink-muted);margin:0 0 .65rem;font-size:.92rem;line-height:1.45}.welcome-tour__bullets{color:var(--ink);margin:0 0 .75rem;padding-left:1.15rem;font-size:.88rem;line-height:1.45}.welcome-tour__bullets li+li{margin-top:.35rem}.welcome-tour__gifs{flex-direction:column;gap:.65rem;margin-bottom:.85rem;display:flex}.welcome-tour__figure{margin:0}.welcome-tour__gif{border-radius:var(--radius-sm,.5rem);border:1px solid var(--ink-line);background:#3e34580f;width:100%;height:auto;display:block}.welcome-tour__actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.welcome-tour__btn{font:inherit;border-radius:var(--radius-pill);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:background .15s,box-shadow .15s}.welcome-tour__btn--primary{background:var(--primary);color:#fffaf9;box-shadow:var(--selection-lip), 0 0 0 1px var(--selection-ring-strong)}.welcome-tour__btn--primary:hover{background:var(--primary-hover)}.welcome-tour__btn--ghost{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink-line);background:0 0}.welcome-tour__btn--ghost:hover{background:color-mix(in srgb, var(--surface) 85%, var(--primary) 8%)}.topbar{z-index:25;box-sizing:border-box;min-height:var(--topbar-height);padding:max(.35rem, env(safe-area-inset-top,0px)) var(--app-shell-pad-x) .4rem;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--ink-faint);background:#f1e9dee6;grid-template-columns:1fr auto 1fr;align-items:center;gap:.65rem 1rem;display:grid;position:fixed;top:0;left:0;right:0}.topbar__burger{border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;justify-self:start;gap:5px;padding:0;transition:background .18s;display:flex}.topbar__burger:hover{background:var(--ink-tap)}.topbar__burger-line{background:var(--text);border-radius:1px;width:1.25rem;height:2px;margin:0 auto;display:block}.topbar__title{max-width:min(100vw - 8rem,100%);font-size:inherit;font-weight:inherit;grid-column:2;justify-self:center;margin:0;line-height:1}.brand{cursor:pointer;border-radius:var(--radius-sm);font:inherit;text-align:center;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:.25rem .5rem;text-decoration:none;transition:background .18s;display:flex}.brand:hover{background:var(--ink-faint)}.brand:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.brand__logo{width:40px;height:40px;image-rendering:pixelated;image-rendering:crisp-edges;flex-shrink:0;display:block}.brand__wordmark{letter-spacing:-.02em;align-items:baseline;font-size:1.3rem;font-weight:600;line-height:1;display:flex}.brand__ben{color:var(--wordmark-ben)}.brand__to{color:var(--wordmark-to)}.topbar__locale{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--bg) 55%, transparent);box-shadow:inset 0 0 0 1px var(--ink-line);flex-direction:row;grid-column:3;justify-self:end;align-items:center;gap:.12rem;padding:.2rem .28rem;display:flex}@supports not (background:color-mix(in srgb, black 50%, white)){.topbar__locale{background:#f1e9de8c}}.topbar__locale-btn{border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;min-width:2rem;height:1.75rem;padding:0 .28rem;line-height:1;transition:opacity .15s,background .15s,box-shadow .15s;display:flex}.topbar__locale-btn:hover{opacity:.88;background:var(--ink-tap)}.topbar__locale-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.topbar__locale-btn--active{opacity:1;background:color-mix(in srgb, var(--surface) 70%, var(--primary) 12%);box-shadow:inset 0 1px #fff6}@supports not (background:color-mix(in srgb, black 50%, white)){.topbar__locale-btn--active{background:#fff8fabf}}.topbar__locale-flag{filter:saturate(.92);font-size:1.15rem;line-height:1;display:block}.nav-drawer__backdrop{z-index:40;background:#3e345852;animation:.2s nav-backdrop-in;position:fixed;inset:0}@keyframes nav-backdrop-in{0%{opacity:0}to{opacity:1}}.nav-drawer{z-index:50;background:var(--surface);width:min(18rem,88vw);height:100%;max-height:100dvh;box-shadow:-6px 0 24px var(--ink-shadow);flex-direction:column;gap:.75rem;padding:.85rem 1rem 1.25rem;animation:.22s nav-drawer-in;display:flex;position:fixed;top:0;right:0}@keyframes nav-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.nav-drawer__header{border-bottom:1px solid var(--ink-line);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.5rem;display:flex}.nav-drawer__title{color:var(--text);font-size:1rem;font-weight:700}.nav-drawer__close{color:var(--primary);font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem .35rem;font-weight:600}.nav-drawer__close:hover{background:var(--ink-tap)}.nav-drawer__list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-drawer__link{border-radius:var(--radius-sm);color:var(--text);padding:.65rem .5rem;font-weight:500;text-decoration:none;transition:background .18s;display:block}.nav-drawer__link:hover{background:var(--ink-tap);color:var(--primary)}.static-doc{padding-top:.5rem}.static-doc__nav{margin-bottom:1rem}.static-doc__back{color:var(--primary);border-radius:var(--radius-sm);align-items:center;padding:.35rem .15rem;font-weight:600;text-decoration:none;display:inline-flex}.static-doc__back:hover{text-decoration:underline}.static-doc__heading{letter-spacing:-.02em;color:var(--text);margin:0 0 1rem;font-size:1.35rem;font-weight:700}.static-doc__p{color:var(--text-muted);max-width:62ch;margin:0 0 .85rem;line-height:1.55}@media (prefers-reduced-motion:reduce){.nav-drawer,.nav-drawer__backdrop{animation:none}}select,input[type=number]{font:inherit;border-radius:var(--radius-sm);background:var(--surface);color:var(--text);border:none;padding:.45rem .6rem}.app-shell h2,.app-shell h3{color:var(--text);letter-spacing:-.02em;font-weight:600;line-height:1.25}.builder-steps{margin:.75rem 0 1.05rem}.builder-steps--compact{margin:.4rem 0 .65rem}.builder-steps--compact .builder-steps__list{gap:.28rem;margin-bottom:.32rem}.builder-steps--compact .builder-steps__step{gap:0}.builder-steps--compact .builder-steps__badge{width:1.38rem;height:1.38rem;font-size:.72rem}.builder-steps--compact .builder-steps__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.builder-steps--compact .builder-steps__track{height:4px}.builder-steps__list{justify-content:space-between;align-items:flex-start;gap:.4rem;margin:0 0 .55rem;padding:0;list-style:none;display:flex}.builder-steps__step{text-align:center;min-width:0;color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;line-height:1.2;display:flex}.builder-steps__step--current{color:var(--text);font-weight:700}.builder-steps__step--done{color:var(--text);font-weight:600}.builder-steps__badge{border-radius:var(--radius-pill);width:1.7rem;height:1.7rem;font:inherit;font-variant-numeric:tabular-nums;background:var(--surface);color:var(--text-muted);cursor:pointer;box-shadow:var(--selection-lip), 0 0 0 1.5px var(--ink-line);border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:.82rem;font-weight:700;transition:opacity .15s,background .15s,box-shadow .15s;display:flex}.builder-steps__badge:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.builder-steps__badge:disabled{opacity:.42;cursor:not-allowed}.builder-steps__step--current .builder-steps__badge{background:var(--primary);color:#fffaf9;box-shadow:var(--selection-lip), 0 0 0 2px var(--selection-ring-strong)}.builder-steps__step--done .builder-steps__badge{background:color-mix(in srgb, var(--primary) 22%, var(--surface));color:#5c3045;box-shadow:var(--selection-lip), 0 0 0 1.5px var(--ring-outline-strong)}@supports not (background:color-mix(in srgb, black 50%, white)){.builder-steps__step--done .builder-steps__badge{background:#c4476d24}}.builder-steps__label{max-width:6.5rem}.builder-steps__track{background:var(--progress-track);border-radius:var(--radius-pill);height:6px;overflow:hidden}.builder-steps__fill{border-radius:inherit;background:var(--primary);height:100%;transition:width .28s}@media (prefers-reduced-motion:reduce){.builder-steps__fill{transition-duration:.01ms}}.builder-variant-base-reminder{border-radius:var(--radius-md);background:var(--surface);color:var(--text);box-shadow:var(--selection-lip), 0 0 0 1px var(--ring-outline-soft);flex-direction:row;align-items:center;gap:.55rem;margin:0 0 .85rem;padding:.45rem .65rem;font-size:.92rem;line-height:1.35;display:flex}.builder-variant-base-reminder__media{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.builder-variant-base-reminder__icon{border-radius:var(--radius-sm);object-fit:cover;width:28px;height:28px;display:block}.builder-variant-base-reminder__text{flex:1;min-width:0}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}@media (width>=31.25rem){.cards{grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:1rem}}.filters{flex-wrap:wrap;gap:.5rem;margin:.85rem 0 1.1rem;display:flex}.chip{border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;border:none;padding:.4rem .85rem;transition:background .18s,color .18s}.chip:hover{background:var(--ink-tap);color:var(--text)}.chip.selected{background:var(--primary-faint);color:var(--text);box-shadow:inset 0 1px 0 #ffffff73, 0 0 0 1px var(--ring-outline-soft);font-weight:600}.card{border-radius:var(--radius-md);background:var(--surface);text-align:left;cursor:pointer;font:inherit;color:inherit;border:none;padding:1rem 1rem .95rem;transition:background .2s,box-shadow .22s,color .2s,transform .28s cubic-bezier(.33,1.35,.52,1);box-shadow:0 0 #0000}.card:hover:not(.selected){background:var(--surface-hover)}.card.selected{background:color-mix(in srgb, var(--primary) 14%, var(--surface));box-shadow:var(--selection-lip), 0 0 0 2px var(--selection-ring), var(--selection-drop), var(--selection-shadow);transform:translateY(-1px)}.card.selected:hover{background:color-mix(in srgb, var(--primary) 18%, var(--surface));box-shadow:var(--selection-lip), 0 0 0 2px var(--selection-ring-strong), var(--selection-drop-hover), var(--selection-shadow-hover);transform:translateY(-2px)}@supports not (background:color-mix(in srgb, black 50%, white)){.card.selected{background:#c4476d1f}.card.selected:hover{background:#c4476d2e}}.card__cover{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:120px;margin-bottom:.65rem}.card__sprite{border-radius:var(--radius-sm);image-rendering:pixelated;image-rendering:crisp-edges;flex-shrink:0;margin-bottom:.65rem}.card.card--pick{box-shadow:none;touch-action:manipulation;background:0 0}.card.card--pick:hover:not(.selected){background:var(--ink-faint);box-shadow:none}.card.card--pick.selected{box-shadow:var(--selection-lip), 0 0 0 1px var(--ring-outline-soft), var(--selection-drop), var(--selection-shadow);background:#fff;transform:translateY(-1px)}.card.card--pick.selected:hover{box-shadow:var(--selection-lip), 0 0 0 1px var(--ring-outline), var(--selection-drop-hover), var(--selection-shadow-hover);background:#fff;transform:translateY(-2px)}.card.card--pick.selected .card__pick-name{color:#4a2434;text-shadow:none;font-weight:700}@media (prefers-reduced-motion:reduce){.card{transition-duration:.01ms}.card.selected,.card.selected:hover{transform:none}}.card--pick{text-align:center;border-radius:calc(var(--radius-md) + 6px);flex-direction:column;align-items:center;gap:.35rem;padding:.65rem .5rem;display:flex}.card__pick-icon{object-fit:contain;object-position:center;width:32px;height:32px;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:0;flex-shrink:0;margin:0}.card--pick .card__sprite{border-radius:0}.card__pick-sprite{margin-bottom:0}.card__pick-name{font-size:.95rem;font-weight:600;line-height:1.3}.cta-context{flex-direction:column;gap:.22rem;width:100%;display:flex}.cta-context--with-media{grid-template-columns:auto 1fr;align-items:start;gap:.28rem .75rem;display:grid}.cta-context--with-media .cta-context__media{grid-area:1/1;justify-content:center;align-self:center;align-items:center;display:flex}.cta-context--with-media .cta-context__title{grid-area:1/2}.cta-context--with-media .cta-context__subtitle{grid-area:2/2}.cta-context__title{letter-spacing:-.015em;color:var(--primary);min-width:0;margin:0;font-size:.98rem;font-weight:700;line-height:1.25}.cta-context__subtitle{color:var(--text-muted);min-width:0;margin:0;font-size:.88rem;font-weight:500;line-height:1.4}.cta-context__icon{object-fit:contain;object-position:center;width:32px;height:32px;image-rendering:pixelated;image-rendering:crisp-edges;border-radius:0;flex-shrink:0}.cta-context__sprite{image-rendering:pixelated;image-rendering:crisp-edges;border-radius:0;flex-shrink:0;margin:0}.cta{background:var(--primary);color:#f7f6f4;border-radius:var(--radius-pill);cursor:pointer;letter-spacing:.01em;width:100%;box-shadow:var(--selection-lip), 0 0 0 1px var(--ring-outline), var(--selection-drop);border:none;margin-top:1rem;padding:.85rem 1.15rem;font-size:1rem;font-weight:600;transition:background .18s,transform .12s,box-shadow .18s}.cta:hover{background:var(--primary-hover);box-shadow:var(--selection-lip), 0 0 0 1px var(--ring-outline-strong), var(--selection-drop-hover)}.cta:active{box-shadow:inset 0 2px 4px #00000014, 0 0 0 1px var(--ring-outline);transform:translateY(1px)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.recipe-sheet{margin-top:.25rem}.recipe-sheet__print-servings{display:none}.recipe-sheet__hero{margin-left:calc(-1 * var(--app-shell-pad-x));margin-right:calc(-1 * var(--app-shell-pad-x));width:calc(100% + 2 * var(--app-shell-pad-x));margin-bottom:1rem}.recipe-sheet__hero-media{line-height:0;position:relative;overflow:hidden}.recipe-sheet__hero-media:after{content:"";pointer-events:none;background:linear-gradient(to bottom, transparent 0%, transparent 52%, color-mix(in srgb, var(--bg) 35%, transparent) 80%, color-mix(in srgb, var(--bg) 88%, transparent) 94%, var(--bg) 100%);position:absolute;inset:0}@supports not (background:color-mix(in srgb, black 50%, white)){.recipe-sheet__hero-media:after{background:linear-gradient(#0000 0% 50%,#f1e9de38 74%,#f1e9de80 88%,#f1e9de 100%)}}.recipe-sheet__photo{z-index:0;object-fit:cover;object-position:center;filter:none;border-radius:0;width:100%;height:clamp(11.5rem,48vw,17.5rem);margin:0;display:block;position:relative}.recipe-sheet__title{color:var(--text);letter-spacing:-.02em;margin:0 0 .85rem;font-size:1.35rem;font-weight:700;line-height:1.25}.recipe-sheet__actions{flex-wrap:wrap;gap:.5rem;margin-bottom:.65rem;display:flex}.recipe-sheet__share-feedback{color:var(--primary);margin:0 0 1rem;font-size:.875rem;font-weight:600;line-height:1.35}.recipe-sheet__action{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface) 88%, var(--primary) 12%);min-width:7rem;color:var(--text);font:inherit;cursor:pointer;box-shadow:var(--selection-lip), 0 0 0 1px var(--ring-outline-soft);border:none;flex:auto;padding:.6rem 1rem;font-weight:600;transition:background .18s,box-shadow .18s}@supports not (background:color-mix(in srgb, black 50%, white)){.recipe-sheet__action{background:#fceef2}}.recipe-sheet__action:hover{background:var(--surface-hover);box-shadow:var(--selection-lip), 0 0 0 1px var(--ring-outline), var(--selection-drop)}.recipe-sheet__subtitle{color:var(--text);margin:1.35rem 0 .5rem;font-size:1rem;font-weight:600}.recipe-sheet__ingredient-list{margin:.35rem 0 0;padding:0;list-style:none}.recipe-sheet__ingredient-item{margin:.35rem 0;padding:0}.recipe-sheet__ingredient-row{border-radius:var(--radius-sm);width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;box-sizing:border-box;background:0 0;border:none;flex-direction:row;align-items:center;gap:.5rem;margin:0;padding:.35rem .5rem;font-weight:400;transition:background .15s,color .15s;display:flex}.app-shell section ul li button.recipe-sheet__ingredient-row{font-weight:400}.recipe-sheet__ingredient-row:hover{background:color-mix(in srgb, var(--surface) 88%, var(--primary) 12%)}.recipe-sheet__ingredient-row:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@supports not (background:color-mix(in srgb, black 50%, white)){.recipe-sheet__ingredient-row:hover{background:#fceef2}}.recipe-sheet__ingredient-media{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.recipe-sheet__ingredient-sprite{flex-shrink:0;display:block}.recipe-sheet__ingredient-fallback{width:32px;height:32px;image-rendering:pixelated;display:block}.recipe-sheet__ingredient-btn{text-align:left;border-radius:var(--radius-sm);color:var(--text);font:inherit;cursor:default;background:0 0;border:none;flex:1;padding:.35rem .5rem}.recipe-sheet__ingredient-text{min-width:0;color:var(--text);flex:1;line-height:1.45;transition:color .15s}.app-shell section ul li button.recipe-sheet__ingredient-row:hover .recipe-sheet__ingredient-text{color:var(--text)}.recipe-sheet__ingredient-row--done .recipe-sheet__ingredient-text{color:var(--primary);font-weight:600}.app-shell section ul li button.recipe-sheet__ingredient-row--done:hover .recipe-sheet__ingredient-text{color:var(--primary)}.recipe-sheet__ingredient-row-check{width:2rem;color:var(--primary);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;line-height:1;display:inline-flex}.recipe-sheet__ingredient-mark__glyph{opacity:0;transition:opacity .12s}.recipe-sheet__ingredient-row--done .recipe-sheet__ingredient-mark__glyph{opacity:1}.recipe-sheet__steps-list{margin:.35rem 0 0;padding-left:2rem}.recipe-sheet__step-item{margin:.25rem 0;padding-left:.15rem}.recipe-sheet__step-btn{text-align:left;border-radius:var(--radius-sm);width:calc(100% - .25rem);color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;margin-left:-.35rem;padding:.35rem .5rem;line-height:1.45;transition:background .15s;display:block}.recipe-sheet__step-btn:hover{background:color-mix(in srgb, var(--surface) 85%, var(--primary) 15%)}.recipe-sheet__step-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.recipe-sheet__step-btn--done{opacity:.72;text-decoration:line-through}@supports not (background:color-mix(in srgb, black 50%, white)){.recipe-sheet__step-btn:hover{background:#fceef2}}.servings-stepper{flex-direction:row;justify-content:center;align-items:center;gap:.35rem;margin-bottom:.25rem;padding:.35rem 0;display:flex}.servings-stepper__btn{border-radius:var(--radius-pill);background:var(--surface);width:2.75rem;height:2.75rem;color:var(--primary);cursor:pointer;box-shadow:var(--selection-lip), 0 0 0 1.5px var(--selection-ring), 2px 3px 0 var(--ink-shadow);border:none;flex-shrink:0;padding:0;font-size:1.35rem;font-weight:700;line-height:1;transition:background .18s,transform .15s,box-shadow .18s}.servings-stepper__btn:hover:not(:disabled){background:var(--surface-hover);transform:translateY(-1px)}.servings-stepper__btn:active:not(:disabled){transform:translateY(0)}.servings-stepper__btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:0 0 0 1px var(--ink-line)}.servings-stepper__field{justify-content:center;align-items:center;min-width:3rem;padding:0 .35rem;display:flex}.servings-stepper__input{border-radius:var(--radius-sm);width:2.75rem;max-width:100%;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;text-align:center;caret-color:var(--primary);background:0 0;border:none;padding:.2rem 0;font-size:1.5rem;font-weight:700;line-height:1.2}.servings-stepper__input:focus{outline:none}.servings-stepper__input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.actions{gap:.65rem;margin-top:1.25rem;display:flex}.actions button{border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;box-shadow:0 0 0 1px var(--ink-line);border:none;flex:1;padding:.55rem .85rem;font-weight:600;transition:background .18s}.actions button:hover{background:var(--surface-hover)}.app-shell section ul li button{font:inherit;color:#2c2838;cursor:pointer;text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem 0;font-weight:500}.app-shell section ul li button:hover{color:var(--primary-hover)}.app-shell section ul li button:focus-visible{color:#1f1b2a;outline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media print{@page{margin:14mm 12mm;size:auto}html,body{color:#111!important;background:#fff!important}*{-webkit-print-color-adjust:economy;print-color-adjust:economy}.topbar,.nav-drawer,.nav-drawer__backdrop,.builder-steps,.recipe-sheet__hero,.recipe-sheet__actions,.recipe-sheet__share-feedback,.servings-stepper,.cta-dock,.cookie-consent{display:none!important}.app-shell{max-width:none!important;margin:0!important;padding:0!important}.app-shell--internal-scroll{min-height:0!important;max-height:none!important;display:block!important;overflow:visible!important}.builder-scroll,.recipe-scroll{flex:none!important;padding:0!important;overflow:visible!important}.recipe-sheet{max-width:72ch;margin:0!important}.recipe-sheet__print-servings{margin:0 0 .65rem;font-size:11pt;font-weight:600;line-height:1.35;color:#000!important;display:block!important}.recipe-sheet__title{letter-spacing:-.02em;page-break-after:avoid;break-after:avoid;color:#000!important;margin:0 0 .35rem!important;font-size:18pt!important;font-weight:700!important}.recipe-sheet__subtitle{page-break-after:avoid;break-after:avoid;color:#000!important;margin:.85rem 0 .35rem!important;font-size:12pt!important;font-weight:700!important}.recipe-sheet ul,.recipe-sheet ol{margin:0 0 .65rem;padding-left:1.15rem}.recipe-sheet__ingredient-list{padding-left:0!important}.recipe-sheet ul li,.recipe-sheet ol li{margin:.15em 0;line-height:1.45;color:#111!important}.recipe-sheet ol li button{width:100%;display:block;box-shadow:none!important;color:#111!important;font:inherit!important;cursor:default!important;text-align:left!important;background:0 0!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;font-size:11pt!important;font-weight:400!important;line-height:1.45!important}.recipe-sheet ul li button.recipe-sheet__ingredient-row{box-shadow:none!important;cursor:default!important;text-align:left!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:row!important;align-items:center!important;width:100%!important;margin:0!important;padding:.12em 0!important;font-size:11pt!important;font-weight:400!important;line-height:1.45!important;display:flex!important}.recipe-sheet ul li button.recipe-sheet__ingredient-row .recipe-sheet__ingredient-text{color:#333!important;font-weight:400!important}.recipe-sheet ul li button.recipe-sheet__ingredient-row--done .recipe-sheet__ingredient-text{color:#000!important;font-weight:700!important}.recipe-sheet ul li button.recipe-sheet__ingredient-row .recipe-sheet__ingredient-row-check{color:#111!important;width:1.25rem!important;font-size:11pt!important}.recipe-sheet ul li button.recipe-sheet__ingredient-row--done .recipe-sheet__ingredient-mark__glyph{opacity:1!important}.recipe-sheet__step-btn--done{opacity:.82!important;text-decoration:line-through!important}.recipe-sheet ol li{page-break-inside:avoid;break-inside:avoid;font-size:11pt}}
