@import"https://fonts.googleapis.com/css2?family=Gamja+Flower&display=swap";@font-face{font-family:Open Dyslexic;src:url(/f/OpenDyslexic-Regular.otf) format("opentype");font-weight:400;font-style:normal}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}*{box-sizing:border-box}strong{-webkit-text-stroke:.08rem}i{font-style:italic;transform:skew(-15deg);display:inline-block}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{line-height:1.1}h3{border-bottom:dashed .2rem}button,a.btn{border-radius:8px;border:1px solid transparent;padding:.6rem 1.2rem;font-size:1.5rem;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}a.btn{color:#000}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%}body{width:100%;height:100%;color:#5a106c;font-family:Gamja Flower,sans-serif;font-weight:400;font-style:normal;background:#f786d180;margin:0}.wrapper{padding:0rem 2rem 4rem}header{padding:4rem 2rem 0rem}.wrapper,header{z-index:2;width:95%;height:auto;margin:0 auto;text-align:left;font-size:2rem}header h1{font-size:200%;text-align:left}.wrapper h2{margin:2rem auto;border:none;padding:0;background:none;text-align:center}.wrapper h2 .accordion-toggle{font-family:inherit;font-size:2rem;line-height:1.1;color:inherit;width:fit-content;margin:0;border:2px dotted purple;padding:1rem 2rem;border-radius:.75rem;background:#fff3;cursor:pointer}.wrapper h2 .accordion-toggle:hover{border-color:#646cff}.wrapper h2 .accordion-toggle[aria-expanded=true]{color:#000}.wrapper h2 .accordion-toggle span{font-size:40%;position:relative;bottom:.25rem;margin-left:.5em}.wrapper .ratiosWrapper{width:100%}.wrapper .ratiosWrapper .ratioInputWrapper{width:49%;display:inline-block;padding-top:1rem;padding-bottom:1rem}.wrapper .per100gWrapper,.wrapper .weightUsingWrapper{width:49%;float:left}.wrapper .mealServingVal{margin-bottom:2rem}.wrapper label{font:110%}.wrapper input{border-radius:0rem 0rem 1rem 1rem;border:.25rem solid purple;width:7rem;min-height:3rem;font-size:1.25rem;padding:0 1rem}.wrapper button,a.btn{border-radius:1rem 1rem 0rem 0rem;border:.25rem solid white;background:pink;margin:0 .25rem}.wrapper button#grabCarbs{margin-bottom:1.5rem}.wrapper .howManyUnitsWrapper #carbsToEat{margin-top:1.5rem}.wrapper [class$=utput],.wrapper [class$=eeded]{-webkit-text-stroke:.2rem}.wrapper .totalCarbsPs,.wrapper .totalCarbsInMeal{-webkit-text-stroke:.2rem black;margin-bottom:3rem;display:inline-block;border:.75rem dotted black;padding:0 1rem}.wrapper .totalUnitsReq,.wrapper .totalGsNeeded{-webkit-text-stroke:.2rem black;margin-bottom:0rem;display:inline;border-bottom:.75rem dotted black;padding:0 1rem}.wrapper .totalUnitsReqExp,.wrapper .totalGsNeededExp{margin-bottom:3rem;display:inline-block}.wrapper .explanation{font-family:VT323,monospace;font-weight:400;font-style:normal;font-size:.8rem}button.infoPanelToggle{font-size:1rem;width:100%}.flower{--w: .8rem;--r: calc(var(--w) / (2 * (1 + 1 / sin(180deg /7))));width:var(--w);aspect-ratio:1;mask:radial-gradient(#000 calc(var(--r) / tan(180deg /7)),#0000 calc(var(--r) / tan(180deg /7) + 1px)),radial-gradient(50% 50%,#000 98%,#0000) no-repeat calc(50% + 50%*cos(360deg *.1428571429)) calc(50% + 50%*sin(360deg *.1428571429)) /calc(2 * var(--r)) calc(2 * var(--r)),radial-gradient(50% 50%,#000 98%,#0000) no-repeat calc(50% + 50%*cos(360deg *.2857142857)) calc(50% + 50%*sin(360deg *.2857142857)) /calc(2 * var(--r)) calc(2 * var(--r)),radial-gradient(50% 50%,#000 98%,#0000) no-repeat calc(50% + 50%*cos(360deg *.4285714286)) calc(50% + 50%*sin(360deg *.4285714286)) /calc(2 * var(--r)) calc(2 * var(--r)),radial-gradient(50% 50%,#000 98%,#0000) no-repeat calc(50% + 50%*cos(360deg *.5714285714)) calc(50% + 50%*sin(360deg *.5714285714)) /calc(2 * var(--r)) calc(2 * var(--r)),radial-gradient(50% 50%,#000 98%,#0000) no-repeat calc(50% + 50%*cos(360deg *.7142857143)) calc(50% + 50%*sin(360deg *.7142857143)) /calc(2 * var(--r)) calc(2 * var(--r)),radial-gradient(50% 50%,#000 98%,#0000) no-repeat calc(50% + 50%*cos(360deg *.8571428571)) calc(50% + 50%*sin(360deg *.8571428571)) /calc(2 * var(--r)) calc(2 * var(--r)),radial-gradient(50% 50%,#000 98%,#0000) no-repeat calc(50% + 50%*cos(360deg *1)) calc(50% + 50%*sin(360deg *1)) /calc(2 * var(--r)) calc(2 * var(--r));background:#8f009c;background:radial-gradient(circle,#8f009c,#bf00d0 35%,#c800da 66%,#8f009c);position:absolute;z-index:-1}.heart{--w: 1rem;position:absolute;width:calc(var(--w) * .33);aspect-ratio:1;border-image:radial-gradient(#0077c8 69%,#0000 70%) 84.5%/50%;clip-path:polygon(-42% 0,50% 91%,142% 0)}.heart.heart0{right:calc(.75rem + (var(--w) * .34));top:calc(5rem + (var(--w) * .37))}.heart.heart1{left:calc(.25rem + (var(--w) * .33));top:calc(.25rem + (var(--w) * .37))}.heart.heart2{left:calc(calc(50% - 2.25rem) + (var(--w) * .33));top:calc(-2.25rem + (var(--w) * .37))}.flower.flower0{right:.75rem;top:5rem}.flower.flower1{left:.25rem;top:.25rem}.flower.flower2{left:calc(50% - 2.25rem);top:-2.25rem}.accessibility-menu{position:absolute;top:1rem;right:1rem;z-index:1000;color:#000}.accessibility-menu .menu-toggle{padding:.5rem 1rem;font-size:1rem;background:#8f009c;color:#fff;border:2px solid white;border-radius:8px;cursor:pointer}.accessibility-menu .options-panel{display:none;position:absolute;right:0;top:100%;background:#fff;border:2px solid #8f009c;border-radius:8px;padding:1rem;width:250px;color:#333}.accessibility-menu.open .options-panel{display:block}.accessibility-menu h3{margin-top:0;font-size:1.2rem;color:#8f009c;border-bottom:2px solid #8f009c}.accessibility-menu ul{list-style:none;padding:0;margin:0;font-size:1rem}.accessibility-menu li{margin-bottom:.5rem}.accessibility-menu label{display:flex;align-items:center;cursor:pointer;font-size:1rem}.accessibility-menu input[type=checkbox]{margin-right:.5rem;width:auto;min-height:auto}.accessibility-menu .font-size-control{display:flex;align-items:center;justify-content:space-between}.accessibility-menu .font-size-control button{padding:.2rem .6rem;font-size:1rem;min-width:30px}.high-contrast{background-color:#000!important;color:#fff!important}.high-contrast h1,.high-contrast h2,.high-contrast h3,.high-contrast p,.high-contrast span,.high-contrast label{color:#fff!important;-webkit-text-stroke:0!important}.high-contrast .wrapper,.high-contrast header{background:#000!important}.high-contrast button,.high-contrast a.btn{background:#000;color:#fff;border:2px solid #fff}.high-contrast input{background:#333;color:#fff;border-color:#fff}.high-contrast .accessibility-menu label,.high-contrast .accessibility-menu h2,.high-contrast .accessibility-menu h3,.high-contrast .accessibility-menu li,.high-contrast .accessibility-menu span{color:#000!important}.high-contrast .flower{background:#ff0!important;z-index:0}.high-contrast .heart{border-image:radial-gradient(#0ff 69%,#0000 70%) 84.5%/50%}body.dyslexic-font{font-family:Open Dyslexic,sans-serif!important}body.dyslexic-font header,body.dyslexic-font .wrapper{font-size:1.2rem;line-height:1.8rem}body.dyslexic-font .wrapper h2 .accordion-toggle{font-size:1.6rem}body.dyslexic-font .wrapper button{font-size:1rem}.focus-overlay{position:fixed;left:0;width:100%;background:#000000b3;z-index:9999;pointer-events:none;display:none}.focus-mode-active .focus-overlay{display:block}#focus-overlay-top{top:0}#focus-overlay-bottom{bottom:0}.site-footer{background-color:#333;color:#fff;padding:2rem 0;margin-top:4rem;text-align:center}.site-footer .wrapper{padding:0 2rem}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.coffee-btn{background-color:#fd0;color:#000;font-weight:700}.footer-links{list-style:none;padding:0;margin:0;display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.footer-links a{color:#fff;text-decoration:none}.external-link-icon{display:inline-block;margin-left:.3em;position:relative;top:.1em;font-size:.8em}.calc-container{width:100%;max-width:800px;margin:0 auto}.calc-section{margin-bottom:2rem;padding:1.5rem;background:#ffffff1a;border-radius:1rem;border:2px dashed #8f009c}.calc-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:1rem}.calc-input-group{display:flex;flex-direction:column;flex:1;min-width:150px}.calc-input-group label{margin-bottom:.5rem;font-weight:700}.calc-input-group input{width:100%;min-width:0}.calc-result-box{margin-top:2rem;text-align:center;padding:2rem;border:.5rem double #8f009c;border-radius:1rem;background:#ffffff4d;margin-bottom:2rem}.calc-result-value{font-size:3rem;font-weight:700;color:#8f009c;-webkit-text-stroke:.08rem}.baking-calculator{width:100%;max-width:800px;margin:0 auto}.ingredient-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:1rem;padding:1rem;background:#ffffff1a;border-radius:1rem;border:2px dashed #8f009c}.ingredient-row .input-group{display:flex;flex-direction:column}.baking-calculator input{width:auto;min-width:7rem}.baking-calculator input[id^=name-]{width:15rem;flex-grow:2}.baking-calculator input[id^=weight-],.baking-calculator input[id^=carbs-]{width:8rem;flex-grow:1}.btn-remove{background:#ff4d4d!important;color:#fff!important;border:2px solid white!important;border-radius:50%!important;width:2.5rem;height:2.5rem;padding:0!important;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.25rem}.intermediate-results{margin:2rem 0;padding:1rem;background:#fff3;border-radius:1rem;text-align:center;font-size:2rem}.final-result{margin-top:2rem;text-align:center;padding:2rem;border:.5rem double #8f009c;border-radius:1rem;background:#ffffff4d;margin-bottom:2rem}.result-value{font-size:3rem;font-weight:700;color:#8f009c}.high-contrast .calc-section,.high-contrast .ingredient-row,.high-contrast .calc-result-box,.high-contrast .final-result{border-color:#fff;background:#000}.high-contrast .calc-result-value,.high-contrast .result-value{color:#ff0;-webkit-text-stroke:0}.high-contrast .btn-remove{background:#000!important;border-color:#fff!important;color:#fff!important}@media(max-width:600px){.calc-row,.ingredient-row{flex-direction:column;align-items:stretch}.baking-calculator input[id^=name-],.baking-calculator input[id^=weight-],.baking-calculator input[id^=carbs-]{width:100%}.btn-remove{align-self:flex-end}}