:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-text:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif:ui-serif, "New York", "Iowan Old Style", "Charter", Georgia, "Times New Roman", serif;--font-rounded:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--text-large-title:700 2.125rem/1.206 var(--font-display);--text-title-1:700 1.75rem/1.214 var(--font-display);--text-title-2:700 1.375rem/1.273 var(--font-display);--text-title-3:600 1.25rem/1.25 var(--font-display);--text-headline:600 1.0625rem/1.294 var(--font-text);--text-body:400 1.0625rem/1.294 var(--font-text);--text-callout:400 1rem/1.3125 var(--font-text);--text-subheadline:400 .9375rem/1.333 var(--font-text);--text-footnote:400 .8125rem/1.385 var(--font-text);--text-caption-1:400 .75rem/1.333 var(--font-text);--text-caption-2:400 .6875rem/1.182 var(--font-text);--tracking-large-title:.01em;--tracking-caption:.005em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--gutter:var(--space-4);--radius-xs:.375rem;--radius-sm:.625rem;--radius-md:.75rem;--radius-lg:1.125rem;--radius-xl:1.75rem;--radius-pill:999px;--tap:2.75rem;--control-height:3.125rem;--icon-sm:1.125rem;--icon-md:1.5rem;--icon-lg:1.75rem;--content-max:60rem;--reading-max:42rem;--tab-bar-height:3.5rem;--sidebar-width:16rem;--content-max-wide:76rem;--page-max:var(--content-max);--tab-bar-top-width:22rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--duration-fast:.12s;--duration-base:.22s;--color-background:#fff;--color-grouped-background:#f2f2f7;--color-surface:#fff;--color-surface-raised:#fff;--color-fill:#7676801f;--color-fill-strong:#76768033;--color-separator:#3c3c434a;--color-separator-opaque:#c6c6c8;--color-bar:#f9f9f9c7;--color-bar-solid:#f9f9f9;--color-segment-selected:#fff;--color-text:#000;--color-text-secondary:#6c6c70;--color-text-tertiary:#8a8a8e;--color-text-on-accent:#fff;--color-accent:#c2371e;--color-accent-fill:#c2371e;--color-accent-fill-pressed:#a32c16;--color-accent-soft:#fcebe7;--color-accent-strong:#9c2a16;--color-success:#1f7a35;--color-success-soft:#e6f3e8;--color-warning:#9a5b00;--color-warning-soft:#fbf0d9;--color-danger:#b3261e;--color-danger-soft:#fbe9e7;--color-focus:#c2371e;--hue-tomato-bg:#fcebe7;--hue-tomato-ink:#9c2a16;--hue-herb-bg:#e7f2e3;--hue-herb-ink:#2f6b2f;--hue-saffron-bg:#fbf0d9;--hue-saffron-ink:#7a4f00;--hue-plum-bg:#efe9f7;--hue-plum-ink:#5b3e8f;--hue-berry-bg:#e4eff7;--hue-berry-ink:#1d5c8a;--hue-cinnamon-bg:#f7e8de;--hue-cinnamon-ink:#8a3b12;--shadow-card:0 1px 2px #0000000a, 0 4px 16px #0000000f;--shadow-float:0 2px 6px #0000000f, 0 10px 32px #0000001f;--shadow-control:0 1px 2px #00000014, 0 2px 6px #0000000f}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-background:#000;--color-grouped-background:#000;--color-surface:#1c1c1e;--color-surface-raised:#2c2c2e;--color-fill:#7676803d;--color-fill-strong:#7676805c;--color-separator:#54545899;--color-separator-opaque:#38383a;--color-bar:#1e1e1eb8;--color-bar-solid:#1e1e1e;--color-segment-selected:#636366;--color-text:#fff;--color-text-secondary:#aeaeb2;--color-text-tertiary:#8e8e93;--color-accent:#ff7a5c;--color-accent-fill:#d2402a;--color-accent-fill-pressed:#b8341f;--color-accent-soft:#3a1e18;--color-accent-strong:#ff8a70;--color-success:#30d158;--color-success-soft:#13301b;--color-warning:#ff9f0a;--color-warning-soft:#33260f;--color-danger:#ff6961;--color-danger-soft:#3a1a18;--color-focus:#ff7a5c;--hue-tomato-bg:#2e1c18;--hue-tomato-ink:#ff8a70;--hue-herb-bg:#1f2b1d;--hue-herb-ink:#93db8a;--hue-saffron-bg:#2e2717;--hue-saffron-ink:#ffc266;--hue-plum-bg:#262036;--hue-plum-ink:#c3a6f2;--hue-berry-bg:#182531;--hue-berry-ink:#8cc3f0;--hue-cinnamon-bg:#2e211a;--hue-cinnamon-ink:#f2a27a;--shadow-card:none;--shadow-float:0 2px 8px #0006, 0 12px 32px #00000080;--shadow-control:0 1px 2px #00000080}}@media (prefers-contrast:more){:root{--color-separator:#3c3c4399;--color-text-secondary:#48484c;--color-text-tertiary:#636366;--color-accent:#9c2a16;--color-accent-fill:#9c2a16}}@media (prefers-contrast:more) and (prefers-color-scheme:dark){:root{--color-separator:#8c8c91cc;--color-text-secondary:#d1d1d6;--color-text-tertiary:#aeaeb2;--color-accent:#ff9e87;--color-accent-fill:#b8341f}}@media (prefers-reduced-transparency:reduce){:root{--color-bar:var(--color-bar-solid)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-height:100dvh;font:var(--text-body);background:var(--color-grouped-background);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,p,ul,ol,figure,fieldset,dl,dd{margin:0}ul,ol{padding:0}fieldset{border:0;min-width:0;padding:0}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}a{color:var(--color-accent);touch-action:manipulation;text-decoration:none}a:hover{text-underline-offset:.15em;text-decoration:underline}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:var(--color-accent-soft)}.t-large-title{font:var(--text-large-title);letter-spacing:var(--tracking-large-title)}.t-title-1{font:var(--text-title-1)}.t-title-2{font:var(--text-title-2)}.t-title-3{font:var(--text-title-3)}.t-headline{font:var(--text-headline)}.t-body{font:var(--text-body)}.t-callout{font:var(--text-callout)}.t-subheadline{font:var(--text-subheadline)}.t-footnote{font:var(--text-footnote)}.t-caption-1{font:var(--text-caption-1);letter-spacing:var(--tracking-caption)}.t-caption-2{font:var(--text-caption-2);letter-spacing:var(--tracking-caption)}.t-serif{font-family:var(--font-serif);letter-spacing:-.005em;font-weight:700}.t-secondary{color:var(--color-text-secondary)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{left:var(--space-4);top:calc(env(safe-area-inset-top) + var(--space-2));z-index:100;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-raised);box-shadow:var(--shadow-float);font:var(--text-headline);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hue-tomato{--hue-bg:var(--hue-tomato-bg);--hue-ink:var(--hue-tomato-ink)}.hue-herb{--hue-bg:var(--hue-herb-bg);--hue-ink:var(--hue-herb-ink)}.hue-saffron{--hue-bg:var(--hue-saffron-bg);--hue-ink:var(--hue-saffron-ink)}.hue-plum{--hue-bg:var(--hue-plum-bg);--hue-ink:var(--hue-plum-ink)}.hue-berry{--hue-bg:var(--hue-berry-bg);--hue-ink:var(--hue-berry-ink)}.hue-cinnamon{--hue-bg:var(--hue-cinnamon-bg);--hue-ink:var(--hue-cinnamon-ink)}.icon{width:var(--icon-md);height:var(--icon-md);flex:none}.icon--sm{width:var(--icon-sm);height:var(--icon-sm)}.icon--lg{width:var(--icon-lg);height:var(--icon-lg)}.icon--xl{stroke-width:1.5px;width:2.5rem;height:2.5rem}.icon--filled .ic-fill{fill:currentColor;fill-opacity:.18}.app{--nav-bar-height:2.75rem;min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-main{width:100%;max-width:calc(var(--page-max) + 2 * var(--gutter));padding:0 var(--gutter) calc(var(--tab-bar-height) + env(safe-area-inset-bottom) + var(--space-12));margin:0 auto}@media (width>=48rem){.app-main{padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-12))}}.app--no-tab-bar .app-main{padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-12))}.page{container:page/inline-size}.app--narrow{--page-max:var(--reading-max)}.stack{gap:var(--stack-gap,var(--space-8));flex-direction:column;display:flex}.stack--tight{--stack-gap:var(--space-4)}.section{gap:var(--space-3);flex-direction:column;display:flex}.section__header{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:0 var(--space-1);display:flex}.section__title{font:var(--text-title-3)}.section__link{font:var(--text-body);min-height:var(--tap);align-items:center;display:inline-flex}.cluster{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.grid-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));display:grid}.grid-tiles{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@container page (width>=40rem){.grid-tiles{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}}.shelf{gap:var(--space-3);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);margin-inline:calc(-1 * var(--gutter));padding:var(--space-1) var(--gutter) var(--space-3);scrollbar-width:none;grid-auto-columns:min(78%,18rem);grid-auto-flow:column;display:grid;overflow-x:auto}.shelf::-webkit-scrollbar{display:none}.shelf>*{scroll-snap-align:start}@container page (width>=40rem){.shelf{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));grid-auto-columns:auto;grid-auto-flow:row;margin-inline:0;padding-inline:0;overflow:visible}}@media (width>=48rem){:root{--gutter:var(--space-6)}}@media (width>=64rem){:root{--gutter:var(--space-8)}.app--wide{--page-max:var(--content-max-wide)}.app--sidebar{padding-left:calc(var(--sidebar-width) + env(safe-area-inset-left))}}.nav-bar{z-index:30;align-items:center;gap:var(--space-2);min-height:calc(var(--nav-bar-height) + env(safe-area-inset-top));--nav-offset:0px;--nav-edge-left:env(safe-area-inset-left);--nav-edge-right:env(safe-area-inset-right);--nav-inset:max(0px, (100% - var(--nav-offset) - var(--nav-edge-left) - var(--nav-edge-right) - var(--page-max) - 2 * var(--gutter)) / 2);padding:env(safe-area-inset-top) calc(var(--nav-edge-right) + var(--nav-inset) + var(--gutter) - var(--space-2)) 0 calc(var(--nav-edge-left) + var(--nav-inset) + var(--gutter) - var(--space-2));background:0 0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid;position:fixed;top:0;left:0;right:0}.nav-bar:before{content:"";z-index:-1;background:var(--color-bar);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:.5px solid var(--color-separator);opacity:1;position:absolute;inset:0}.nav-bar__title{max-width:min(14rem,100vw - 15rem);font:var(--text-headline);text-overflow:ellipsis;white-space:nowrap;opacity:1;overflow:hidden}@supports (animation-timeline:scroll()){.nav-bar:before,.nav-bar__title{opacity:0;animation:linear both nav-bar-reveal;animation-timeline:scroll(root);animation-range:0 3.5rem}}@keyframes nav-bar-reveal{0%{opacity:0}to{opacity:1}}.nav-bar__leading,.nav-bar__trailing{align-items:center;gap:var(--space-2);min-width:0;display:flex}.nav-bar__trailing{justify-content:flex-end}.nav-bar__back{min-width:0;max-width:100%;min-height:var(--tap);padding-right:var(--space-2);font:var(--text-body);white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.nav-bar__back:hover{text-decoration:none}.nav-bar__back .icon{stroke-width:2.25px}.nav-bar__back span{text-overflow:ellipsis;overflow:hidden}.page-header__large{max-width:calc(var(--page-max) + 2 * var(--gutter));padding:calc(var(--nav-bar-height) + env(safe-area-inset-top) + var(--space-1)) var(--gutter) var(--space-4);margin:0 auto}.page-header--hue{background:linear-gradient(to bottom, var(--hue-bg) 60%, var(--color-grouped-background))}.page-header__icon{margin-bottom:var(--space-2);color:var(--hue-ink,var(--color-accent));display:block}.page-header__eyebrow{margin-bottom:var(--space-1);font:var(--text-subheadline);color:var(--color-accent);font-weight:600}.page-header__title{font:var(--text-large-title);letter-spacing:var(--tracking-large-title);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.page-header__title--serif{font-family:var(--font-serif);letter-spacing:-.005em}.tab-bar{z-index:30;left:50%;bottom:max(env(safe-area-inset-bottom), var(--space-3));width:min(100% - 2 * var(--space-4), 26rem);border-radius:var(--radius-xl);background:var(--color-bar);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);box-shadow:var(--shadow-float), inset 0 0 0 .5px var(--color-separator);position:fixed;transform:translate(-50%)}.tab-bar__list{padding:var(--space-1);grid-template-columns:repeat(4,1fr);list-style:none;display:grid}.tab-bar__tab{border-radius:calc(var(--radius-xl) - var(--space-1));min-height:3.25rem;color:var(--color-text);transition:background-color var(--duration-fast) linear, color var(--duration-fast) linear;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.tab-bar__tab:hover{text-decoration:none}.tab-bar__tab:focus-visible{border-radius:calc(var(--radius-xl) - var(--space-1));outline-offset:-2px}.tab-bar__tab--active{background:var(--color-fill);color:var(--color-accent-strong)}@media (prefers-color-scheme:dark){.tab-bar__tab--active{color:var(--color-accent)}}.tab-bar__label{font:600 .6875rem/1.1 var(--font-text);letter-spacing:.01em}.tab-bar__tab--soon{color:var(--color-text-secondary);cursor:default}@media (width>=48rem) and (width<=63.99rem){.app{--nav-bar-height:3.25rem}.nav-bar{grid-template-columns:minmax(0, 1fr) var(--tab-bar-top-width) minmax(0, 1fr)}.nav-bar__leading{grid-column:1}.nav-bar__trailing{grid-column:3}.nav-bar__title{display:none}.tab-bar{z-index:31;top:env(safe-area-inset-top);width:var(--tab-bar-top-width);height:var(--nav-bar-height);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border-radius:0;align-items:center;display:flex;bottom:auto}.tab-bar__list{flex:1;padding:0}.tab-bar__tab{gap:var(--space-1);min-height:var(--tap);padding-inline:var(--space-1);border-radius:var(--radius-sm);flex-direction:row}.tab-bar__tab:focus-visible{border-radius:var(--radius-sm)}.tab-bar__tab .icon{width:var(--icon-sm);height:var(--icon-sm)}.tab-bar__label{font-size:.75rem}}@media (width>=64rem){.tab-bar{display:none}.nav-bar{--nav-offset:calc(var(--sidebar-width) + env(safe-area-inset-left));--nav-edge-left:0px;left:var(--nav-offset)}}.sidebar{display:none}@media (width>=64rem){.sidebar{z-index:20;width:calc(var(--sidebar-width) + env(safe-area-inset-left));padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--color-surface);box-shadow:inset -.5px 0 0 var(--color-separator);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}}.sidebar a:hover{text-decoration:none}.sidebar__brand{align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-4) var(--space-3);font:var(--text-headline);margin:0;display:flex}.sidebar__brand-icon{border-radius:var(--radius-xs);flex:none;width:1.75rem;height:1.75rem}.sidebar__scroll{overscroll-behavior:contain;min-height:0;padding:0 var(--space-2) var(--space-3);flex:1;overflow-y:auto}.sidebar__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar__link{align-items:center;gap:var(--space-2);min-height:var(--tap);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text);font:var(--text-body);display:flex}.sidebar__link .icon{flex:none}.sidebar__link:hover{background:color-mix(in srgb, var(--color-fill) 55%, transparent)}.sidebar__link--current,.sidebar__link--current:hover{background:var(--color-fill);font-weight:600}.sidebar__link--current .icon{color:var(--color-accent)}.sidebar__link--current.sidebar__link--ancestor{font-weight:400}.sidebar__link--section{font:var(--text-callout)}.sidebar__link--section .icon{color:var(--hue-ink)}.sidebar__link--section.sidebar__link--current{font-weight:600}.sidebar__link--section.sidebar__link--current.sidebar__link--ancestor{font-weight:400}.sidebar__link--section.sidebar__link--current .icon{color:var(--color-accent)}.sidebar__link--section{position:relative}.sidebar__link--section.sidebar__link--current:before{content:"";border-radius:0 var(--radius-xs) var(--radius-xs) 0;background:var(--hue-ink);width:3px;position:absolute;top:25%;bottom:25%;left:0}.sidebar__label{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;flex:1;min-width:0}.sidebar__count{color:var(--color-text-secondary);font:var(--text-footnote);font-variant-numeric:tabular-nums;flex:none}.sidebar__group{margin-top:var(--space-4)}.sidebar__summary{min-height:2rem;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-secondary);font:var(--text-footnote);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}.sidebar__summary::-webkit-details-marker{display:none}.sidebar__summary:after{content:"";width:.4rem;height:.4rem;transition:transform var(--duration-fast) var(--ease-out);border-bottom:2px solid;border-right:2px solid;transform:rotate(-45deg)}.sidebar__group[open]>.sidebar__summary:after{transform:rotate(45deg)}.sidebar__group>.sidebar__list{margin-top:var(--space-1)}.sidebar__account{align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-3) var(--space-4);border-top:.5px solid var(--color-separator);color:var(--color-text);display:flex}.sidebar__account-text{flex-direction:column;min-width:0;display:flex}.sidebar__account-name,.sidebar__account-detail{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar__account-name{font:var(--text-subheadline);font-weight:600}.sidebar__account-detail{color:var(--color-text-secondary);font:var(--text-footnote)}@media (pointer:fine){.sidebar__link{min-height:2.25rem}}@media (prefers-reduced-motion:reduce){.sidebar__summary:after{transition:none}}@media print{.sidebar,.tab-bar{display:none}}@media (prefers-contrast:more){.sidebar__link--current,.sidebar__link--current:hover{background:var(--color-fill-strong);box-shadow:inset 0 0 0 1px var(--color-separator)}}.sidebar__resize{display:none}@media (width>=64rem){.sidebar__resize{cursor:col-resize;touch-action:none;width:.75rem;display:block;position:absolute;top:0;bottom:0;right:0}.sidebar__resize:after{content:"";width:2px;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;position:absolute;top:0;bottom:0;right:0}.sidebar__resize:hover:after,.sidebar__resize:focus-visible:after,.is-resizing-sidebar .sidebar__resize:after{background:var(--color-accent)}.sidebar__resize:focus-visible{outline:none}.is-resizing-sidebar{cursor:col-resize;-webkit-user-select:none;user-select:none}}@media (prefers-reduced-motion:reduce){.sidebar__resize:after{transition:none}}.cooking-bar{--cooking-bar-height:3.5rem;min-height:var(--cooking-bar-height);align-items:center;display:flex}.cooking-bar__link{align-items:center;gap:var(--space-3);min-width:0;min-height:var(--cooking-bar-height);padding-left:var(--space-4);color:var(--color-text);border-radius:inherit;flex:1;display:flex}.cooking-bar__link:hover{text-decoration:none}.cooking-bar__link .icon{color:var(--color-accent);flex:none}.cooking-bar__text{flex-direction:column;min-width:0;display:flex}.cooking-bar__eyebrow{color:var(--color-text-secondary);font:var(--text-caption-1)}.cooking-bar__title{font:var(--text-subheadline);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cooking-bar__stop{flex:none;margin:0}.cooking-bar__stop-button{width:var(--tap);height:var(--cooking-bar-height);color:var(--color-text-secondary);border-radius:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.cooking-bar__stop-button:hover{color:var(--color-text)}.cooking-bar--floating{z-index:29;left:50%;bottom:calc(max(env(safe-area-inset-bottom), var(--space-3)) + var(--tab-bar-height) + var(--space-2));width:min(100% - 2 * var(--space-4), 26rem);border-radius:var(--radius-lg);background:var(--color-bar);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);box-shadow:var(--shadow-float), inset 0 0 0 .5px var(--color-separator);position:fixed;transform:translate(-50%)}.app--cooking .app-main{padding-bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom) + var(--space-12) + 3.5rem + var(--space-2))}@media (width>=48rem){.cooking-bar--floating{bottom:max(env(safe-area-inset-bottom), var(--space-3))}.app--cooking .app-main{padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-12) + 3.5rem + var(--space-2))}}.cooking-bar--sidebar{display:none}@media (width>=64rem){.cooking-bar--floating{display:none}.app--cooking .app-main{padding-bottom:calc(env(safe-area-inset-bottom) + var(--space-12))}.cooking-bar--sidebar{margin:0 var(--space-2) var(--space-2);border-radius:var(--radius-md);background:var(--color-fill);flex:none;display:flex}.cooking-bar--sidebar .cooking-bar__link{padding-left:var(--space-3)}.cooking-bar--sidebar .cooking-bar__link:hover,.cooking-bar--sidebar .cooking-bar__stop-button:hover{background:color-mix(in srgb, var(--color-fill) 100%, var(--color-text) 6%)}}@media (pointer:fine){.cooking-bar--sidebar,.cooking-bar--sidebar .cooking-bar__link,.cooking-bar--sidebar .cooking-bar__stop-button{--cooking-bar-height:3rem}}@media (prefers-contrast:more){.cooking-bar--floating,.cooking-bar--sidebar{box-shadow:inset 0 0 0 1px var(--color-separator)}}.cooking-toggle{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.cooking-toggle__hint{color:var(--color-text-secondary);font:var(--text-footnote);text-align:center;margin:0}@media print{.cooking-bar,.cooking-toggle{display:none}.app--cooking .app-main{padding-bottom:0}}.btn{--btn-bg:var(--color-accent-fill);--btn-fg:var(--color-text-on-accent);justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-5);border-radius:var(--radius-md);background:var(--btn-bg);color:var(--btn-fg);font:var(--text-headline);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast) linear, opacity var(--duration-fast) linear;border:0;text-decoration:none;display:inline-flex;position:relative}.btn:hover{text-decoration:none}.btn:active:not(:disabled,[aria-disabled=true]){transform:scale(.97)}.btn--large{min-height:var(--control-height);padding-inline:var(--space-6);border-radius:var(--radius-md)}.btn--medium{min-height:var(--tap)}.btn--small{min-height:2rem;padding:0 var(--space-3);border-radius:var(--radius-pill);font:600 .9375rem/1.2 var(--font-text)}.btn--small:after{content:"";position:absolute;inset:-6px -2px}.btn--block{width:100%;display:flex}.btn--primary:active:not(:disabled,[aria-disabled=true]){--btn-bg:var(--color-accent-fill-pressed)}.btn--secondary{--btn-bg:var(--color-accent-soft);--btn-fg:var(--color-accent-strong)}.btn--plain{--btn-bg:transparent;--btn-fg:var(--color-accent);padding-inline:var(--space-2);font-weight:400}.btn--plain:hover{text-underline-offset:.15em;text-decoration:underline}.btn--destructive{--btn-bg:var(--color-danger-soft);--btn-fg:var(--color-danger)}.btn--icon{--btn-bg:var(--color-fill);--btn-fg:var(--color-accent);width:var(--tap);min-height:var(--tap);border-radius:var(--radius-pill);padding:0}.btn--icon.btn--large{width:var(--control-height)}.btn--icon.btn--small{width:2rem;min-height:2rem}.btn--icon.btn--small:after{inset:-6px}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;--btn-bg:var(--color-fill);--btn-fg:var(--color-text-secondary)}.btn--plain:disabled,.btn--plain[aria-disabled=true]{--btn-bg:transparent}.btn__icon{flex:none}.text-field{gap:var(--space-2);flex-direction:column;display:flex}.text-field__label{font:var(--text-subheadline);color:var(--color-text);font-weight:600}.text-field__required{color:var(--color-text-secondary)}.text-field__input{width:100%;min-height:var(--control-height);padding:0 var(--space-4);border:1px solid var(--color-separator);border-radius:var(--radius-md);background:var(--color-surface);font:var(--text-body);transition:border-color var(--duration-fast) linear, box-shadow var(--duration-fast) linear}.text-field__input::placeholder,.link-paste__input::placeholder,.search-field__input::placeholder{color:var(--color-text-secondary);opacity:1}.text-field__input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 25%, transparent);outline:none}.text-field--invalid .text-field__input{border-color:var(--color-danger)}.text-field__input:disabled{background:var(--color-fill);color:var(--color-text-secondary);cursor:not-allowed}.text-field__help,.text-field__error,.link-paste__note,.link-paste__error{font:var(--text-footnote);color:var(--color-text-secondary)}.text-field__error,.link-paste__error{gap:var(--space-1);color:var(--color-danger);align-items:flex-start;display:flex}.select-field__control{position:relative}.select-field__input{appearance:none;padding-right:calc(var(--space-4) * 2 + 18px);color:var(--color-text);text-overflow:ellipsis}.select-field__chevron{top:50%;right:var(--space-4);color:var(--color-text-tertiary);pointer-events:none;display:flex;position:absolute;transform:translateY(-50%)rotate(90deg)}.password-pair{gap:var(--space-4);flex-direction:column;display:flex}.password-pair--invalid .text-field__input{border-color:var(--color-danger)}.check-field{align-items:center;gap:var(--space-3);min-height:44px;display:flex}.check-field__input{width:1.375rem;height:1.375rem;accent-color:var(--color-accent-fill);flex:none;margin:0}.check-field__input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.check-field__label{min-height:44px;font:var(--text-body);color:var(--color-text);flex:1;align-items:center;display:flex}.check-field__input:disabled+.check-field__label{color:var(--color-text-secondary)}.link-paste{gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.link-paste__label{font:var(--text-title-3)}.link-paste__more{min-height:var(--tap);margin-block:calc(-1 * var(--space-2)) calc(-1 * var(--space-2));font:var(--text-subheadline);align-self:center;align-items:center;display:inline-flex}.link-paste__field{align-items:center;gap:var(--space-2);min-height:3.5rem;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border:1.5px solid var(--color-separator);border-radius:var(--radius-md);background:var(--color-background);transition:border-color var(--duration-fast) linear, box-shadow var(--duration-fast) linear;display:flex}.link-paste__field:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 25%, transparent)}.link-paste--invalid .link-paste__field{border-color:var(--color-danger)}.link-paste__icon{color:var(--color-text-secondary)}.link-paste__input{min-width:0;min-height:var(--tap);font:var(--text-body);background:0 0;border:0;flex:1}.link-paste__input:focus-visible{outline:none}.link-paste__paste{align-items:center;gap:var(--space-1);min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--color-accent-soft);color:var(--color-accent-strong);font:var(--text-subheadline);border:0;font-weight:600;display:inline-flex}.link-paste__paste[hidden]{display:none}.link-paste__paste:disabled{background:var(--color-fill);color:var(--color-text-secondary)}.link-paste--disabled .link-paste__field{background:var(--color-fill);border-color:#0000}.link-paste--disabled .link-paste__input{cursor:not-allowed}.search-field__box{align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-fill);color:var(--color-text-secondary);display:flex}.search-field__box:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 35%, transparent)}.search-field__input{min-width:0;min-height:var(--tap);color:var(--color-text);font:var(--text-body);appearance:none;background:0 0;border:0;flex:1}.search-field__input:focus-visible{outline:none}.segmented{grid-template-columns:repeat(var(--segments,2), minmax(0, 1fr));border-radius:var(--radius-sm);background:var(--color-fill);gap:2px;padding:2px;display:grid}.segmented__option{min-height:2.25rem;padding:0 var(--space-2);border-radius:calc(var(--radius-sm) - 2px);font:var(--text-subheadline);text-align:center;cursor:pointer;transition:background-color var(--duration-fast) linear;justify-content:center;align-items:center;font-weight:500;display:flex;position:relative}.segmented__option:after{content:"";position:absolute;inset:-4px 0}.segmented__input:checked+.segmented__option{background:var(--color-segment-selected);box-shadow:var(--shadow-control);font-weight:600}.segmented__input:focus-visible+.segmented__option{outline:3px solid var(--color-focus);outline-offset:1px}.servings{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.servings__caption{font:var(--text-body);color:var(--color-text-secondary)}.servings__control{align-items:center;gap:var(--space-1);display:flex}.servings__count{text-align:center;min-width:6.5rem;font:var(--text-headline);font-variant-numeric:tabular-nums}.servings__button{width:var(--tap);height:var(--tap);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-strong);transition:transform var(--duration-fast) var(--ease-out), opacity var(--duration-fast) linear;border:0;justify-content:center;align-items:center;display:inline-flex}.servings__button:active:not(:disabled){transform:scale(.92)}.servings__button:disabled{background:var(--color-fill);color:var(--color-text-tertiary);cursor:not-allowed}.servings:not([data-servings-ready]) .servings__button{visibility:hidden}.tag{align-items:center;gap:var(--space-1);min-height:1.75rem;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-fill);color:var(--color-text);font:var(--text-footnote);white-space:nowrap;font-weight:500;display:inline-flex}.tag--hue{background:var(--hue-bg);color:var(--hue-ink)}.tag--link{min-height:2.25rem;padding-inline:var(--space-4);font:var(--text-subheadline);font-weight:500;text-decoration:none;position:relative}.tag--link:after{content:"";position:absolute;inset:-4px 0}.tag--link:hover{background:var(--color-fill-strong);text-decoration:none}.tag--selected,.tag--selected:hover{background:var(--color-accent-fill);color:var(--color-text-on-accent)}.avatar{background:var(--hue-bg);width:2.5rem;height:2.5rem;color:var(--hue-ink);font:600 1rem/1 var(--font-rounded);letter-spacing:.02em;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.avatar--sm{width:1.75rem;height:1.75rem;font-size:.75rem}.avatar--lg{width:4rem;height:4rem;font-size:1.5rem}.grouped-list{gap:var(--space-2);flex-direction:column;display:flex}.grouped-list__header{padding:0 var(--space-4);font:var(--text-footnote);text-transform:uppercase;letter-spacing:.02em;color:var(--color-text-secondary);font-weight:400}.grouped-list__footer{padding:0 var(--space-4);font:var(--text-footnote);color:var(--color-text-secondary)}.list{border-radius:var(--radius-md);background:var(--color-surface);list-style:none;overflow:hidden}.list-row+.list-row .list-row__body:before{content:"";top:0;right:0;left:var(--row-inset,var(--space-4));border-top:.5px solid var(--color-separator);position:absolute}.list-row:has(.list-row__icon){--row-inset:3.75rem}.list-row__body{align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-3) var(--space-4);color:var(--color-text);text-decoration:none;display:flex;position:relative}.list-row__body--link{transition:background-color var(--duration-fast) linear}.list-row__body--link:hover{background:var(--color-fill);text-decoration:none}.list-row__body--link:active{background:var(--color-fill-strong)}.list-row__body--link:focus-visible{outline-offset:-3px;border-radius:0}.list-row__icon{border-radius:var(--radius-xs);background:var(--hue-bg);width:1.875rem;height:1.875rem;color:var(--hue-ink);flex:none;justify-content:center;align-items:center;display:inline-flex}.list-row__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.list-row__title{font:var(--text-body)}.list-row--destructive .list-row__title{color:var(--color-danger)}.list-row__subtitle{font:var(--text-subheadline);color:var(--color-text-secondary)}.list-row__value{font:var(--text-body);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex:none}.list-row__chevron{margin-right:calc(-1 * var(--space-1));color:var(--color-text-tertiary);stroke-width:2.25px;flex:none}.ingredients{gap:var(--space-5);flex-direction:column;display:flex}.ingredients__title,.steps__title{margin-bottom:var(--space-2);font:var(--text-headline)}.ingredients__list{padding:var(--space-1) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);list-style:none}.ingredient{column-gap:var(--space-4);padding:var(--space-3) 0;grid-template-columns:minmax(5.5rem,max-content) 1fr;align-items:baseline;display:grid}.ingredient+.ingredient{border-top:.5px solid var(--color-separator)}.ingredient__quantity{min-width:5.5rem;font:var(--text-headline);font-variant-numeric:tabular-nums;color:var(--color-text)}.ingredient__name{font:var(--text-body)}.ingredient__note{color:var(--color-text-secondary)}.ingredient__optional{margin-left:var(--space-1);font:var(--text-footnote);color:var(--color-text-secondary);font-style:italic}.steps{gap:var(--space-6);flex-direction:column;display:flex}.steps__list{gap:var(--space-5);flex-direction:column;list-style:none;display:flex}.step{gap:var(--space-3);grid-template-columns:2rem 1fr;align-items:start;display:grid}.step__number{background:var(--color-accent-soft);width:2rem;height:2rem;color:var(--color-accent-strong);font:700 1rem/1 var(--font-rounded);font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.step__text{max-width:var(--reading-max);font:var(--text-body);padding-top:.25rem;line-height:1.47}.shopping-list{border-radius:var(--radius-md);background:var(--color-surface);list-style:none;overflow:hidden}.shopping-item{position:relative}.shopping-item+.shopping-item .shopping-item__body:before{content:"";border-top:.5px solid var(--color-separator);position:absolute;top:0;left:3.5rem;right:0}.shopping-item__check{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.shopping-item__body{align-items:center;gap:var(--space-3);min-height:3.25rem;padding:var(--space-2) var(--space-4);cursor:pointer;display:flex;position:relative}.shopping-item__box{border:1.75px solid var(--color-text-tertiary);color:#0000;width:1.625rem;height:1.625rem;transition:background-color var(--duration-fast) linear, border-color var(--duration-fast) linear, transform var(--duration-base) var(--ease-spring);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.shopping-item__box .icon{stroke-width:2.75px;width:.9rem;height:.9rem}.shopping-item__check:checked+.shopping-item__body .shopping-item__box{border-color:var(--color-accent-fill);background:var(--color-accent-fill);color:var(--color-text-on-accent)}.shopping-item__check:active+.shopping-item__body .shopping-item__box{transform:scale(.88)}.shopping-item__check:focus-visible+.shopping-item__body{outline:3px solid var(--color-focus);outline-offset:-3px}.shopping-item__text{flex-direction:column;flex:1;min-width:0;display:flex}.shopping-item__name{font:var(--text-body)}.shopping-item__note{font:var(--text-footnote);color:var(--color-text-secondary)}.shopping-item__quantity{font:var(--text-body);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex:none}.shopping-item__quantity--pantry{padding:.125rem var(--space-2);border-radius:var(--radius-pill);background:var(--color-fill);font:var(--text-footnote);font-weight:500}.shopping-item__check:checked+.shopping-item__body .shopping-item__name{color:var(--color-text-secondary);text-decoration:line-through;-webkit-text-decoration-color:var(--color-text-tertiary);text-decoration-color:var(--color-text-tertiary)}.recipe-card__link{border-radius:var(--radius-lg);background:var(--color-surface);height:100%;box-shadow:var(--shadow-card);color:var(--color-text);transition:transform var(--duration-base) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.recipe-card__link:hover{text-decoration:none}.recipe-card__link:active{transform:scale(.98)}.recipe-card__link:focus-visible{border-radius:var(--radius-lg)}.recipe-card__media{aspect-ratio:4/3;background:var(--hue-bg);position:relative;overflow:hidden}.recipe-card--compact .recipe-card__media{aspect-ratio:3/2}.recipe-card__image{object-fit:cover;width:100%;height:100%}.recipe-card__placeholder{width:100%;height:100%;color:var(--hue-ink);background:radial-gradient(circle at 50% 50%, transparent 0 2.6rem, color-mix(in srgb, var(--hue-ink) 14%, transparent) 2.6rem 2.7rem, transparent 2.7rem 3.6rem, color-mix(in srgb, var(--hue-ink) 8%, transparent) 3.6rem 3.65rem, transparent 3.65rem), var(--hue-bg);place-items:center;display:grid}.recipe-card__placeholder .icon{width:3rem;height:3rem}.recipe-card__body{gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;flex:1;display:flex}.recipe-card__title{font:700 1.1875rem/1.26 var(--font-serif);letter-spacing:-.005em;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.recipe-card__meta{align-items:center;gap:var(--space-1) var(--space-3);font:var(--text-footnote);color:var(--color-text-secondary);flex-wrap:wrap;margin-top:auto;display:flex}.recipe-card__time{align-items:center;gap:var(--space-1);display:inline-flex}.recipe-card__time .icon{width:.95rem;height:.95rem}.recipe-card__area{min-width:0;display:flex}.recipe-card__area .tag{max-width:100%;min-height:1.375rem;padding-inline:var(--space-2);font-weight:600}@container page (width>=40rem){.recipe-card__meta{flex-wrap:nowrap;min-width:0}.recipe-card__time{white-space:nowrap;flex:none}.recipe-card__area .tag>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.grid-cards--large{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}@container page (width>=48rem){.grid-cards--large{grid-template-columns:repeat(2,minmax(0,1fr))}}@container page (width>=64rem){.grid-cards--large{grid-template-columns:repeat(3,minmax(0,1fr))}}.recipe-card--large .recipe-card__title{font-size:1.375rem;line-height:1.273}.recipe-card--large .recipe-card__body{padding:var(--space-4) var(--space-5) var(--space-5)}.recipe-card--wishable{gap:var(--space-2);flex-direction:column;display:flex}.recipe-card--wishable .recipe-card__link{flex:1}.recipe-card__wish{display:flex}.family-badge{align-items:center;gap:var(--space-1);min-height:1.5rem;padding:.125rem var(--space-2);background:var(--color-accent-soft);color:var(--color-accent-strong);font:var(--text-footnote);white-space:nowrap;border-radius:999px;font-weight:600;display:inline-flex}.family-badge--compact{padding-inline:.25rem}.recipe-card__badge{top:var(--space-2);left:var(--space-2);position:absolute}.recipe-card__badge .family-badge{box-shadow:0 0 0 .5px #00000014}.category-tile{gap:var(--space-1) var(--space-2);min-height:7.5rem;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--hue-bg);color:var(--color-text);transition:transform var(--duration-base) var(--ease-out);grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto;text-decoration:none;display:grid}.category-tile:hover{text-decoration:none}.category-tile:active{transform:scale(.97)}.category-tile:focus-visible{border-radius:var(--radius-lg)}.category-tile__icon{color:var(--hue-ink);grid-area:1/1}.category-tile__name{font:var(--text-headline);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;grid-area:3/1/auto/-1;align-self:end}.category-tile__count{font:var(--text-footnote);color:var(--hue-ink);font-variant-numeric:tabular-nums;grid-area:1/2;font-weight:600}.wish-card{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.wish-card__header{align-items:center;gap:var(--space-2);display:flex}.wish-card__author{min-width:0;font:var(--text-subheadline);color:var(--color-text-secondary);flex:1}.wish-card__text{font:600 1.25rem/1.3 var(--font-serif)}.wish-card__text a{color:var(--color-text);text-decoration:none}.wish-card__text a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--color-separator);text-decoration-color:var(--color-separator)}.wish-card__chevron{color:var(--color-text-tertiary);vertical-align:-.1em}.wish-card--done .wish-card__text{color:var(--color-text-secondary)}.wish-card__date{align-items:center;gap:var(--space-1);font:var(--text-footnote);color:var(--color-text-secondary);display:flex}.wish-card__planned a{color:inherit}.wish-card__actions{align-items:center;gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.wish-card__form{display:contents}.wish-card--compact{gap:var(--space-1);padding:var(--space-3) var(--space-4)}.wish-card--compact .wish-card__text{font-size:1.0625rem}.wish-list{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@container page (width>=40rem){.wish-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.wish-form__recipe{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-text-secondary);display:flex}.wish-form__recipe-title{font:600 1.25rem/1.3 var(--font-serif);color:var(--color-text)}.wish-form__actions{gap:var(--space-2);flex-direction:column;display:flex}.empty-state{align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-6);text-align:center;flex-direction:column;display:flex}.empty-state__icon{width:5rem;height:5rem;margin-bottom:var(--space-2);background:var(--color-accent-soft);color:var(--color-accent-strong);border-radius:50%;place-items:center;display:grid}.empty-state__title{font:var(--text-title-3)}.empty-state__text{max-width:22rem;font:var(--text-callout);color:var(--color-text-secondary)}.empty-state__action{margin-top:var(--space-3)}.empty-state__note{max-width:22rem;font:var(--text-footnote);color:var(--color-text-secondary)}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-2) var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-float);animation:toast-in var(--duration-base) var(--ease-out);display:flex}.toast--success{--toast-ink:var(--color-success)}.toast--error{--toast-ink:var(--color-danger)}.toast--info{--toast-ink:var(--color-text-secondary)}.toast__icon{margin-top:var(--space-2);color:var(--toast-ink)}.toast__text{min-width:0;padding:var(--space-2) 0;flex:1}.toast__title{font:var(--text-headline)}.toast__message{font:var(--text-subheadline);color:var(--color-text-secondary)}.toast__title+.toast__message{margin-top:2px}.toast__close{width:var(--tap);height:var(--tap);color:var(--color-text-secondary);background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.toast__close:hover{background:var(--color-fill)}.toast--floating{z-index:40;left:50%;bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom) + var(--space-6));width:min(100% - 2 * var(--gutter), 26rem);position:fixed;transform:translate(-50%)}.toast--leaving{animation:.16s ease-in forwards toast-out}@keyframes toast-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes toast-out{to{opacity:0;translate:0 8px}}.home-top{display:contents}.week-glance{display:none}@container page (width>=56rem){.home-top--week{gap:var(--space-4);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:stretch;display:grid}.home-top--solo{grid-template-columns:minmax(0,1fr)}.week-glance{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.week-glance__title{font:var(--text-title-3)}.week-glance__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.week-glance__row{align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0;border-top:.5px solid var(--color-separator);grid-template-columns:6.5rem minmax(0,1fr);display:grid}.week-glance__row:first-child{border-top:0}.week-glance__day{font:var(--text-subheadline);color:var(--color-text-secondary)}.week-glance__row--today .week-glance__day{color:var(--color-text);font-weight:600}.week-glance__recipes{flex-direction:column;min-width:0;display:flex}.week-glance__none{font:var(--text-body);color:var(--color-text-secondary)}.week-glance__recipe{font:var(--text-body);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;text-decoration:none;overflow:hidden}.week-glance__recipe:hover{text-decoration:underline;-webkit-text-decoration-color:var(--color-separator);text-decoration-color:var(--color-separator)}.week-glance__empty{font:var(--text-callout);color:var(--color-text-secondary)}.week-glance__link{min-height:var(--tap);font:var(--text-body);align-self:flex-start;align-items:center;margin-top:auto;display:inline-flex}}.install-hint{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);display:flex}.install-hint[hidden],.install-hint [hidden]{display:none}.install-hint__icon{border-radius:var(--radius-md);flex:none;width:3rem;height:3rem}.install-hint__body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.install-hint__title{font:var(--text-headline)}.install-hint__text{font:var(--text-callout);color:var(--color-text-secondary)}.install-hint__share{align-items:center;gap:var(--space-1);color:var(--color-accent);white-space:nowrap;display:inline-flex}.install-hint__share .icon{vertical-align:-.2em}.install-hint__actions{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;margin-inline-start:calc(-1 * var(--space-2));display:flex}.install-hint__actions>span:not([hidden]){margin-inline-start:var(--space-2)}.recipe{--stack-gap:var(--space-6)}.recipe__tags{list-style:none}.recipe__description{max-width:var(--reading-max);font:var(--text-callout);color:var(--color-text-secondary)}.recipe-image{margin-inline:calc(-1 * var(--gutter));aspect-ratio:4/3;background:var(--color-fill);overflow:hidden}.recipe-image__img{object-fit:cover;width:100%;height:100%}@media (width>=40rem){.recipe-image{aspect-ratio:16/9;border-radius:var(--radius-lg);margin-inline:0}}.meta-strip{border-radius:var(--radius-md);background:var(--color-separator-opaque);grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:1px;display:grid;overflow:hidden}.meta-strip__item{gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--color-surface);flex-direction:column;display:flex}.meta-strip__label{align-items:center;gap:var(--space-1);font:var(--text-footnote);color:var(--color-text-secondary);display:flex}.meta-strip__value{font:var(--text-headline);font-variant-numeric:tabular-nums}.source-note{align-items:center;gap:var(--space-1) var(--space-2);font:var(--text-subheadline);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.creator-note{align-items:center;gap:0 var(--space-1);font:var(--text-subheadline);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.creator-note__link{min-height:var(--tap);align-items:center;display:inline-flex}.source-note__link{align-items:center;gap:var(--space-1);min-height:var(--tap);overflow-wrap:anywhere;display:inline-flex}.nutrition-line{margin:var(--space-3) 0 0;font:var(--text-subheadline);color:var(--color-text-secondary)}.nutrition-line__label{font-weight:600}.nutrition-line__item{white-space:nowrap}.servings-form{align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.servings-form__label{font:var(--text-body);color:var(--color-text-secondary)}.servings-form__input{width:5rem;min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-fill);color:var(--color-text);font:var(--text-body);font-variant-numeric:tabular-nums;border:0}.recipe__actions{--stack-gap:var(--space-3)}.recipe-actions{gap:var(--space-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.recipe-actions>.btn{gap:var(--space-1);min-width:0;min-height:3.5rem;padding:var(--space-2) var(--space-1);font:600 .8125rem/1.2 var(--font-text);white-space:normal;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;flex-direction:column}.recipe__columns{gap:var(--space-6);flex-direction:column;display:flex}@container page (width>=40rem){.recipe__columns{align-items:start;gap:var(--space-8);grid-template-columns:minmax(16rem,5fr) minmax(0,7fr);display:grid}.recipe__aside{--aside-top:calc(var(--nav-bar-height) + env(safe-area-inset-top) + var(--space-4));top:var(--aside-top);max-height:calc(100dvh - var(--aside-top) - var(--space-4));overscroll-behavior:contain;align-self:start;position:sticky;overflow-y:auto}.recipe-danger{padding-left:calc((100% - var(--space-8)) * 5 / 12 + var(--space-8))}.recipe-danger .btn--block{width:auto;display:inline-flex}.recipe__columns.recipe__columns--single{grid-template-columns:minmax(0,1fr)}@media (pointer:fine){.recipe__aside .ingredient{padding-block:var(--space-2)}}}@container page (width>=56rem){article.recipe{column-gap:var(--space-8);grid-template-columns:minmax(0,1fr);grid-template-areas:"tags""meta""desc""actions""cols""danger";row-gap:0;display:grid}.recipe:has(>.recipe-image){grid-template:"image tags""image meta""image desc""image actions""image fill"1fr"cols cols""danger danger"/minmax(0,5fr) minmax(0,7fr)}.recipe>.recipe-image{margin:0 0 var(--space-6);aspect-ratio:4/3;grid-area:image;align-self:start}.recipe>.recipe__tags{grid-area:tags}.recipe>.meta-strip{grid-area:meta}.recipe>.recipe__description{grid-area:desc}.recipe>.recipe__actions{grid-area:actions}.recipe>.recipe__tags,.recipe>.meta-strip,.recipe>.recipe__description,.recipe>.recipe__actions{margin-bottom:var(--space-5)}.recipe>.recipe__columns{column-gap:var(--space-8);grid-area:cols;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.recipe>.recipe__columns.recipe__columns--single{grid-template-columns:minmax(0,1fr)}.recipe>.recipe-danger{margin-top:var(--space-6);grid-area:danger;padding-top:0}}.step-entry__link{min-height:2.75rem;font:var(--text-body);color:var(--color-accent-strong);align-items:center;display:inline-flex}.step-focus{gap:var(--space-8);min-height:calc(100dvh - var(--nav-bar-height) - env(safe-area-inset-top) - var(--tab-bar-height) - 14rem);flex-direction:column;max-width:40rem;margin-inline:auto;display:flex}.step-focus__body{gap:var(--space-3);flex-direction:column;display:flex}.step-focus__position{font:var(--text-subheadline);color:var(--color-text-secondary)}.step-focus__section{font:var(--text-headline)}.step-focus__text{font:var(--text-title-2);overflow-wrap:anywhere;font-weight:600;line-height:1.45}.step-focus__ingredients{min-height:2.75rem;margin-top:var(--space-2);font:var(--text-body);color:var(--color-accent-strong);align-self:flex-start;align-items:center;display:inline-flex}.step-focus__nav{gap:var(--space-3);bottom:calc(var(--tab-bar-height) + max(env(safe-area-inset-bottom), var(--space-3)) + var(--space-2));padding-block:var(--space-2);background:var(--color-grouped-background);grid-template-columns:1fr 1fr;margin-top:auto;display:grid;position:sticky}@media (width>=48rem){.step-focus{gap:var(--space-10);min-height:0}.step-focus__nav{background:0 0;margin-top:0;padding-block:0;position:static}}.design-panel .step-focus{min-height:0}.design-panel .step-focus__nav{background:0 0;padding-block:0;position:static}.flashes{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.text-field__input--area{min-height:7.5rem;padding:var(--space-3) var(--space-4);resize:vertical;line-height:1.4}.text-field__input--mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9375rem}.chip-select{border:0;min-width:0;margin:0;padding:0}.chip-select__legend{margin-bottom:var(--space-2);font:var(--text-subheadline);padding:0;font-weight:600}.chip-select__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip-select__item{position:relative}.chip-select__chip{align-items:center;gap:var(--space-1);min-height:var(--tap);padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--color-fill);color:var(--color-text);font:var(--text-subheadline);cursor:pointer;font-weight:500;display:inline-flex}.chip-select__check{display:none}.chip-select__input:checked+.chip-select__chip{background:var(--color-accent-fill);color:var(--color-text-on-accent)}.chip-select__input:checked+.chip-select__chip .chip-select__check{display:inline-block}.chip-select__input:focus-visible+.chip-select__chip{outline:2px solid var(--color-focus);outline-offset:2px}.chip-select__empty{font:var(--text-subheadline);color:var(--color-text-secondary)}.notice-list{--notice-ink:var(--color-warning);--notice-bg:var(--color-warning-soft);padding:var(--space-4);border-radius:var(--radius-md);background:var(--notice-bg)}.notice-list--info{--notice-ink:var(--color-text-secondary);--notice-bg:var(--color-fill)}.notice-list__title{margin-bottom:var(--space-2);font:var(--text-headline)}.notice-list__items{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.notice-list__item{align-items:flex-start;gap:var(--space-2);font:var(--text-subheadline);color:var(--color-text);display:flex}.notice-list__icon{color:var(--notice-ink);flex:none;margin-top:1px}.ingredient-review{border-radius:var(--radius-md);background:var(--color-surface);margin:0;padding:0;list-style:none;overflow:hidden}.ingredient-review__row{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-3) var(--space-4);font:var(--text-body);flex-wrap:wrap;display:flex}.ingredient-review__row+.ingredient-review__row,.ingredient-review__group:not(:first-child){border-top:.5px solid var(--color-separator)}.ingredient-review__group{padding:var(--space-3) var(--space-4) var(--space-1);font:var(--text-headline)}.ingredient-review__row--unmatched{background:var(--color-warning-soft)}.ingredient-review__text{overflow-wrap:anywhere;min-width:0}.ingredient-review__flag{align-items:center;gap:var(--space-1);color:var(--color-warning);font:var(--text-footnote);font-weight:600;display:inline-flex}.confirm-panel{gap:var(--space-3);padding:var(--space-6) var(--space-4) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.confirm-panel__title{font:var(--text-title-2)}.confirm-panel__text{font:var(--text-body);color:var(--color-text-secondary)}.confirm-panel__actions{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}.field-row{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=26rem){.field-row{grid-template-columns:1fr}}.field-row--quad{grid-template-columns:repeat(2,minmax(0,1fr))}.form-actions{gap:var(--space-3);flex-direction:column;display:flex}.result-head{gap:var(--space-2);flex-direction:column;display:flex}.result-head__title{font:var(--text-title-2);font-family:var(--font-serif)}.result-head__meta{font:var(--text-subheadline);color:var(--color-text-secondary)}.recipe-danger{padding-top:var(--space-4)}.confirm-panel .btn--secondary{--btn-bg:var(--color-fill);--btn-fg:var(--color-text)}.recipe-edit{max-width:var(--reading-max);margin-inline:auto}.edit-preview{display:none}.edit-preview__hint{margin-top:var(--space-1);font:var(--text-subheadline);color:var(--color-text-secondary)}.edit-preview__body{gap:var(--space-6);margin-top:var(--space-4);flex-direction:column;display:flex}.edit-preview__subtitle{margin-bottom:var(--space-2);font:var(--text-headline)}@container page (width>=56rem){.recipe-edit{align-items:start;gap:var(--space-8);grid-template-columns:minmax(0,7fr) minmax(0,5fr);max-width:none;display:grid}.edit-preview{--preview-top:calc(var(--nav-bar-height) + env(safe-area-inset-top) + var(--space-4));top:var(--preview-top);max-height:calc(100dvh - var(--preview-top) - var(--space-4));overscroll-behavior:contain;display:block;position:sticky;overflow-y:auto}@media (pointer:fine){.edit-preview .ingredient{padding-block:var(--space-2)}}}[data-batch-target=overview][hidden],.batch-note[hidden]{display:none}.batch-note,.batch-progress{font:var(--text-subheadline);color:var(--color-text-secondary)}.batch-list{border-radius:var(--radius-md);background:var(--color-surface);margin:0;padding:0;list-style:none;overflow:hidden}.batch-row{--batch-ink:var(--color-text-secondary);--batch-bg:var(--color-fill);align-items:flex-start;gap:var(--space-3);min-height:var(--tap);padding:var(--space-3) var(--space-4);display:flex}.batch-row+.batch-row{border-top:.5px solid var(--color-separator)}.batch-row--done{--batch-ink:var(--color-success);--batch-bg:var(--color-success-soft)}.batch-row--duplicate{--batch-ink:var(--color-text-secondary);--batch-bg:var(--color-fill)}.batch-row--partial{--batch-ink:var(--color-warning);--batch-bg:var(--color-warning-soft)}.batch-row--failed{--batch-ink:var(--color-danger);--batch-bg:var(--color-danger-soft)}.batch-row__icon{border-radius:var(--radius-xs);background:var(--batch-bg);width:1.875rem;height:1.875rem;color:var(--batch-ink);flex:none;justify-content:center;align-items:center;display:inline-flex}.batch-row__glyph{display:none}.batch-row[data-state=waiting] .batch-row__glyph--waiting,.batch-row[data-state=running] .batch-row__glyph--running,.batch-row[data-state=done] .batch-row__glyph--done,.batch-row[data-state=duplicate] .batch-row__glyph--duplicate,.batch-row[data-state=partial] .batch-row__glyph--partial,.batch-row[data-state=failed] .batch-row__glyph--failed{display:inline-flex}.batch-row[data-state=running] .batch-row__glyph--running{animation:1.2s ease-in-out infinite batch-pulse}@keyframes batch-pulse{50%{opacity:.35}}.batch-row__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.batch-row__title{font:var(--text-body);overflow-wrap:anywhere}.batch-row__status{font:var(--text-subheadline);color:var(--color-text)}.batch-row__url{font:var(--text-footnote);color:var(--color-text-secondary);overflow-wrap:anywhere}.batch-row__link{min-height:var(--tap);margin-block:calc(-1 * var(--space-3));font:var(--text-body);flex:none;align-items:center;display:inline-flex}.batch-row__link[hidden]{display:none}@media (width<=30rem){.batch-row{flex-wrap:wrap}.batch-row__link{min-height:var(--tap);margin:0 0 calc(-1 * var(--space-3)) calc(1.875rem + var(--space-3));flex-basis:100%}}.image-field{gap:var(--space-2);flex-direction:column;display:flex}.image-field__preview{aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--color-fill);max-width:24rem;margin:0;overflow:hidden}.image-field__preview[hidden]{display:none}.image-field__img{object-fit:cover;width:100%;height:100%}.image-field__input{width:100%;min-height:var(--control-height);padding:var(--space-2) var(--space-4);border:1px solid var(--color-separator);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font:var(--text-body)}.image-field__input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 25%, transparent);outline:none}.image-field__input::file-selector-button{min-height:var(--tap);padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--color-fill);color:var(--color-accent);font:inherit;cursor:pointer;border:0;margin-inline-end:var(--space-3);font-weight:600}.image-field--invalid .image-field__input{border-color:var(--color-danger)}.image-field__input--proxied{clip:rect(0 0 0 0);opacity:0;border:0;width:1px;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}.recipe-edit__main{gap:var(--space-8);flex-direction:column;min-width:0;display:flex}.reimport-panel{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.reimport-panel__text{font:var(--text-subheadline);color:var(--color-text-secondary)}.reimport-summary{border-radius:var(--radius-md);background:var(--color-surface);margin:0;overflow:hidden}.reimport-summary__row{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4);min-height:var(--tap);padding:var(--space-3) var(--space-4);font:var(--text-body);flex-wrap:wrap;display:flex}.reimport-summary__row+.reimport-summary__row{border-top:.5px solid var(--color-separator)}.reimport-summary__label{color:var(--color-text-secondary)}.reimport-summary__value{font-variant-numeric:tabular-nums;margin:0}.reimport-summary__before,.reimport-summary__arrow,.reimport-summary__kept{color:var(--color-text-secondary)}.reimport-summary__after{font-weight:700}.reimport-removed{gap:var(--space-2);flex-direction:column;display:flex}.reimport-removed__title{font:var(--text-headline)}.reimport-removed__list{border-radius:var(--radius-md);background:var(--color-surface);margin:0;padding:0;list-style:none;overflow:hidden}.reimport-removed__item{padding:var(--space-3) var(--space-4);font:var(--text-subheadline);overflow-wrap:anywhere}.reimport-removed__item+.reimport-removed__item{border-top:.5px solid var(--color-separator)}.reimport-removed__item del{color:var(--color-text-secondary);text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--color-danger);text-decoration-color:var(--color-danger)}.reimport-new{gap:var(--space-4);flex-direction:column;display:flex}.reimport-note{font:var(--text-subheadline);color:var(--color-text-secondary)}.source-keywords{gap:var(--space-2);flex-direction:column;display:flex}.source-keywords__title{font:var(--text-subheadline);margin:0;font-weight:600}.source-keywords__hint{font:var(--text-footnote);color:var(--color-text-secondary);margin:0}.source-keywords__chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.source-keywords__chip{align-items:center;gap:var(--space-1);min-height:var(--tap);padding:0 var(--space-4);border:1px dashed var(--color-text-secondary);border-radius:var(--radius-pill);color:var(--color-text);font:var(--text-subheadline);cursor:pointer;background:0 0;font-weight:500;display:inline-flex}.source-keywords__chip:active{background:var(--color-fill)}.source-keywords__chip:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.image-field__pick[hidden],.image-field__paste[hidden],.image-field__status:empty{display:none}.photo-batch--drag{outline:2px dashed var(--color-accent);outline-offset:var(--space-2);border-radius:var(--radius-md)}.photo-tiles{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin:0;padding:0;list-style:none;display:grid}.photo-tiles[hidden]{display:none}.photo-tile{--tile-ink:var(--color-text-secondary);align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-2);border-radius:var(--radius-md);background:var(--color-surface);display:flex}.photo-tile[data-state=done]{--tile-ink:var(--color-success)}.photo-tile[data-state=failed]{--tile-ink:var(--color-danger)}.photo-tile__img{object-fit:cover;border-radius:var(--radius-sm);background:var(--color-fill);flex:none;width:3.5rem;height:3.5rem}.photo-tile__text{flex-direction:column;flex:1;min-width:0;display:flex}.photo-tile__name{font:var(--text-subheadline);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.photo-tile__status{align-items:flex-start;gap:var(--space-1);font:var(--text-footnote);color:var(--tile-ink);display:flex}.photo-tile__status:empty{display:none}.photo-tile__glyph{flex:none;display:none}.photo-tile[data-state=done] .photo-tile__glyph--done,.photo-tile[data-state=failed] .photo-tile__glyph--failed{display:inline-flex}.photo-tile[data-state=sending] .photo-tile__img{opacity:.6}.photo-tile__remove{width:var(--tap);height:var(--tap);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.photo-tile__remove:hover{background:var(--color-fill)}.photo-tile__remove:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.photo-batch--sending .photo-tile__remove{visibility:hidden}.photo-batch__next{margin:0}.photo-batch__next[hidden]{display:none}.photo-batch__next-link{min-height:var(--tap);color:var(--color-accent);align-items:center;font-weight:600;display:inline-flex}.progress{gap:var(--space-1);flex-direction:column;display:flex}.progress[hidden]{display:none}.progress__bar{background:var(--color-fill);width:100%;height:.5rem;accent-color:var(--color-accent-fill);border:0;border-radius:999px;overflow:hidden}.progress__bar::-webkit-progress-bar{background:var(--color-fill)}.progress__bar::-webkit-progress-value{background:var(--color-accent-fill);transition:width .2s}.progress__bar::-moz-progress-bar{background:var(--color-accent-fill)}.progress__text{font:var(--text-footnote);color:var(--color-text-secondary);margin:0}.review-badge{align-items:center;gap:var(--space-1);padding:.125rem var(--space-2);background:var(--color-warning-soft);color:var(--color-warning);font:var(--text-caption-1);border-radius:999px;font-weight:600;display:inline-flex}.review-badge--compact{padding:.125rem}.recipe-card__review{margin:var(--space-1) 0 0}.review-notice{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-warning-soft);color:var(--color-warning);flex-direction:column;display:flex}.review-notice__head{align-items:center;gap:var(--space-2);display:flex}.review-notice__title{font:var(--text-headline);margin:0}.review-notice__text{font:var(--text-subheadline);color:var(--color-text);margin:0}.review-notice__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.review-banner{align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-warning-soft);color:var(--color-warning);text-decoration:none;display:flex}.review-banner:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.review-banner__icon{flex:none}.review-banner__text{flex-direction:column;flex:1;min-width:0;display:flex}.review-banner__title{font:var(--text-headline)}.review-banner__counts{gap:0 var(--space-3);font:var(--text-subheadline);color:var(--color-text);flex-wrap:wrap;display:flex}.review-list__summary{font:var(--text-subheadline);color:var(--color-text-secondary);margin:0}.review-list{border-radius:var(--radius-md);background:var(--color-surface);margin:0;padding:0;list-style:none;overflow:hidden}.review-row{--review-ink:var(--color-text-secondary);align-items:flex-start;gap:var(--space-3);min-height:var(--tap);padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.review-row+.review-row{border-top:.5px solid var(--color-separator)}.review-row--review{--review-ink:var(--color-success)}.review-row--failed{--review-ink:var(--color-danger)}.review-row__icon{color:var(--review-ink);flex:none;padding-top:.125rem}.review-row__text{flex-direction:column;flex:12rem;min-width:0;display:flex}.review-row__title{font:var(--text-body);overflow-wrap:anywhere;font-weight:600}.review-row__time{font:var(--text-footnote);color:var(--color-text-secondary);font-weight:400}.review-row__status{font:var(--text-footnote);color:var(--review-ink)}.review-row__actions{gap:var(--space-2);margin-left:calc(1.125rem + var(--space-3));flex-wrap:wrap;display:flex}.review-row__actions form{margin:0}html:has(dialog.search-overlay[open]){overflow:hidden}dialog.search-overlay{width:100%;max-width:none;height:100%;max-height:none;color:var(--color-text);background:0 0;border:0;margin:0;padding:0;inset:0;overflow:visible}dialog.search-overlay::backdrop{background:#0006}.search-overlay__sheet{height:calc(100% - max(env(safe-area-inset-top), var(--space-8)));margin-top:max(env(safe-area-inset-top), var(--space-8));border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-grouped-background);box-shadow:var(--shadow-float);flex-direction:column;display:flex;overflow:hidden}dialog.search-overlay[open] .search-overlay__sheet{animation:search-sheet-in .22s var(--ease-out)}@keyframes search-sheet-in{0%{transform:translateY(100%)}}.search-overlay__bar{padding:var(--space-2) var(--gutter);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.search-overlay__title{font:var(--text-headline);margin:0}.search-overlay__cancel{min-height:var(--tap);padding:0 var(--space-2);color:var(--color-accent-strong);font:var(--text-body);cursor:pointer;background:0 0;border:0;justify-self:start;margin-inline-start:calc(-1 * var(--space-2))}.search-overlay__cancel:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.search-overlay__field{padding:0 var(--gutter) var(--space-3)}.search-overlay__body{overscroll-behavior:contain;min-height:0;padding:0 var(--gutter);flex:1;overflow-y:auto}@media (width>=48rem){dialog.search-overlay{width:min(40rem, 100% - 2 * var(--gutter));height:auto;margin:6vh auto 0;inset:0 0 auto}.search-overlay__sheet{border-radius:var(--radius-xl);height:auto;max-height:80vh;margin-top:0}dialog.search-overlay[open] .search-overlay__sheet{animation-name:search-panel-in}@keyframes search-panel-in{0%{opacity:0;transform:translateY(-.5rem)scale(.98)}}}.search-overlay--preview{border-radius:var(--radius-xl);background:var(--color-grouped-background);width:min(100%,26rem);box-shadow:var(--shadow-card), inset 0 0 0 .5px var(--color-separator);overflow:hidden}.search-overlay--preview .search-overlay__sheet{height:auto;box-shadow:none;border-radius:0;margin-top:0}.search-overlay--preview .search-overlay__body{overflow:visible}turbo-frame[aria-busy=true]{opacity:.6;transition:opacity var(--duration-fast)}.search-combobox__list{margin-top:var(--space-2);overscroll-behavior:contain;max-height:50vh;padding:var(--space-1);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-control), inset 0 0 0 .5px var(--color-separator);overflow-y:auto}.search-combobox__list[hidden]{display:none}.search-suggestions__heading{padding:var(--space-2) var(--space-3) var(--space-1);color:var(--color-text-secondary);font:var(--text-footnote);margin:0;font-weight:600}.search-suggestions__option{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);font:var(--text-body);text-align:start;cursor:pointer;background:0 0;border:0;text-decoration:none;display:flex}.search-suggestions__option:hover{background:var(--color-fill)}.search-suggestions__option[aria-selected=true]{background:var(--color-accent-soft);color:var(--color-accent-strong)}.search-suggestions__hint{color:var(--color-text-secondary);font:var(--text-footnote)}.search-token{--token-bg:var(--color-fill);--token-ink:var(--color-text);align-items:center;gap:var(--space-1);min-height:2.25rem;padding-inline:var(--space-3) var(--space-1);border-radius:var(--radius-pill);background:var(--token-bg);color:var(--token-ink);font:var(--text-subheadline);display:inline-flex}.search-token--with{--token-bg:var(--color-accent-soft);--token-ink:var(--color-accent-strong)}.search-token--without{--token-bg:var(--color-danger-soft);--token-ink:var(--color-danger)}.search-token__remove{border-radius:var(--radius-pill);width:2rem;height:2rem;color:inherit;place-items:center;display:inline-grid;position:relative}.search-token__remove:after{content:"";position:absolute;inset:-.25rem}.search-token__remove:focus-visible{outline:2px solid var(--color-focus)}.search-panel{gap:var(--space-5);padding-bottom:var(--space-4);flex-direction:column;display:flex}.search-panel__tokens{gap:var(--space-2);flex-wrap:wrap;display:flex}.search-panel__tokens[hidden]{display:none}.search-panel__plain{gap:var(--space-2);flex-direction:column;display:flex}.search-panel__plain-label{font:var(--text-subheadline);font-weight:600}.search-panel__hint{color:var(--color-text-secondary);font:var(--text-footnote);margin:0}.search-panel__footer{align-items:center;gap:var(--space-2);padding:var(--space-3) 0 max(env(safe-area-inset-bottom), var(--space-3));background:linear-gradient(to bottom, transparent, var(--color-grouped-background) .75rem);flex-direction:column;display:flex;position:sticky;bottom:0}.search-panel__footer .btn{width:100%}.search-panel__reset{min-height:var(--tap);padding:0 var(--space-3);color:var(--color-accent-strong);font:var(--text-subheadline);align-items:center;display:inline-flex}.search-page{gap:var(--space-4);flex-direction:column;max-width:40rem;display:flex}.search-page__chips{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.search-page__change{margin:var(--space-2) 0 0}.search-page__change-link{min-height:var(--tap);color:var(--color-accent-strong);font:var(--text-subheadline);align-items:center;display:inline-flex}.search-results{margin-top:var(--space-4);display:block}.search-results__count{margin:0 0 var(--space-3);color:var(--color-text-secondary);font:var(--text-subheadline)}.search-results__count[hidden]{display:none}.search-results__note{margin:var(--space-4) 0 0;color:var(--color-text-secondary);font:var(--text-footnote)}.search-results__pages{justify-content:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.search-empty__relax{max-width:32rem;margin:0 auto}.search-empty__title{margin:0 0 var(--space-2);font:var(--text-headline)}.search-empty__links{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.search-empty__link{min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-fill);color:var(--color-accent-strong);font:var(--text-body);align-items:center;text-decoration:none;display:flex}.search-panel .segmented__option{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-inline:var(--space-1);overflow:hidden}.search-field__input::-webkit-search-cancel-button{appearance:none;background-color:var(--color-text-secondary);cursor:pointer;width:1rem;height:1rem;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.5 3.5l9 9m0-9l-9 9' stroke='black' stroke-width='1.8' stroke-linecap='round'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.5 3.5l9 9m0-9l-9 9' stroke='black' stroke-width='1.8' stroke-linecap='round'/></svg>") 50%/contain no-repeat}.sidebar__suggestions{padding:var(--space-2);border-top:.5px solid var(--color-separator)}.suggestion-links--sidebar{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}@media (width>=64rem){.suggestion-links--list{display:none}}.status-switch{border-radius:var(--radius-sm);background:var(--color-fill);grid-template-columns:1fr 1fr;padding:2px;display:grid}.status-switch__option{border-radius:calc(var(--radius-sm) - 2px);min-height:2.5rem;color:var(--color-text);font:var(--text-subheadline);justify-content:center;align-items:center;display:flex}.status-switch__option--current{background:var(--color-surface);box-shadow:0 0 0 .5px var(--color-separator);font-weight:600}.suggestion-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.suggestion-row{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 0 0 .5px var(--color-separator);flex-direction:column;display:flex}.suggestion-row--done .suggestion-row__body{color:var(--color-text-secondary)}.suggestion-row__meta{gap:var(--space-1) var(--space-3);color:var(--color-text-secondary);font:var(--text-footnote);flex-wrap:wrap;display:flex}.suggestion-row__author{color:var(--color-text)}.suggestion-row__body{font:var(--text-body);white-space:pre-wrap;overflow-wrap:anywhere}.suggestion-row__page{overflow-wrap:anywhere;font:var(--text-footnote)}.suggestion-row__form{align-self:flex-start}.status-switch{grid-template-columns:repeat(var(--segments,2), 1fr)}@media (width<=35.99rem){.status-switch--many{grid-template-columns:repeat(2,1fr)}}.status-switch__option{padding:0 var(--space-2);text-align:center}.list-row__tags{gap:var(--space-1) var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.list-row__title,.list-row__subtitle{overflow-wrap:anywhere}.stat-tiles{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=48rem){.stat-tiles{grid-template-columns:repeat(4,1fr)}}.stat-tile{min-width:0;padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 0 0 .5px var(--color-separator);flex-direction:column;gap:2px;display:flex}.stat-tile--link{color:inherit;text-decoration:none}.stat-tile--link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.stat-tile p{margin:0}.stat-tile__value{font:var(--text-title-1);font-variant-numeric:tabular-nums}.stat-tile__label{font:var(--text-subheadline)}.stat-tile__detail{font:var(--text-footnote);color:var(--color-text-secondary)}.system-filter{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.system-pager{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.system-pager__position{font:var(--text-footnote);color:var(--color-text-secondary)}.system-note{font:var(--text-footnote);color:var(--color-text-secondary);margin:0}.loading-overlay{z-index:200;padding:var(--gutter);background:color-mix(in srgb, var(--color-grouped-background) 72%, transparent);opacity:0;transition:opacity var(--duration-base) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.loading-overlay[hidden]{display:none}.loading-overlay--visible{opacity:1}.loading-overlay__card{align-items:center;gap:var(--space-2);width:min(100%,18rem);padding:var(--space-6) var(--space-6) var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-float);text-align:center;flex-direction:column;display:flex}.loading-overlay__text{margin-top:var(--space-2);font:var(--text-headline)}.loading-overlay__detail{font:var(--text-footnote);color:var(--color-text-secondary)}.cooking-loader{width:7.5rem;height:auto;overflow:visible}.cooking-loader--sm{width:4.5rem}.cooking-loader__inside{fill:var(--color-accent-strong)}.cooking-loader__batter{fill:var(--color-warning-soft)}.cooking-loader__swirl{fill:none;stroke:var(--color-warning);stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:7 5;animation:1.6s linear infinite cooking-swirl}.cooking-loader__fork{fill:none;stroke:var(--color-text-secondary);stroke-width:4.5px;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:50% 100%;animation:1.6s ease-in-out infinite cooking-stir}.cooking-loader__tines{stroke-width:2.6px}.cooking-loader__fork--right{animation-delay:-.8s}.cooking-loader__foot{fill:var(--color-accent-fill-pressed)}.cooking-loader__bowl{fill:var(--color-accent-fill)}.cooking-loader__shine{fill:none;stroke:var(--color-text-on-accent);stroke-opacity:.35;stroke-width:3px;stroke-linecap:round}@keyframes cooking-stir{0%,to{transform:translate(-6px)rotate(-5deg)}25%{transform:translateY(2px)rotate(0)}50%{transform:translate(6px)rotate(5deg)}75%{transform:translateY(-2px)rotate(0)}}@keyframes cooking-swirl{to{stroke-dashoffset:-24px}}@media (prefers-reduced-motion:reduce){.loading-overlay{transition:none}.cooking-loader__fork,.cooking-loader__swirl{animation:none}}.empty-state__loader{margin-bottom:var(--space-2)}.error-page{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-2) var(--space-8);text-align:center;flex-direction:column;display:flex}.error-page__art{width:100%;max-width:17rem;margin-bottom:var(--space-2)}.error-page__code{font:var(--text-footnote);color:var(--color-text-secondary)}.error-page__title{max-width:24rem;font:var(--text-title-2);text-wrap:balance}.error-page__text{max-width:26rem;font:var(--text-callout);color:var(--color-text-secondary);text-wrap:pretty}.error-page__actions{justify-content:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.app--error .app-main{box-sizing:border-box;min-height:100dvh;padding-block:var(--space-8);align-content:center;display:grid}.error-art{fill:none;width:100%;height:auto;stroke:var(--color-text-secondary);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;display:block;overflow:visible}.error-art__shadow{fill:var(--color-fill);stroke:none}.error-art__handle{stroke-width:5px}.error-art__pot,.error-art__rim{fill:var(--hue-berry-bg)}.error-art--pot .error-art__pot,.error-art--pot .error-art__rim{fill:var(--hue-cinnamon-bg)}.error-art__shine{stroke:var(--color-surface-raised);stroke-width:4px;opacity:.8}.error-art__soup{fill:var(--color-accent);stroke:none}.error-art__veg{fill:var(--hue-saffron-ink);stroke:none}.error-art__herb{fill:var(--hue-herb-ink);stroke:none}.error-art__trousers{fill:var(--hue-berry-ink)}.error-art__sock{fill:var(--color-surface-raised)}.error-art__shoe{fill:var(--hue-cinnamon-ink)}.error-art__ripple{stroke:var(--color-accent-strong);stroke-width:2px}.error-art__drop{fill:var(--color-accent);stroke:none}.error-art__steam-line{stroke:var(--color-text-tertiary);stroke-width:3px}.error-art__coat,.error-art__arm,.error-art__toque{fill:var(--color-surface-raised)}.error-art__apron{fill:var(--hue-tomato-bg)}.error-art__button{fill:var(--color-text-secondary);stroke:none}.error-art__scarf{fill:var(--color-accent)}.error-art__face,.error-art__hand{fill:var(--hue-cinnamon-bg)}.error-art__toque-band{stroke-width:2px}.error-art__brow{stroke:var(--color-text);stroke-width:3px}.error-art__eye{fill:var(--color-text);stroke:none}.error-art__mustache{fill:var(--color-text-secondary)}.error-art__ladle-handle{stroke:var(--color-text-tertiary);stroke-width:6px}.error-art__ladle-bowl{fill:var(--color-text-tertiary)}.error-art__ladle-eye{stroke:var(--color-surface-raised);stroke-width:2.5px;opacity:.8}.error-art__soot{fill:var(--hue-cinnamon-ink);stroke:none;opacity:.35}.error-art__burnt{fill:var(--hue-cinnamon-ink);stroke:none}.error-art__eye-x,.error-art__mouth{stroke:var(--color-text);stroke-width:3px}.error-art__sweat{fill:var(--hue-berry-ink);stroke:none}.error-art__smoke-puff{fill:var(--color-surface-raised);stroke:var(--color-text-tertiary)}.error-art__lid-top{fill:var(--hue-cinnamon-bg)}.error-art__lid-knob{fill:var(--color-text-secondary)}.error-art__bowl{fill:var(--hue-berry-bg)}.error-art__bowl-inside{fill:var(--color-surface-raised)}.error-art__bowl-shine{stroke:var(--color-surface-raised);stroke-width:4px;opacity:.8}.error-art__spill{fill:var(--hue-herb-bg)}.error-art__pea{fill:var(--hue-herb-ink);stroke:none}.error-art__spoon-handle{stroke:var(--color-text-tertiary);stroke-width:5px}.error-art__spoon{fill:var(--color-text-tertiary)}@media (prefers-reduced-motion:no-preference){.error-art__leg,.error-art__wag,.error-art__rock,.error-art__pea--rolling{transform-box:fill-box}.error-art__leg{transform-origin:50% 100%;animation:1.1s ease-in-out infinite alternate error-kick}.error-art__leg--right{animation-delay:-.55s}.error-art__steam-line{animation:3.2s ease-in-out infinite error-steam}.error-art__steam-line--b{animation-delay:-1.6s}.error-art__wag{transform-origin:50%;animation:2.6s ease-in-out infinite error-wag}.error-art__smoke-puff{animation:3s ease-in-out infinite error-smoke}.error-art__smoke-puff--b{animation-delay:-1s}.error-art__smoke-puff--c{animation-delay:-2s}.error-art__rock{transform-origin:50% 100%;animation:3.4s ease-in-out infinite error-rock}.error-art__pea--rolling{animation:3.4s ease-in-out infinite error-roll}}@keyframes error-kick{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}@keyframes error-steam{0%,to{opacity:.2;transform:translateY(4px)}50%{opacity:.9;transform:translateY(-6px)}}@keyframes error-wag{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes error-smoke{0%,to{opacity:.55;transform:translateY(4px)}50%{opacity:1;transform:translateY(-5px)}}@keyframes error-rock{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes error-roll{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.design-nav{gap:var(--space-2);margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter) var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.design-layout,.design-sections{gap:var(--space-8);flex-direction:column;display:flex}.design-section{gap:var(--space-4);scroll-margin-top:calc(var(--nav-bar-height) + env(safe-area-inset-top) + var(--space-4));flex-direction:column;display:flex}.design-section__title{font:var(--text-title-2)}.design-section__subtitle{margin:var(--space-4) 0 var(--space-2);font:var(--text-headline)}.design-section__intro{max-width:var(--reading-max);font:var(--text-callout);color:var(--color-text-secondary)}.design-specimen{gap:var(--space-3);flex-direction:column;display:flex}.design-specimen__label{font:var(--text-footnote);color:var(--color-text-secondary);font-weight:600}.design-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.design-panel{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface)}.design-swatches{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));display:grid}.design-swatch{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);font:var(--text-footnote);flex-direction:column;display:flex}.design-swatch__chip{border-radius:var(--radius-sm);background:var(--swatch);height:3rem;box-shadow:inset 0 0 0 .5px var(--color-separator)}.design-swatch__name{font-weight:600}.design-swatch__value{color:var(--color-text-secondary)}.design-type{gap:var(--space-3);flex-direction:column;display:flex}.design-type__row{gap:var(--space-1);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;display:grid}@media (width>=40rem){.design-type__row{align-items:baseline;gap:var(--space-3);grid-template-columns:8rem minmax(0,1fr)}}.design-type__name{font:var(--text-footnote);color:var(--color-text-secondary)}.design-icons{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));display:grid}.design-icon{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-1);border-radius:var(--radius-md);background:var(--color-surface);font:var(--text-caption-1);color:var(--color-text-secondary);text-align:center;flex-direction:column;display:flex}.design-icon .icon{color:var(--color-text)}.design-recipe{gap:var(--space-6);display:grid}@media (width>=60rem){.design-recipe{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start}}.design-tab-bar-demo{border-radius:var(--radius-lg);background:var(--color-background);height:6rem;position:relative;overflow:hidden}.design-tab-bar-demo .tab-bar{bottom:var(--space-3);position:absolute}.design-toast-stack{gap:var(--space-3);flex-direction:column;max-width:26rem;display:flex}.design-header-demo{height:auto}.design-header-demo .nav-bar{min-height:var(--nav-bar-height);padding-top:0;position:absolute}.design-header-demo .nav-bar:before,.design-header-demo .nav-bar__title{opacity:1;animation:none}.design-header-demo .nav-bar__title{max-width:10rem}.design-header-demo .page-header__large{padding-top:calc(var(--nav-bar-height) + var(--space-3))}.design-panel .recipe-image{border-radius:var(--radius-md);margin-inline:0}.design-cooking-demo{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-background)}.design-cooking-demo .cooking-bar{width:auto;max-width:26rem;display:flex;position:static;transform:none}.design-cooking-demo--sidebar{width:var(--sidebar-width);padding:var(--space-4) 0;background:var(--color-surface)}.design-cooking-demo--sidebar .cooking-bar{margin:0 var(--space-2)}.design-sidebars{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--sidebar-width)), 1fr));gap:var(--space-4);display:grid}.design-sidebar-demo{width:min(100%, var(--sidebar-width));border-radius:var(--radius-lg);height:42rem;box-shadow:0 0 0 .5px var(--color-separator);position:relative;overflow:hidden}.design-sidebar-demo .sidebar{width:auto;height:100%;box-shadow:none;flex-direction:column;padding:0;display:flex;position:static}.design-thumbs{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));display:grid}.design-thumb{gap:var(--space-1);flex-direction:column;margin:0;display:flex}.design-thumb .recipe-thumb{border-radius:var(--radius-sm)}.design-thumb figcaption{font:var(--text-footnote);color:var(--color-text-secondary)}.design-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));align-items:start;display:grid}.design-frame{border-radius:var(--radius-lg);background:var(--color-grouped-background);box-shadow:0 0 0 .5px var(--color-separator);overflow-x:auto}.design-frame__inner{min-width:58rem;padding:var(--space-4);container:page/inline-size}.design-frame__inner--medium{min-width:44rem}.design-frame__inner--cards{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.design-frame__inner--preview>*{max-width:36rem}.design-frame .edit-preview{max-height:none;position:static;overflow:visible}@container page (width>=56rem){.design-layout{align-items:start;gap:var(--space-8);grid-template-columns:14rem minmax(0,1fr);display:grid}.design-nav{top:calc(var(--nav-bar-height) + env(safe-area-inset-top) + var(--space-4));max-height:calc(100dvh - var(--nav-bar-height) - env(safe-area-inset-top) - var(--space-8));overscroll-behavior:contain;flex-direction:column;align-items:flex-start;margin-inline:0;padding:0;position:sticky;overflow:visible auto}.design-nav>*{white-space:normal;max-width:100%}}