@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-hover-background)}@media (any-hover:hover){&{transition:background-color var(--transition),color var(--transition)}&:hover{background-color:var(--button-hover-background)}}}a{color:var(--link-color);outline:none;text-decoration:none;&:visited{color:var(--link-visited-color)}&:focus-visible{color:var(--link-focus-color)}&.touch,&:active{color:var(--link-active-color,var(--link-focus-color))}@media (any-hover:hover){&{transition:color var(--transition)}&:hover{color:var(--link-focus-color)}}}: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-hover-background:var(--gray4);--callout-background:hsla(0,0%,100%,.8);--content-background:#fff;--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-focus-color:var(--brand-color);--link-visited-color:#8e8e93;--text-color:#2c2c2e;--text-color-inverted:#fff;--small-font-size:60%;--subhead-font-size:80%;--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(--gray5);--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-visited-color:#aeaeb2;--text-color:#e5e5ea;--text-color-inverted:var(--gray6)}}:root{--app-grid:var(--header-block-size) 1fr /1fr minmax(auto,var(--section-max-inline-size)) 1fr;--back-button-label-display:none;--border-radius:1.5rem;--button-size:2.25rem;--dialog-aspect-ratio:var(--main-aspect-ratio);--dialog-block-size:calc(100dvh - var(--header-block-size));--dialog-border:none;--dialog-border-top:1px solid var(--border-color);--dialog-content-grid:"meta" auto "previews" 1fr/1fr;--dialog-meta-place-self:start stretch;--favorites-grid:var(--header-block-size) 1fr /1fr;--footer-border:1px solid var(--border-color);--footer-padding:2rem;--gap:clamp(.75rem,.75rem + 1vw,3rem);--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);--icon-size:1.25rem;--main-block-size:100dvh;--marker-size:1.5rem;--main-grid-area:1/2/3/2;--preview-divider:1px solid var(--border-color);--previews-gap:0;--previews-grid:auto-flow/1fr;--section-max-inline-size:32rem;--thumb-size:4.5rem;--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)}gc-favorites [data-empty]{--dialog-content-grid:"meta" 1fr/1fr;--dialog-meta-border-block:none;--dialog-meta-place-self:center}@media (min-width:32rem){:root{--app-grid:var(--header-block-size) 1fr /1fr var(--section-max-inline-size) 1fr;--content-border-radius:0 0 var(--border-radius) var(--border-radius);--cover-border-radius:var(--border-radius) var(--border-radius) 0 0;--dialog-border:1px solid var(--border-color);--dialog-border-radius:var(--border-radius);--footer-border:none;--header-background:rgba(242,242,247,.75);--header-border:none;--header-position:static;--main-border:1px solid var(--border-color)}main:has(gc-home:not([inert])){--main-border:none;--main-border-radius:none}gc-home{--previews-border:1px solid var(--border-color);--previews-border-radius:1rem}gc-home .previews__item:first-child{--preview-divider:none}}@media (min-width:32rem) and (prefers-color-scheme:dark){:root{--header-background:rgba(0,0,0,.75)}}@media (min-width:67rem) and (orientation:landscape){:root{--app-grid:1fr auto 1fr/1fr minmax(0,var(--section-max-inline-size)) 1fr;--back-button-label-display:initial;--content-border-radius:none;--cover-border-radius:none;--cover-inset:0;--cover-position:sticky;--dialog-block-size:100%;--dialog-content-aspect-ratio:2/1;--dialog-content-grid:"meta previews" 1fr/1fr 1fr;--dialog-meta-aspect-ratio:1;--dialog-meta-border-block:none;--dialog-meta-border-inline:1px solid var(--border-color);--dialog-meta-inset:0;--dialog-meta-position:sticky;--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-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}gc-home{--preview-border:1px solid var(--border-color);--preview-border-radius:1rem;--previews-border:none;--previews-gap:1rem;--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{grid:var(--app-grid);min-block-size:100dvh}gc-app,main{display:grid}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);grid:"view" 1fr/1fr;grid-area:var(--main-grid-area);overflow:hidden;place-self:center;transition:opacity .5s}[data-loading]{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;transition:opacity var(--transition);&::-webkit-scrollbar{display:none}&[inert]{pointer-events:none}&:not([inert]){z-index:1}}.view[active=false]{opacity:0;pointer-events:none}:is(gc-home,gc-chapter,gc-page){background-color:var(--body-background)}.content{background-color:var(--content-background);border-radius:var(--content-border-radius);grid-area:content}.copy{padding-block:var(--gap);padding-inline:var(--gap)}.copy 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{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__photo{aspect-ratio:1;background-color:var(--image-background);display:grid;grid:1fr/1fr;grid-area:1/1;margin:0;overflow:hidden;place-content:center;:is(img,svg){grid-area:1/1;place-self:center}svg{fill:currentColor;inline-size:2em}img{aspect-ratio:1;object-fit:cover;transition:opacity var(--transition);z-index:1}img[aria-hidden=true]{opacity:0}}gc-favorites{display:contents;.toggle{cursor:pointer;display:grid;grid:"count button" auto/auto;grid-area:favorites;place-items:center;place-self:center end}.close,.favorite--toggle{grid-area:button}.toggle .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}}.content,.dialog{overflow:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.dialog{grid-area:2/2}.content{aspect-ratio:var(--dialog-content-aspect-ratio);background-color:var(--content-background);border:var(--dialog-border);border-block-start:var(--dialog-border-top);border-radius:var(--dialog-border-radius);display:grid;grid:var(--dialog-content-grid);min-block-size:100%;transition:transform var(--transition)}dialog[inert] .content{transform:translateY(100%)}.meta{aspect-ratio:var(--dialog-meta-aspect-ratio);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:var(--dialog-meta-inset,initial);overflow:hidden;place-self:var(--dialog-meta-place-self);position:var(--dialog-meta-position,static)}h1{margin:0;padding-block:1rem;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}}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)}picture{grid-area:wordmark;place-self:center}picture>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(.close,.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;&,&.touch{background:none}@media (any-hover:hover){&:hover{background:none}}svg{stroke:var(--icon-color)}}.favorite{svg{fill:none;stroke-width:2.5}}.favorite--toggle{background:none;svg{stroke:currentColor}}.close{background:none;color:inherit;svg{stroke:currentColor;stroke-width:2.5}}:is(.favorite--preview,.favorite--recipe){&.touch,&:focus-visible{svg{stroke:var(--icon-favorite-color)}}@media (any-hover:hover){& svg{transition:fill var(--transition),stroke var(--transition)}&:hover svg{stroke:var(--icon-favorite-color)}}&[data-checked=true] svg{fill:var(--icon-favorite-background);stroke:var(--icon-favorite-color)}}.remove{display:grid;place-items:center;svg{border:2px solid var(--icon-color);border-radius:var(--icon-size);stroke-width:3}&.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){& 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;list-style:none;margin-block:1em 3em;padding:0}}.previews{border:var(--previews-border,none);border-radius:var(--previews-border-radius,0);display:grid;gap:var(--previews-gap);grid:var(--previews-grid);list-style:none;margin-block:0;overflow:hidden;padding:0}.previews__item{background-color:var(--preview-background,none);border:var(--preview-border,none);border-block-start:var(--preview-divider);border-radius:var(--preview-border-radius,0);position:relative}.previews__link{align-items:center;display:grid;gap:.75rem;grid:"thumb description counter" auto/auto 1fr 3.25rem}.previews__link>*{pointer-events:none}.previews__figure{aspect-ratio:1;grid-area:thumb;inline-size:var(--thumb-size);margin-block:.75rem;margin-inline:.75rem 0}.previews__img{aspect-ratio:1;background-color:var(--image-background);border-radius:.25rem;object-fit:cover}.previews__description{grid-area:description}.previews__description :is(.badge,.count,.serving){margin-block:.2em}.previews__title{margin-block:0}.previews__counter{color:var(--text-color);grid-area:counter;margin-block:0 .75rem;opacity:.7;place-self:end center}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:1}.content{position:relative}.badge{margin-block:0}.badge+h1{margin-block-start:.5em}h1{padding-inline-end:1em}.serving{margin-block:0 1em}:is(.ingredients,.steps) :is(h2,h3){padding-inline:var(--gap)}:is(.ingredients,.steps) 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}.ingredients h2{margin-block-start:0}h2{margin-block:1em;padding-block:1em}h3{margin-block:2em 1em}h2+h3{margin-block-start:0}p{margin-block:0 1em}:is(ul,ol){margin-block:0;padding-inline:var(--gap)}.more :is(ul,ol){padding-inline:0}.ingredients__list,.steps__list{list-style:none}.ingredients__list+.steps__list{margin-block-start:2em}.ingredients__item,.steps__item{display:grid;gap:0 .4em;grid:"icon text"/var(--marker-size) 1fr}.ingredients__item{cursor:pointer;line-height:1.3;outline:none;padding-block:.3em;&.touch,&:focus-visible{color:var(--icon-add-color)}@media (any-hover:hover){&{transition:color var(--transition)}&:hover{color:var(--icon-add-color)}}.text{grid-area:text;pointer-events:none}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;grid-area:icon;inline-size:var(--marker-size);place-items:center;place-self:center}&:focus-visible{.checkbox{border-color:var(--icon-add-color)}}@media (any-hover:hover){& .checkbox{transition:border-color var(--transition)}&:hover .checkbox{border-color:var(--icon-add-color)}}&[data-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:0 var(--gap)}.steps__item{counter-increment:steps;margin-block:0 1em}.steps__item: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:2rem 0;padding-inline:var(--gap)}.more:last-child{padding-block:0 3rem}.more h2{margin-block:0}.more .steps{margin-block:1em}.photo{display:grid;grid:"photo" 1fr/1fr}.photo>*{grid-area:photo}.photo>.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{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,.count,.ingredients__item,.previews__counter,.serving,[role=tab],gc-page ul,h3,small{font-family:Futura Book,sans-serif}.cost,.previews__title,.serving,h2,h3{font-size:var(--subhead-font-size);letter-spacing:.2em;text-transform:uppercase}.cost,.previews__title,.serving{line-height:1.3}.back,.badge,.count,.previews__counter,.serving,[role=tab],small{font-size:var(--small-font-size)}.back,.badge,.count,.serving,[role=tab],small{letter-spacing:.125em;text-transform:uppercase}gc-recipe .serving{font-family:Futura Bold;font-size:var(--subhead-font-size)}