:root{color-scheme:light;--ce-flow-cream: #f7f2ea;--ce-flow-porcelain: #fffdf9;--ce-flow-elevated: #ffffff;--ce-flow-mist: #b9d3de;--ce-flow-sage: #bcd0c2;--ce-flow-peach: #f0c1aa;--ce-flow-apricot: #d67852;--ce-flow-navy: #17313b;--ce-flow-muted: #53666a;--ce-flow-primary: #285c5c;--ce-flow-primary-hover: #1f4a4a;--ce-flow-focus: #006b73;--ce-flow-ribbon: .25rem;--ce-color-canvas: var(--ce-flow-cream);--ce-color-surface: var(--ce-flow-porcelain);--ce-color-surface-elevated: var(--ce-flow-elevated);--ce-color-ink: var(--ce-flow-navy);--ce-color-ink-muted: var(--ce-flow-muted);--ce-color-border: #b8c2bd;--ce-color-border-strong: #6f817d;--ce-color-primary: var(--ce-flow-primary);--ce-color-primary-hover: var(--ce-flow-primary-hover);--ce-color-on-primary: #ffffff;--ce-color-accent: #8a432b;--ce-color-on-accent: #ffffff;--ce-color-success: #2f6b50;--ce-color-warning: #805600;--ce-color-danger: #a83832;--ce-color-information: #285f73;--ce-color-focus: var(--ce-flow-focus);--ce-color-overlay: rgb(23 49 59 / 74%);--ce-space-1: .25rem;--ce-space-2: .5rem;--ce-space-3: .75rem;--ce-space-4: 1rem;--ce-space-5: 1.5rem;--ce-space-6: 2rem;--ce-space-7: 3rem;--ce-space-8: 4.5rem;--ce-radius-sm: .375rem;--ce-radius-md: .75rem;--ce-radius-lg: 1.125rem;--ce-shadow-raised: 0 .75rem 2rem rgb(23 49 59 / 11%);--ce-shadow-overlay: 0 1.5rem 4rem rgb(23 49 59 / 24%);--ce-border-width: 1px;--ce-focus-width: 3px;--ce-motion-fast: .12s;--ce-motion-standard: .2s;--ce-z-header: 20;--ce-z-sticky: 30;--ce-z-dialog: 60;--ce-z-toast: 70;font-family:Aptos,Segoe UI Variable,Segoe UI,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ce-color-ink);background:var(--ce-color-canvas);font-synthesis:none}*,*:before,*:after{box-sizing:border-box}html{min-width:0;background:var(--ce-color-canvas)}body{min-height:100vh;margin:0;background:var(--ce-color-canvas);color:var(--ce-color-ink);font-size:1rem;line-height:1.55;text-rendering:optimizeLegibility}.ce-js-enabled .fallback-navigation{display:none}h1,h2,h3,p{margin-block-start:0}h1{max-width:20ch;margin-block-end:var(--ce-space-5);font-size:clamp(2rem,5vw,3.75rem);line-height:1.08;font-weight:790;letter-spacing:-.045em}h2,h3{color:var(--ce-color-ink);line-height:1.18;letter-spacing:-.025em}p{max-width:68ch}a{color:var(--ce-color-primary);text-decoration-thickness:.1em;text-underline-offset:.18em}a:hover{color:var(--ce-color-primary-hover)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:var(--ce-focus-width) solid var(--ce-color-focus);outline-offset:3px}button,.button{display:inline-flex;max-width:100%;min-height:2.75rem;align-items:center;justify-content:center;border:var(--ce-border-width) solid transparent;border-radius:var(--ce-radius-sm);padding:var(--ce-space-3) var(--ce-space-5);font:inherit;font-size:.9375rem;font-weight:720;line-height:1.35;cursor:pointer}.button{position:relative;text-decoration:none;transition:background var(--ce-motion-fast),color var(--ce-motion-fast),transform var(--ce-motion-fast),box-shadow var(--ce-motion-fast)}.button:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--ce-flow-peach)}.button--primary{background:var(--ce-color-primary);color:var(--ce-color-on-primary)}.button--primary:hover{background:var(--ce-color-primary-hover)}.container{width:min(calc(100% - 2rem),82rem);margin-inline:auto}.surface{position:relative;border:var(--ce-border-width) solid var(--ce-color-border);border-radius:var(--ce-radius-md);background:var(--ce-color-surface)}.surface:after{position:absolute;width:2.5rem;height:.35rem;inset-block-start:.7rem;inset-inline-end:.8rem;border-radius:999px;background:linear-gradient(90deg,var(--ce-flow-mist) 0 42%,transparent 42% 54%,var(--ce-flow-peach) 54%);content:"";pointer-events:none}.eyebrow{color:var(--ce-color-accent)!important;font-size:.75rem!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase}::selection{background:var(--ce-flow-sage);color:var(--ce-flow-navy)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:var(--ce-z-toast);inset-block-start:var(--ce-space-3);inset-inline-start:var(--ce-space-3);padding:var(--ce-space-3) var(--ce-space-4);border-radius:var(--ce-radius-sm);background:var(--ce-color-ink);color:var(--ce-color-surface);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}@media(min-width:48rem){.container{width:min(calc(100% - 3rem),82rem)}}@media(min-width:64rem){.container{width:min(calc(100% - 4rem),82rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:host{display:block}.eyebrow{margin-block-end:var(--ce-space-3);color:var(--ce-color-accent);font-size:.78rem;font-weight:780;letter-spacing:.11em;text-transform:uppercase}.recipe-state{min-height:34rem;padding-block:clamp(4rem,10vw,8rem)}.recipe-state .button{margin-block-start:var(--ce-space-4);text-decoration:none}.breadcrumbs{padding-block:var(--ce-space-4)}.breadcrumbs ol{display:flex;min-width:0;flex-wrap:wrap;gap:var(--ce-space-2);margin:0;padding:0;color:var(--ce-color-ink-muted);font-size:.875rem;list-style:none}.breadcrumbs li:not(:last-child):after{margin-inline-start:var(--ce-space-2);content:"/"}.breadcrumbs li:last-child{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.recipe-hero{padding-block:clamp(2.5rem,7vw,6rem);border-block:var(--ce-border-width) solid var(--ce-color-border);background:radial-gradient(circle at 90% 10%,rgb(169 67 44 / 12%),transparent 28rem),#fffaf1}.recipe-hero__grid{display:grid;align-items:center;gap:var(--ce-space-7)}.recipe-hero h1{max-width:16ch}.recipe-hero__description{max-width:44rem;color:var(--ce-color-ink-muted);font-size:clamp(1.05rem,2vw,1.25rem)}.recipe-metadata{display:flex;flex-wrap:wrap;gap:var(--ce-space-4) var(--ce-space-6);margin-block:var(--ce-space-6)}.recipe-metadata div{min-width:5rem}.recipe-metadata dt{color:var(--ce-color-ink-muted);font-size:.72rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.recipe-metadata dd{margin:0;font-size:1.1rem;font-weight:720}.recipe-hero__actions{display:flex;flex-wrap:wrap;gap:var(--ce-space-3)}.button--secondary{border-color:var(--ce-color-border-strong);background:var(--ce-color-surface);color:var(--ce-color-ink)}.recipe-hero__actions a,.interaction-card a{text-decoration:none}.recipe-byline{margin-block:var(--ce-space-5) 0;color:var(--ce-color-ink-muted);font-size:.9rem}.contributor-badge{display:inline-block;margin-inline-start:.4rem;padding:.1rem .45rem;border:1px solid currentColor;border-radius:999px;font-size:.75em}.recipe-gallery{display:grid;min-width:0;min-height:min(70vw,32rem);overflow:hidden;border-radius:var(--ce-radius-lg);background:#dfd4c5;box-shadow:var(--ce-shadow-raised)}.recipe-gallery--multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-gallery__item{position:relative;min-width:0;min-height:8rem;overflow:hidden;border:0;border-radius:0;padding:0;background:#dfd4c5}.recipe-gallery__item--primary{grid-column:1 / -1;min-height:min(70vw,24rem)}.recipe-gallery__item img,.recipe-image-fallback{width:100%;height:100%}.recipe-gallery__item img{position:absolute;inset:0;object-fit:cover}.recipe-image-fallback{display:grid;min-height:min(70vw,32rem);place-items:center;background:linear-gradient(145deg,#dce3d5,#b8c4ae);color:#35452e;font-size:.9rem;font-weight:780;letter-spacing:.13em;text-transform:uppercase}.recipe-content{padding-block:clamp(3.5rem,8vw,7rem)}.recipe-content__grid{display:grid;gap:var(--ce-space-7)}.ingredients-panel{align-self:start;padding:clamp(1.25rem,4vw,2rem)}.ingredients-panel h2,.steps-panel h2,.recipe-interactions h2,.kitchen-mode h2{margin-block-end:var(--ce-space-5);font-size:clamp(1.75rem,4vw,2.75rem);line-height:1.15;letter-spacing:-.02em}.ingredient-list,.kitchen-ingredients ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.ingredient-list li,.kitchen-ingredients li{display:grid;grid-template-columns:minmax(5rem,.45fr) minmax(0,1fr);gap:var(--ce-space-3);padding-block:var(--ce-space-3);border-block-end:var(--ce-border-width) solid var(--ce-color-border)}.ingredient-list__amount,.kitchen-ingredients li span{color:var(--ce-color-ink-muted);font-variant-numeric:tabular-nums}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--ce-space-4);margin-block-end:var(--ce-space-6)}.section-heading h2{margin:0}.steps-list{display:grid;gap:var(--ce-space-5);margin:0;padding:0;list-style:none;counter-reset:recipe-step}.steps-list>li{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:var(--ce-space-4);padding-block-end:var(--ce-space-5);border-block-end:var(--ce-border-width) solid var(--ce-color-border)}.step-number{display:grid;width:3rem;height:3rem;border-radius:50%;place-items:center;background:var(--ce-color-primary);color:var(--ce-color-on-primary);font-size:1.1rem;font-weight:760}.step-copy p{margin:0;font-size:clamp(1.05rem,2vw,1.18rem);white-space:pre-line}.step-image{grid-column:2;width:min(100%,15rem);min-height:8rem;overflow:hidden;border:var(--ce-border-width) solid var(--ce-color-border);padding:0;background:var(--ce-color-surface)}.step-image img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.recipe-tags{display:flex;flex-wrap:wrap;gap:var(--ce-space-2);margin-block-start:var(--ce-space-6)}.recipe-tags span{padding:var(--ce-space-2) var(--ce-space-3);border:var(--ce-border-width) solid var(--ce-color-border);border-radius:999px;background:var(--ce-color-surface);font-size:.85rem;font-weight:650}.kitchen-mode{padding-block:clamp(2.5rem,7vw,5rem);border-block-end:var(--ce-border-width) solid #aeba9f;background:#e8eee2}.kitchen-mode__inner{max-width:70rem}.kitchen-mode__heading{display:flex;align-items:start;justify-content:space-between;gap:var(--ce-space-5)}.kitchen-mode h2{margin:0}.kitchen-progress{margin-block:var(--ce-space-6) var(--ce-space-3);color:var(--ce-color-primary);font-size:1.1rem;font-weight:760}.kitchen-step{padding:clamp(1.5rem,5vw,3rem);border:2px solid #aeba9f;border-radius:var(--ce-radius-lg);background:var(--ce-color-surface)}.kitchen-step h3{margin-block:0 var(--ce-space-4);font-size:clamp(1.5rem,4vw,2rem)}.kitchen-step p{margin:0;font-size:clamp(1.25rem,3.5vw,1.75rem);line-height:1.55;white-space:pre-line}.kitchen-ingredients{margin-block-start:var(--ce-space-5);border:var(--ce-border-width) solid #aeba9f;border-radius:var(--ce-radius-md);background:var(--ce-color-surface)}.kitchen-ingredients summary{min-height:3rem;padding:var(--ce-space-3) var(--ce-space-4);align-content:center;cursor:pointer;font-weight:740}.kitchen-ingredients ul,.kitchen-ingredients>p{margin:0 var(--ce-space-4) var(--ce-space-4)}.kitchen-mode__controls{display:flex;justify-content:space-between;gap:var(--ce-space-4);margin-block-start:var(--ce-space-5)}.kitchen-control{min-width:7rem;min-height:3rem}button:disabled{cursor:not-allowed;opacity:.58}.recipe-interactions{padding-block:clamp(3.5rem,8vw,7rem);border-block-start:var(--ce-border-width) solid var(--ce-color-border);background:#f2ece1}.interaction-grid{display:grid;gap:var(--ce-space-5)}.interaction-card{padding:clamp(1.25rem,4vw,2rem)}.interaction-card h3{margin-block:0 var(--ce-space-3);font-size:1.4rem}.interaction-stat{margin-block-end:var(--ce-space-2);color:var(--ce-color-primary);font-size:clamp(1.6rem,5vw,2.4rem);font-weight:780}.interaction-card .button{margin-block-start:var(--ce-space-3)}.rating-control{display:flex;flex-wrap:wrap;gap:var(--ce-space-2);margin-block-start:var(--ce-space-4)}.rating-control button{width:3rem;min-width:3rem;min-height:3rem;border-color:var(--ce-color-border-strong);background:var(--ce-color-surface);color:var(--ce-color-ink);font-size:1.05rem}.rating-control button[aria-pressed=true]{background:var(--ce-color-primary);color:var(--ce-color-on-primary)}.action-error{margin-block:var(--ce-space-3) 0;color:var(--ce-color-danger);font-weight:650}.comments{margin-block-start:clamp(3.5rem,7vw,6rem)}.comment-list{display:grid;gap:var(--ce-space-4);margin:0;padding:0;list-style:none}.comment-list li{padding:var(--ce-space-5)}.comment-list li>p:first-child{white-space:pre-wrap;overflow-wrap:anywhere}.comment-byline{margin:0;color:var(--ce-color-ink-muted);font-size:.875rem}.comment-form{display:grid;gap:var(--ce-space-3);margin-block-start:var(--ce-space-5);padding:var(--ce-space-5)}.comment-form label{font-weight:740}.comment-form textarea{width:100%;min-height:8rem;resize:vertical;border:var(--ce-border-width) solid var(--ce-color-border-strong);border-radius:var(--ce-radius-sm);padding:var(--ce-space-3);background:var(--ce-color-surface-elevated);color:var(--ce-color-ink);font:inherit}.comment-form .button{width:fit-content}.section-state{padding:var(--ce-space-5);border:var(--ce-border-width) dashed var(--ce-color-border-strong);border-radius:var(--ce-radius-md);background:var(--ce-color-surface)}.section-state p{margin:0}.gallery-dialog{width:min(calc(100% - 2rem),72rem);max-width:none;max-height:calc(100vh - 2rem);overflow:auto;border:0;border-radius:var(--ce-radius-lg);padding:var(--ce-space-4);background:var(--ce-color-surface);color:var(--ce-color-ink);box-shadow:var(--ce-shadow-overlay)}.gallery-dialog::backdrop{background:var(--ce-color-overlay)}.gallery-dialog__header,.gallery-dialog__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--ce-space-3)}.gallery-dialog__header{margin-block-end:var(--ce-space-4)}.gallery-dialog__header p{margin:0;font-weight:720}.gallery-dialog>img{display:block;width:100%;max-height:calc(100vh - 12rem);object-fit:contain;background:#e8dfd3}.gallery-dialog__controls{margin-block-start:var(--ce-space-4)}@media(min-width:48rem){.recipe-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(22rem,1.1fr)}.recipe-gallery,.recipe-image-fallback{min-height:32rem}.recipe-content__grid{grid-template-columns:minmax(17rem,.7fr) minmax(0,1.3fr);align-items:start}.ingredients-panel{position:sticky;inset-block-start:6rem}.interaction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:40rem){.recipe-hero__actions,.kitchen-mode__heading,.section-heading{align-items:stretch;flex-direction:column}.recipe-hero__actions .button,.interaction-card .button{width:100%}.steps-list>li{grid-template-columns:2.75rem minmax(0,1fr);gap:var(--ce-space-3)}.step-number{width:2.75rem;height:2.75rem}.gallery-dialog__header,.gallery-dialog__controls{align-items:stretch;flex-direction:column}.gallery-dialog__header .button,.gallery-dialog__controls .button{width:100%}.gallery-dialog>img{max-height:min(50dvh,calc(100dvh - 16rem))}}@media(max-width:22rem){.ingredient-list li,.kitchen-ingredients li{grid-template-columns:1fr;gap:0}.kitchen-mode__controls{display:grid}}.breadcrumbs li:not(:last-child):after{color:var(--ce-flow-apricot);content:"\2192"}.recipe-hero{position:relative;overflow:hidden;background:linear-gradient(105deg,transparent 0 54%,color-mix(in srgb,var(--ce-flow-sage) 28%,var(--ce-flow-porcelain)) 54% 74%,color-mix(in srgb,var(--ce-flow-peach) 24%,var(--ce-flow-porcelain)) 74%),url(/modern-assets/brand/cookeat-flow-pattern-CF20A109.svg) right center / 30rem auto no-repeat,var(--ce-flow-porcelain)}.recipe-hero:after{position:absolute;width:36%;height:var(--ce-flow-ribbon);inset-inline-start:0;inset-block-end:1.5rem;border-radius:0 999px 999px 0;background:linear-gradient(90deg,var(--ce-flow-mist) 0 43%,transparent 43% 52%,var(--ce-flow-peach) 52%);content:""}.recipe-gallery{border:1px solid var(--ce-color-border);border-radius:var(--ce-radius-lg);box-shadow:var(--ce-shadow-raised)}.recipe-image-fallback{background:url(/modern-assets/brand/cookeat-flow-placeholder-CF20A108.svg) center / cover;color:var(--ce-flow-primary-hover)}.ingredients-panel{border-inline-start:.45rem solid var(--ce-flow-primary);border-radius:var(--ce-radius-md);box-shadow:none}.steps-list{position:relative}.steps-list:before{position:absolute;width:.2rem;inset-block:1.5rem;inset-inline-start:1.4rem;background:var(--ce-flow-peach);content:""}.steps-list>li{position:relative}.step-number{z-index:1;border-radius:50%;background:var(--ce-flow-primary);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--ce-flow-peach) 60%,transparent)}.recipe-tags span{border-radius:var(--ce-radius-sm);background:#285c5c14}.kitchen-mode{border-color:var(--ce-flow-primary);background:linear-gradient(90deg,var(--ce-flow-mist) 0 .35rem,transparent .35rem),color-mix(in srgb,var(--ce-flow-mist) 26%,var(--ce-flow-porcelain))}.kitchen-step{border-color:var(--ce-flow-primary);border-radius:var(--ce-radius-lg);box-shadow:var(--ce-shadow-raised)}.kitchen-progress{display:inline-block;border-block-end:var(--ce-flow-ribbon) solid var(--ce-flow-apricot);padding-block-end:var(--ce-space-2)}.kitchen-ingredients{border-color:var(--ce-flow-primary);border-radius:var(--ce-radius-sm)}.recipe-interactions{background:#285c5c0f}.interaction-card{border-block-start:var(--ce-flow-ribbon) solid var(--ce-flow-primary)}.comment-list li{border-inline-start:var(--ce-flow-ribbon) solid var(--ce-flow-peach)}.gallery-dialog{border-radius:var(--ce-radius-lg)}@media(max-width:47.99rem){.recipe-hero{background:var(--ce-flow-porcelain)}}
