:root{color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}*{margin:0;padding:0}a{color:inherit;text-decoration:none}a:visited{color:inherit}body{width:100vw;min-height:100dvh;display:flex;background-color:light-dark(#fffcf2,#080004)}h1{font-size:3.2em;line-height:1.1}h1,h2,h3{font-family:Copperplate Gothic Bold,"sans-serif"}li{margin-left:1em}.flex-column{display:flex;flex-direction:column}.flex-column-reversed{display:flex;flex-direction:column-reverse}.flex-row{display:flex;flex-direction:row}.flex-row-reversed{display:flex;flex-direction:row-reverse}.button{text-wrap:nowrap;cursor:pointer;margin:2px 0 1px;-webkit-user-select:none;user-select:none}.button>:first-child{display:block;width:100%;text-align:center}.x-button{cursor:pointer;margin:.25em;display:flex;width:1.25em;height:1.25em;place-content:center;place-items:center;padding-bottom:.2em;-webkit-user-select:none;user-select:none;place-self:start;background-color:light-dark(red,#cc1554);border-color:light-dark(black,red)}.x-button:hover{background-color:light-dark(red,darkred);font-weight:700}.happy-button{background-color:light-dark(#1c7845,#104a40);border:1px solid light-dark(black,#159094);border-radius:.25em;cursor:pointer}.happy-button:hover{background-color:light-dark(gray,#073830)}.plus-button{cursor:pointer;margin:.25em;display:flex;width:1.25em;height:1.25em;place-content:center;place-items:center;padding-bottom:.2em;-webkit-user-select:none;user-select:none;border-radius:.25em}.plus-button:hover{background-color:light-dark(green,darkgreen);font-weight:900}.text-input{padding:.25em;margin:.25em;border:1px solid light-dark(gray,gray)}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.hidden{display:none;width:0;height:0}.invisible{visibility:hidden;color:transparent;background-color:transparent;border-color:transparent;opacity:0}.hatched-background{background:repeating-linear-gradient(-30deg,light-dark(#7974d4,#1b1040),light-dark(#7974d4,#1b1040) 1px,transparent 1px,transparent 15px),repeating-linear-gradient(60deg,light-dark(#749cd4,#401037),light-dark(#749cd4,#401037) 1px,transparent 1px,transparent 15px);background-color:light-dark(white,#1a0013)}.text-outline{text-shadow:-.5px -.5px 0 light-dark(#ffffff,#000000),.5px -.5px 0 light-dark(#ffffff,#000000),-.5px .5px 0 light-dark(#ffffff,#000000),.5px .5px 0 light-dark(#ffffff,#000000)}@media (max-width: 700px){*{font-size:small}.no-mobile{visibility:hidden;display:none;width:0;height:0}.flex-row{flex-wrap:wrap}}@media (min-width: 701px){*{font-size:large}}#recipe-card{border:1px solid;display:flex;flex-wrap:wrap;background-color:light-dark(#ffffff,#0f0f0d);max-width:70em;border-radius:.35em}#recipe-title{min-width:200px;width:70%;padding:.5em 1em;justify-content:center;border-bottom:1px solid;flex-grow:1;height:fit-content;border-radius:0 .35em 0 0;background-color:light-dark(#cc88ff,#750f68);border-left:1px solid}#simple-title{min-width:200px;width:25%;justify-content:center;padding:.5em 1em;border-bottom:1px solid;flex-grow:1;height:fit-content;border-radius:.35em 0 0;background-color:light-dark(#cc88ff,#750f68)}#recipe-steps{font-family:Consolas,sans-serif;margin-left:1em}#recipe-steps>li>ul>li{margin-left:1.2em;color:light-dark(gray,gray)}#ingredients-list,#recipe-items-list{font-family:Consolas,sans-serif;margin-left:1.25em}#recipe-items-list>li>input[type=checkbox]{visibility:hidden;height:0;width:0}#recipe-items-list>li>input[type=checkbox]:checked+label{color:light-dark(#1f9117,#26f9ab);font-weight:100}#recipe-steps>li>input[type=radio]{visibility:hidden;height:0;width:0}#recipe-steps>li>label{transition-duration:0s}#recipe-steps>li>input[type=radio]:checked+label{color:light-dark(#2633ab,#ff80ec);font-weight:700}#sidebar{background-color:light-dark(#65cfff,#c94080);height:100dvh;transition-duration:1s;z-index:1}#sidebar-icon{place-content:center;margin:-2em -1em -1.5em}#sidebar-toggle{font-size:2em;background-color:transparent;z-index:1;transition-duration:1s}#sidebar-blip{opacity:0;margin-right:-1em;font-size:2em;animation:ripple 2s ease-out infinite;animation-delay:2s}#sidebar-content{overflow-x:hidden;text-align:center}#sidebar-content>ul>.button:hover{color:light-dark(#3e2afc,#e97aff)}@keyframes ripple{0%{opacity:1;scale:1}25%{opacity:0;scale:3}25.01%{scale:1;opacity:0}to{scale:1;opacity:0}}#about{flex-grow:1;max-width:100vw;max-height:100dvh;overflow-x:hidden;overflow-y:scroll}#about>h1{background-color:light-dark(#514eeb,#12000a);border-bottom:1px solid light-dark(#5285ff,#ffffff)}#about-simple-tab,#about-technical-tab{width:50%;border-radius:1em 1em 0 0;border:1px solid;text-align:center;line-height:1.5em}#about-content{padding:1em;max-width:100vw;max-height:100dvh;overflow:hidden}#about-simple-tab>input[type=radio],#about-technical-tab>input[type=radio]{visibility:hidden;height:0;width:0}#about-simple-tab>label,#about-technical-tab>label{border-radius:1em 1em 0 0;transition-duration:0s;font-size:1.25em;display:inline-block;width:100%;cursor:pointer}#about-simple-tab>input[type=radio]:checked+label,#about-technical-tab>input[type=radio]:checked+label{letter-spacing:.1em;color:light-dark(black,#feff95)}h2{font-size:1.5em}#about-technical-images{position:relative;width:100%;overflow-x:scroll;overflow-y:hidden;min-height:30dvh;height:30dvh;background-color:light-dark(whitesmoke,black);flex-wrap:nowrap;place-self:center}#about-technical-images>div>img{max-height:100%}#about-technical-radio{margin:1em 0}#about-technical-radio>input{cursor:pointer}#about-technical-content{width:100%;padding:.5em;place-self:center;overflow-y:scroll}.about-technical-arrow-button{place-content:center;position:sticky;height:100%;background-color:light-dark(rgba(255,255,255,.5),#12000a85);cursor:pointer;-webkit-user-select:none;user-select:none}.about-technical-arrow-button:hover{color:light-dark(#b81bd9,#ec91ff)}.about-technical-img{margin:2px 5px;max-width:90vw}.about-technical-caption{overflow-y:scroll}.about-technical-caption>h2{text-align:center}.about-technical-architecture-caption>div{padding:1em}#browse-recipes{flex-grow:1}#browse-recipes>ul{list-style-type:none}#browse-recipes>ul>li{text-wrap:nowrap;cursor:pointer;margin:2px 0 1px}#browse-recipes>ul>li:hover{color:light-dark(#b81bd9,#ec91ff)}#new-recipe{padding:1em}#new-recipe-title-text,#new-recipe-add-ingredient-text,#new-recipe-add-item-text,#new-recipe-add-step-text{flex-grow:1}#new-recipe-add-ingredient-button,#new-recipe-add-item-button,#new-recipe-add-step-button{padding:.25em;width:10em}#new-recipe-submit-button{margin:.25em;position:sticky;bottom:0}