@font-face{font-display:swap;font-family:Carmina Bold;src:url(c0b6787552e14d9027b8.woff2) format("woff2")}@font-face{font-display:swap;font-family:Carmina Light;src:url(ba36eeab7c06cf0570e8.woff2) format("woff2")}@font-face{font-display:swap;font-family:Futura Bold;src:url(0a0ecf1d917b8e12782d.woff2) format("woff2")}@font-face{font-display:swap;font-family:Futura Book;src:url(87c22e3af914a59d147f.woff2) format("woff2")}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{background-color:var(--body-background);color:var(--text-color);display:grid;font-family:Carmina Light,serif;font-size:clamp(.9rem,calc(.7rem + 1vw),1.1rem);grid:1fr/1fr;margin:0;place-content:center}noscript{padding:1.5em;text-align:center}:is(p,li){line-height:1.5}img,svg{block-size:auto;inline-size:100%;vertical-align:middle}svg{pointer-events:none}button{appearance:none;background-color:var(--button-background);block-size:var(--button-size);border:none;border-radius:var(--button-size);color:inherit;cursor:pointer;margin:0;min-inline-size:var(--button-size);outline:none;padding:0;white-space:nowrap;&.touch,&:focus-visible{background-color:var(--button-background-focus)}@media (any-hover:hover){&{transition:background-color var(--transition),color var(--transition)}&:hover{background-color:var(--button-background-focus)}}}input[type=checkbox]{appearance:none;block-size:0;border:none;inline-size:0;margin:0;outline:none}a{color:var(--link-color);outline:none;text-decoration:none;&:visited{color:var(--link-color-visited)}&:focus-visible{color:var(--link-color-focus)}&.touch,&:active{color:var(--link-active-color,var(--link-color-focus))}@media (any-hover:hover){&{transition:color var(--transition)}&:hover{color:var(--link-color-focus)}}}:root{--gray1:#8e8e93;--gray2:#aeaeb2;--gray3:#c7c7cc;--gray4:#d1d1d6;--gray5:#e5e5ea;--gray6:#f2f2f7;--backdrop-filter:blur(6px);--badge-background:var(--gray5);--body-background:var(--gray6);--border-color:var(--gray5);--brand-color:#e5001f;--button-background:var(--gray6);--button-background-focus:var(--gray4);--callout-background:hsla(0,0%,100%,.8);--content-background:#fff;--cover-background:var(--image-background);--dialog-meta-border-block:1px solid var(--border-color);--dialog-meta-border-inline:none;--header-background:hsla(0,0%,100%,.8);--header-border:1px solid var(--border-color);--icon-add-background:rgba(33,171,21,.1);--icon-add-color:#21ab15;--icon-color:var(--gray2);--icon-favorite-background:rgba(229,0,31,.5);--icon-favorite-color:var(--brand-color);--icon-remove-background:rgba(229,0,31,.2);--icon-remove-color:#e5001f;--image-background:var(--gray4);--link-color:var(--text-color);--link-color-focus:var(--brand-color);--link-color-visited:#8e8e93;--text-color:#2c2c2e;--text-color-inverted:#fff;--small-font-size:60%;--subhead-font-size:80%;--opacity:.7;--transition:.25s}[role=tablist]{--button-background:var(--content-background)}@media (prefers-color-scheme:dark){:root{--gray1:#8e8e93;--gray2:#636366;--gray3:#48484a;--gray4:#3a3a3c;--gray5:#2c2c2e;--gray6:#1c1c1e;--badge-background:var(--gray4);--body-background:#000;--border-color:var(--gray4);--brand-color:#ed4d62;--callout-background:rgba(28,28,30,.9);--content-background:var(--gray6);--header-background:rgba(28,28,30,.8);--icon-add-background:rgba(144,213,138,.4);--icon-add-color:#90d58a;--icon-favorite-background:rgba(237,77,98,.7);--icon-remove-background:rgba(237,77,98,.2);--icon-remove-color:#ed4d62;--link-color-visited:#aeaeb2;--text-color:#e5e5ea;--text-color-inverted:var(--gray6)}}:root{--border-radius:1.5rem;--button-size:2.25rem;--gap:clamp(.75rem,.75rem + 1vw,3rem);--icon-size:1.25rem;--marker-size:1.5rem;--thumb-size:4.5rem;--app-grid:var(--header-block-size) 1fr /1fr minmax(auto,var(--section-max-inline-size)) 1fr;--back-button-label-display:none;--dialog-aspect-ratio:var(--main-aspect-ratio);--dialog-block-size:calc(100dvh - var(--header-block-size));--dialog-border:none;--dialog-h1-font-size:100%;--dialog-meta-place-self:start stretch;--dialog-panel-grid:"meta" auto "previews" 1fr/1fr;--dialog-panel-min-block-size:100%;--favorites-grid:var(--header-block-size) 1fr /1fr;--footer-border:1px solid var(--border-color);--footer-padding:2rem;--header-gap:0 .5rem;--header-grid:". back wordmark favorites ." var(--header-block-size) /0 1fr auto 1fr 0;--header-position:fixed;--header-block-size:clamp(3rem,3rem + 1vw,5rem);--main-block-size:100dvh;--main-grid-area:1/2/3/2;--preview-divider:1px solid var(--border-color);--preview-grid:0 var(--thumb-size) 0 /0 var(--thumb-size) 1fr 3.25rem;--previews-gap:0;--previews-grid:auto-flow/1fr;--section-max-inline-size:32rem;--view-background:var(--body-background);--view-display:block;--view-padding-block:var(--header-block-size) 0}gc-app{--footer-display:none}.view{--footer-display:block}gc-home{--preview-background:var(--content-background);--preview-grid:0 var(--thumb-size) 0 /0 var(--thumb-size) 1fr 0}gc-favorites [data-empty]{--dialog-h1-font-size:2em;--dialog-meta-border-block:none;--dialog-meta-place-self:center;--dialog-panel-grid:"meta" 1fr/1fr}@media (min-width:32rem){:root{--app-grid:var(--header-block-size) 1fr /1fr var(--section-max-inline-size) 1fr;--content-border:1px solid var(--border-color);--content-border-radius:0 0 var(--border-radius) var(--border-radius);--cover-border:1px solid var(--border-color);--cover-border-radius:var(--border-radius) var(--border-radius) 0 0;--dialog-border:1px solid var(--border-color);--dialog-border-radius:var(--border-radius);--dialog-panel-margin-block:0 3rem;--dialog-panel-min-block-size:calc(100% - 3rem);--footer-border:none;--header-background:rgba(242,242,247,.75);--header-border:none;--header-position:static;@media (prefers-color-scheme:dark){--header-background:rgba(0,0,0,.75)}}gc-home{--previews-border:1px solid var(--border-color);--previews-border-radius:var(--border-radius)}gc-home .previews__item:first-child{--preview-divider:none}}@media (min-width:67rem) and (orientation:landscape){:root{--app-grid:1fr minmax(32rem,auto) 1fr /1fr minmax(0,var(--section-max-inline-size)) 1fr;--back-button-label-display:initial;--content-border:none;--content-border-radius:none;--cover-border:none;--cover-border-radius:none;--cover-inset:0 auto;--cover-position:sticky;--dialog-block-size:100%;--dialog-h1-font-size:2em;--dialog-meta-aspect-ratio:1;--dialog-meta-border-block:none;--dialog-meta-border-inline:1px solid var(--border-color);--dialog-panel-aspect-ratio:2/1;--dialog-panel-grid:"meta previews" 1fr/1fr 1fr;--dialog-panel-margin-block:0;--dialog-panel-min-block-size:revert;--footer-grid-area:3/2;--footer-padding:1rem;--header-background:none;--header-grid:"back back wordmark favorites ." var(--header-block-size) /0 1fr auto 1fr 0;--main-aspect-ratio:2/1;--main-block-size:100%;--main-border:1px solid var(--border-color);--main-border-radius:var(--border-radius);--main-grid-area:2/2;--section-max-inline-size:64rem;--view-display:grid;--view-grid:"cover content"/1fr 1fr;--view-padding-block:0}gc-app{--footer-display:block}.view{--footer-display:none}main:has(gc-home:not([inert])){--main-border:none;--main-border-radius:none}gc-home{--preview-border:1px solid var(--border-color);--preview-border-radius:1.25rem;--previews-border:none;--previews-border-radius:0;--previews-gap:.5rem;--previews-grid:auto-flow/repeat(3,1fr);--view-display:block}gc-home .previews__item:first-child{--preview-divider:var(--preview-border)}gc-favorites [data-empty]{--dialog-meta-aspect-ratio:2/1;--dialog-meta-border-inline:none}}gc-app{display:grid;grid:var(--app-grid);min-block-size:100dvh}gc-touch{display:none}main{aspect-ratio:var(--main-aspect-ratio,unset);block-size:var(--main-block-size);border:var(--main-border,none);border-radius:var(--main-border-radius);display:grid;grid:"view" 1fr/1fr;grid-area:var(--main-grid-area);inline-size:100%;overflow:hidden;place-self:center;transition:opacity var(--transition);&[data-loading],&[inert]{opacity:0}}.view{background-color:var(--view-background);display:var(--view-display);grid:var(--view-grid);grid-area:view;overflow:auto;padding-block:var(--view-padding-block);scrollbar-width:none;&::-webkit-scrollbar{display:none}&[inert]{pointer-events:none}&:not([inert]){z-index:1}}.content{background-color:var(--content-background);border:var(--content-border);border-block-start:0;border-radius:var(--content-border-radius);grid-area:content}.copy{padding-block:var(--gap) 0;padding-inline:var(--gap);gc-page &{padding-block:var(--gap)}p:last-of-type{margin-block-end:0}}.badge{background-color:var(--badge-background);border-radius:.25rem;display:inline-block;padding-block:.25em;padding-inline:.75em}gc-chapter .count{margin-block:0 .5rem;padding-inline:var(--gap)}.cover{aspect-ratio:1;background-color:var(--cover-background);border:var(--cover-border);border-block-end:0;border-radius:var(--cover-border-radius);display:grid;grid:1fr/1fr;grid-area:cover;inset-block:var(--cover-inset,initial);overflow:hidden;place-self:start stretch;position:var(--cover-position,static)}.cover gc-photo{grid-area:1/1}gc-favorites{display:contents;.opener{cursor:pointer;display:grid;grid:"count button" auto/auto;grid-area:favorites;place-items:center;place-self:center end;&.added{animation:bounce .5s 1}.count{background-color:var(--brand-color);block-size:1rem;border-radius:1rem;color:var(--text-color-inverted);display:grid;grid-area:count;letter-spacing:0;margin-inline:auto -.375rem;min-inline-size:1rem;padding-inline:.3em;place-content:center}}dialog{background:none;block-size:100dvh;border:none;color:inherit;display:grid;grid:var(--app-grid);inline-size:100dvw;margin:0;max-block-size:100dvh;max-inline-size:100dvw;outline:none;overflow:auto;padding:0;&:not([open]){display:none}&::backdrop{background:none}}.closer{grid-area:1/2;margin-inline:.5rem;place-self:center end}.main{block-size:calc(100% - 1px);display:grid;grid:1fr/1fr;grid-area:2/2;margin-block-start:1px;overflow:hidden}.panel{aspect-ratio:var(--dialog-panel-aspect-ratio);background-color:var(--content-background);border:var(--dialog-border);border-radius:var(--dialog-border-radius);display:grid;grid:var(--dialog-panel-grid);margin-block:var(--dialog-panel-margin-block);min-block-size:var(--dialog-panel-min-block-size);overflow:auto;scrollbar-width:none;transition:transform var(--transition);&::-webkit-scrollbar{display:none}dialog[inert] &{transform:translateY(100%)}}.meta{aspect-ratio:var(--dialog-meta-aspect-ratio);backdrop-filter:var(--backdrop-filter);background-color:var(--callout-background);border-block-end:var(--dialog-meta-border-block);border-inline-end:var(--dialog-meta-border-inline);display:grid;grid:1fr/1fr;grid-area:meta;inset-block:0 auto;overflow:hidden;place-self:var(--dialog-meta-place-self);position:sticky;z-index:1}h1{font-size:var(--dialog-h1-font-size);margin:0;padding-block:.75em;place-self:center;pointer-events:none;text-align:center}.previews{border-block-end:1px solid var(--border-color);grid-area:previews;place-self:start stretch}.previews__item:first-child{border-block-start:none}}@keyframes bounce{25%{transform:scale(.8)}50%{transform:scale(1.3)}75%{transform:scale(.9)}to{transform:scale(1)}}footer{border-block-start:var(--footer-border);display:var(--footer-display);grid-area:var(--footer-grid-area);padding-block:var(--footer-padding);padding-inline:var(--footer-padding);place-self:center stretch;text-align:center;small{display:block;line-height:1.5}img{block-size:1rem;inline-size:auto;margin-block:0 .5rem}}header{backdrop-filter:var(--backdrop-filter);background-color:var(--header-background);border-block-end:var(--header-border);grid-area:1/1/2/4;inset-block:0 auto;inset-inline:0;place-self:center stretch;position:var(--header-position);z-index:3}.header{display:grid;gap:var(--header-gap);grid:var(--header-grid);margin:0 auto;max-inline-size:var(--section-max-inline-size)}.wordmark{grid-area:wordmark;place-self:center;transition:transform var(--transition);&.touch{transform:scale(.9)}@media (any-hover:hover){&:active{transform:scale(.9)}}&>*,&[disabled]{pointer-events:none}img{block-size:2.5em;inline-size:auto}}.back{background:none;display:grid;grid:auto/var(--button-size) auto;grid-area:back;place-items:center;place-self:center start;&[disabled]{display:none}&>*{pointer-events:none}svg{fill:none;inline-size:var(--icon-size);stroke:currentColor;stroke-linecap:round;stroke-width:2.5}span{display:var(--back-button-label-display);margin-inline:-.5em 1rem}}:is(.closer,.favorite,.remove){aspect-ratio:1;svg{inline-size:var(--icon-size);stroke-linecap:round}}:is(.favorite--preview,.favorite--recipe,.remove){inset-block:.5rem auto;inset-inline:auto .5rem;position:absolute;svg{stroke:var(--icon-color)}}.favorite svg{fill:none;stroke-width:2.5}:is(.favorite--preview,.favorite--recipe){block-size:var(--button-size);border-radius:var(--button-size);cursor:pointer;display:grid;grid:1fr/1fr;place-items:center;:is(input,svg){grid-area:1/1}input[checked]+svg{fill:var(--icon-favorite-background);stroke:var(--icon-favorite-color)}&.touch,&:has(input:focus-visible){svg{stroke:var(--icon-favorite-color)}}&:has(input:focus-visible){background-color:var(--button-background-focus)}@media (any-hover:hover){& svg{transition:fill var(--transition),stroke var(--transition)}&:hover svg{stroke:var(--icon-favorite-color)}}}.favorite--opener{background:none;svg{stroke:currentColor}}.closer{background:none;color:inherit;svg{stroke:currentColor;stroke-width:2.5}}.remove{display:grid;place-items:center;svg{border:2px solid var(--icon-color);border-radius:var(--icon-size);stroke-width:3}&,&.touch{background:none}&.touch,&:focus-visible{svg{background-color:var(--icon-remove-background);border-color:var(--icon-remove-color);stroke:var(--icon-remove-color)}}@media (any-hover:hover){&:hover{background:none}& svg{transition:background-color var(--transition),border-color var(--transition),stroke var(--transition)}&:hover svg{background-color:var(--icon-remove-background);border-color:var(--icon-remove-color);stroke:var(--icon-remove-color)}}}gc-page ul{column-count:3;margin-block:1em 3em}.previews,gc-page ul{list-style:none;padding:0}.previews{border:var(--previews-border,none);border-radius:var(--previews-border-radius,0);counter-reset:previews 0;display:grid;gap:var(--previews-gap);grid:var(--previews-grid);margin-block:0;overflow:hidden}.previews__item{background-color:var(--preview-background,none);block-size:var(--block-size,auto);border:var(--preview-border,none);border-block-start:var(--preview-divider);border-radius:var(--preview-border-radius,0);counter-increment:previews;display:grid;gap:.75rem;grid:var(--preview-grid);overflow:hidden;position:relative;transition:block-size var(--transition);will-change:block-size;&:before{content:counter(previews);grid-area:2/4;opacity:var(--opacity);place-self:end center;user-select:none}}gc-home .previews__item:before{display:none}.previews__item>a>*{pointer-events:none}.previews__thumb{aspect-ratio:1;grid-area:2/2;img{transition:transform var(--transition)}&.touch img{transform:scale(.8)}@media (any-hover:hover){&:hover img{transform:scale(1.1)}&:hover+a{color:var(--link-color-focus)}}}.previews__img{aspect-ratio:1;background-color:var(--image-background);border-radius:.5rem;inline-size:var(--thumb-size)}.previews__link{display:grid;grid-area:2/3;place-content:center start}.previews__description :is(.badge,.chapter,.count,.serving){margin-block:.2em}.previews__title{margin-block:0}.previews__item:before,.previews__link :is(.badge,.chapter,.serving){color:var(--text-color)}.previews__link:visited :is(.chapter,.serving){color:var(--link-color-visited)}gc-recipe{.cost{backdrop-filter:var(--backdrop-filter);background-color:var(--callout-background);grid-area:1/1;line-height:1.5;margin-block:10% 0;padding-block:.5rem;padding-inline:.75rem;place-self:start;z-index:4}.content{position:relative}.badge{margin-block:0}.badge+h1{margin-block-start:.5em}h1{padding-inline-end:1em}.serving,p{margin-block:0 1em}h2{margin-block:0;padding-block:1em}:is(.ingredients,.steps){:is(h2,h3){padding-inline:var(--gap)}h2{backdrop-filter:var(--backdrop-filter);background-color:var(--callout-background);border-block-end:1px solid var(--border-color);inset-block:0 auto;position:sticky;z-index:1}}.ingredients{h2+*{padding-block-start:1em}h3{margin-block-start:0}:is(ol,ul)+h3{margin-block-start:1em}}:is(ul,ol){margin-block:0;padding-inline:var(--gap);.more &{padding-inline:0}}:is(.ingredients__list,.steps__list){list-style:none}.ingredients__list:last-child{padding-block-end:1em}:is(.ingredients__item,.steps__item){display:grid;gap:0 .4em;grid:auto/var(--marker-size) 1fr}.ingredients__item{cursor:pointer;padding-block:.3em;:is(.checkbox,input[type=checkbox]){grid-area:1/1;place-self:center}svg{fill:none;stroke:currentColor;stroke-width:3}.checkbox{aspect-ratio:1;border:2px solid var(--icon-color);border-radius:var(--marker-size);display:grid;inline-size:var(--marker-size);place-items:center}.text{grid-area:1/2;line-height:1.2;pointer-events:none}&.touch .text{opacity:var(--opacity)}&:has(input:focus-visible){.checkbox{border-color:var(--icon-add-color)}.text{opacity:var(--opacity)}}@media (any-hover:hover){.checkbox{transition:border-color var(--transition)}.text{transition:opacity var(--transition)}&:hover{.checkbox{border-color:var(--icon-add-color)}.text{opacity:var(--opacity)}}}input[checked]+.checkbox{background-color:var(--icon-add-background);border-color:var(--icon-add-color);color:var(--icon-add-color)}}.steps__list{counter-reset:steps 0;padding-block:1em var(--gap)}.steps__item{counter-increment:steps;margin-block:0 1em;&:before{aspect-ratio:1;background-color:var(--text-color);border-radius:var(--marker-size);color:var(--text-color-inverted);content:counter(steps);display:grid;font-size:var(--subhead-font-size);inline-size:var(--marker-size);place-content:center;place-self:start}}.more{margin-block:1rem;padding-inline:var(--gap);&:last-child{margin-block-end:0;padding-block-end:var(--gap)}h2{margin-block:0;padding-block-start:0}.steps{margin-block:1em}}.photo{display:grid;grid:1fr/1fr;margin-block:0 1em;&>*{grid-area:1/1}.cost{margin-block:2rem 0;place-self:start}}}[role=tablist]{display:grid;gap:0 1rem;grid:auto/auto-flow;grid-area:tabs;margin-block:1rem;margin-inline:1rem;place-content:center;button{border:1px solid var(--border-color);padding-block:.5rem;padding-inline:.75rem}[aria-selected=true]{background-color:var(--text-color);color:var(--text-color-inverted);pointer-events:none}}[role=tabpanel][aria-hidden=true]{display:none;pointer-events:none}[transition]{animation-duration:.3s;animation-fill-mode:forwards;animation-iteration-count:1}[transition=start-in]{animation-name:startIn}[transition=start-out]{animation-name:startOut}[transition=end-in]{animation-name:endIn}[transition=end-out]{animation-name:endOut}@keyframes startIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes startOut{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes endIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes endOut{0%{transform:translateX(0)}to{transform:translateX(100%)}}h1{font-family:Carmina Bold,serif;line-height:1;margin-block:0 .5em}.cost,.previews__title,.steps__item:before,h2{font-family:Futura Bold,sans-serif}.back,.badge,.chapter,.count,.ingredients__item,.previews__item:before,.serving,[role=tab],gc-page ul,h3,small{font-family:Futura Book,sans-serif}.chapter,.cost,.previews__title,.serving,h2,h3{font-size:var(--subhead-font-size);letter-spacing:.25em;text-transform:uppercase}.chapter,.cost,.previews__title,.serving{line-height:1.3}.back,.badge,.chapter,.count,.previews__item:before,.serving,[role=tab],small{font-size:var(--small-font-size)}.back,.badge,.chapter,.count,.serving,[role=tab],small{letter-spacing:.125em;text-transform:uppercase}gc-recipe .serving{font-family:Futura Bold;font-size:var(--subhead-font-size)}