:root{--font-size-200: clamp(14px, calc(14px + .3vw) , 18px);--font-size-300: clamp(20px, calc(18px + .3vw) , 23px);--font-size-400: clamp(23px, calc(20px + .3vw) , 28px);--font-size-500: clamp(28px, calc(28px + 1vw) , 34px);--font-size-600: clamp(48px, calc(48px + 1vw) , 82px);--spacing-flow: 1rem;--line-height: 1.3;--content-width: 1240px;--single-run-width: 700px;--color-grey: rgb(195, 195, 195);--color-yellow: rgb(255, 187, 0);--color-yellow-light: rgb(255, 211, 54);--color-black: rgb(0, 0, 0);--color-black-light: rgba(39, 39, 37, .6);--color-background: var(--color-yellow);--color-highlight: var(--color-yellow-light);--color-text-primary: var(--color-black);--color-accent: var(--color-black);--color-text-secondary: var(--color-black-light)}@supports (color: color(display-p3 1 .748 0)){:root{--color-grey: color(display-p3 .765 .765 .765);--color-yellow: color(display-p3 1 .748 0);--color-yellow-light: color(display-p3 1 .835 .348);--color-black: color(display-p3 0 0 0);--color-black-light: color(display-p3 .153 .153 .146 / .6)}}@media(prefers-color-scheme:dark){:root{--color-accent: var(--color-yellow);--color-background: var(--color-black);--color-text-primary: var(--color-grey);--color-text-secondary: var(--color-yellow-light);--color-highlight: var(--color-black-light)}}*,*:before,*:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,picture,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}em{font-weight:500;font-style:italic}sup{vertical-align:super;font-size:.8em}sub{vertical-align:sub;font-size:.8em}body{font-family:museo-sans-rounded,ui-rounded,system-ui;font-weight:500;font-size:var(--font-size-300);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-feature-settings:"kern" 1,"liga" 1;display:flex;flex-direction:column;align-items:center;margin:2rem 3rem 4rem}hr{height:0;border:2px solid var(--color-accent);border-radius:100px;margin:0 0 var(--spacing-flow);width:100%}a:not([class]){text-decoration-skip-ink:auto}ul[role=list],ol[role=list]{list-style:none}img{max-width:100%;display:block}html{scroll-padding-top:40px}html:focus-within{scroll-behavior:smooth}.page-header a,h1{font-family:opake,serif,system-ui;font-weight:900;font-style:normal;text-align:center;font-size:var(--font-size-600)}.page-header a{color:var(--color-accent);text-decoration:none;font-size:var(--font-size-600)}h2,h3{font-family:opake,serif,system-ui;font-weight:900;font-style:normal;text-align:right;--spacing-flow: 3rem;font-size:var(--font-size-500)}h3{font-size:var(--font-size-300)}.page-header,main,footer{background-color:var(--color-background);max-width:var(--content-width);width:100%}.page-header{padding-top:10vh;display:flex;flex-direction:column;align-items:center;max-width:var(--single-run-width)}.page-header .header-icon{margin:2rem;max-height:160px;max-width:160px;width:100%;animation:rotate 6s linear infinite}.aside-intro{margin-bottom:4rem}.main-ai{max-width:var(--single-run-width)}path#Waffle-Icon-Background,#Empatheticbot-Heart{fill:var(--color-accent)}path#Waffle-Icon-Mask{fill:none}#Empatheticbot{fill:var(--color-accent)}@keyframes rotate{50%{transform:translateY(0) rotate(0)}51%{transform:translateY(-2%) rotate(-10deg)}52%{transform:translateY(-4%) rotate(10deg)}53%{transform:translateY(0) rotate(0)}}article{display:flex;flex-wrap:wrap;gap:2rem}.ingredients-section{flex:1 2 300px;height:fit-content}.ingredients-section.sticky{position:sticky;top:1rem}.ingredients-item{display:flex;gap:2rem;margin:1rem 0;align-items:baseline;cursor:pointer}.ingredients-item div{flex:1 1 24rem}.ingredients-item .ingredients-measurement{font-weight:800;flex:1 1 14rem;max-width:12rem;text-align:right}.ingredients-description{color:var(--color-text-secondary)}.directions-section{flex:2 1 400px}ol{list-style:none;list-style-position:inside;counter-reset:step-counter}ol li{counter-increment:step-counter}ol li:before{content:"Step " counter(step-counter);display:block;color:var(--color-text-secondary);font-weight:800;font-size:var(--font-size-200)}.directions-list li{border-radius:.5rem;padding:1rem;margin:0 -1rem;cursor:pointer}ul li{margin:1rem 0}li::marker{font-weight:800;display:block}.strikethrough{text-decoration:line-through;color:var(--color-text-secondary)}.active{background:var(--color-highlight)}.tools-section{flex:3 1 var(--single-run-width)}.tools-section ul{display:flex;flex-wrap:wrap;gap:2rem 3rem}.tools-section li{flex:1 1 360px}.tools-section ul,.tools-section p{margin-left:1.5rem}.affiliate-text{font-size:1rem;line-height:1.25rem;margin-top:1rem}#share-button-container button{font-family:museo-sans-rounded,ui-rounded,system-ui}#share-button-container button,a{font-size:inherit;border:none;background:none;border-radius:0;cursor:pointer;font-weight:800;color:var(--color-accent);padding:0;text-decoration:underline;text-decoration-thickness:.15rem;text-decoration-style:dotted}#share-button-container button:hover,a:hover{text-decoration-style:solid}section{margin-bottom:4rem}footer{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;margin-top:5vh;margin-bottom:4rem}.ingredient-button-container{box-sizing:border-box;display:flex;width:100%;align-items:center;border-radius:1rem;border:4px solid}.ingredient-button{flex:1 1;min-height:2rem;color:var(--color-text-primary);background:var(--color-background);border:none;border-radius:calc(1rem - 6px);font-family:museo-sans-rounded,ui-rounded,system-ui;font-weight:800;font-size:1rem;margin:2px;cursor:pointer;transition:all .25s;padding:.5rem;text-align:center;text-decoration:none}.ingredient-button:hover{background-color:var(--color-highlight)}.ingredient-button.active{background:var(--color-accent);color:var(--color-background);z-index:10}.ingredient-button-container label{margin:.5rem 1rem}#copyright-date{display:inline-block}.intro{max-width:var(--single-run-width);width:100%}.intro:not(:first-of-type){margin-top:1.5rem}strong{font-weight:800}nav{width:100%;display:flex;gap:1rem 2rem;flex-wrap:wrap;margin-bottom:2rem}.serving-links{flex:2 1 400px}.measurement-links{flex:1 2 300px}.banner{background-color:var(--color-accent);max-width:var(--single-run-width);margin:2rem 0;border-radius:1rem;display:flex;flex-direction:column;justify-content:start;gap:1rem;padding:0 0 .5rem;text-decoration:none;font-weight:400;border:6px solid var(--color-text-primary)}.banner-header{color:var(--color-accent);background-color:var(--color-background);padding:.25rem .75rem;border-radius:calc(1rem - 6px) 0;font-weight:700;font-size:1.5rem;width:fit-content}.banner-body{color:var(--color-grey);margin:0 1rem}.banner-action{color:var(--color-background);margin:0 .5rem;display:inline-block;width:fit-content;align-self:end;font-weight:700;text-decoration:underline;text-decoration-thickness:.15rem;text-decoration-style:dotted}.banner:hover{border:6px solid var(--color-yellow-light)}.banner:hover .banner-action{text-decoration-style:solid}@media(prefers-color-scheme:dark){.banner{border-color:var(--color-accent);background-color:var(--color-background)}.banner-header{color:var(--color-background);background-color:var(--color-accent)}.banner-action{color:var(--color-accent)}}.waffle-ai-form label{display:inline-block;font-weight:700;font-size:1.5rem;margin:.5rem}.waffle-ai-form textarea{width:100%;border:4px solid var(--color-black);background:#fff;color:var(--color-black);border-radius:1.5rem;padding:1rem 0 1rem 1rem;font-family:inherit;font-size:1.5rem;resize:vertical;height:max(40vh,14rem)}.waffle-ai-form button{all:unset;background:var(--color-accent);color:var(--color-background);border:4px solid var(--color-accent);border-radius:1.5rem;padding:1rem 2rem;font-weight:700;cursor:pointer;transition:all .25s ease;outline:initial;width:100%;display:inline-block;box-sizing:border-box;text-align:center}.waffle-ai-form button:hover{background:var(--color-text-secondary)}.waffle-ai-form button:focus-visible{background:var(--color-text-secondary);border-color:var(--color-text-secondary);outline:var(--color-highlight) 1px auto}.waffle-ai-input{display:flex;gap:1rem}.waffle-ai-entry{flex:4 1 500px}.waffle-ai-example{flex:1 1 280px}.waffle-ai-example p{margin-bottom:1rem}.waffle-ai-prompt{font-style:italic;margin:4rem 0;max-width:var(--single-run-width)}.error{color:color(display-p3 .9 .264 .054);font-weight:800}@media screen and (max-width:840px){.ingredients-section.sticky{position:static}}@media screen and (max-width:600px){.waffle-ai-input{flex-wrap:wrap}}@media screen and (max-width:400px){body{margin:2rem 1rem 4rem}}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}