:root{--blue-dark:#05262e;--blue:#5491a0;--green-dark:#273003;--green:#8d9c54;--red-dark:#300f03;--red:#c46745;--yellow-dark:#614205;--yellow:#dfad49;--humanist-fonts:Seravek, "Gill Sans Nova", Ubuntu, Calibri, "DejaVu Sans", source-sans-pro, sans-serif;--monospace-fonts:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--transitional-fonts:Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;--control-small:2rem;--control:3rem;--huge:4rem;--large:2rem;--medium:1rem;--pad:.75rem;--small:.5rem;--tiny:.25rem;--fast:75ms ease-out;--slow:.15s ease-out;--very-slow:.3s ease-out;font-size:18px;line-height:1.5}*{box-sizing:border-box}[draggable=true]{cursor:grab}.blue{--background:var(--blue);--foreground:var(--blue-dark)}.centered{text-align:center}.green{--background:var(--green);--foreground:var(--green-dark)}.pebble{flex-grow:0;width:auto}.red{--background:var(--red);--foreground:var(--red-dark)}.stretch{flex-grow:1}.yellow{--background:var(--yellow);--foreground:var(--yellow-dark)}a{color:inherit;text-underline-offset:2px;text-decoration-color:color-mix(in hsl, currentColor, transparent);&.button{background-color:var(--background);justify-content:flex-start;align-items:flex-start;text-decoration:none;display:flex}}#HomeButton{clip-path:polygon(0% 0%,100% 0%,0% 100%);height:var(--control);width:var(--control);border-radius:0;padding:.4rem;position:fixed;top:0;left:0}aside{background-color:color-mix(in hsl, var(--background), black 10%);border-left:var(--tiny) solid var(--foreground);border-radius:var(--tiny);margin-top:var(--medium);padding:var(--tiny) var(--small)}body{--background:var(--yellow);--foreground:var(--yellow-dark);background-color:var(--background);color:var(--foreground);font-family:var(--humanist-fonts);margin:0 auto var(--large)}button{background-color:var(--background);border-radius:var(--tiny);color:var(--foreground);font:inherit;min-height:44px;padding-inline:var(--pad);white-space:nowrap;border:none;justify-content:center;align-items:center;width:100%;font-weight:500;display:flex}dialog{background-color:var(--background);border-radius:var(--tiny);color:inherit;border:none;&::backdrop{background-color:color-mix(in hsl, var(--background), transparent);backdrop-filter:blur(4px);transition-behavior:allow-discrete}& form{row-gap:var(--small);flex-direction:column;display:flex;& .actions{column-gap:var(--small);margin-top:var(--small);justify-content:space-between;display:flex}}}em{color:color-mix(in hsl, var(--foreground), transparent 10%)}h1,h2,h3,h4,h5,h6{font-family:var(--transitional-fonts)}h1{color:color-mix(in srgb, var(--foreground), var(--background) 60%);letter-spacing:-3px;margin:var(--large) 0;text-align:center;font-size:3em;font-style:italic;line-height:1}h2{color:color-mix(in srgb, var(--foreground), var(--background) 50%);margin:var(--large) 0 0;font-size:2rem;&+p,&+ul{margin-top:0!important}}h3{color:color-mix(in srgb, var(--foreground), var(--background) 40%);margin:var(--large) 0 0;font-size:1.75rem}h6{color:color-mix(in srgb, var(--foreground), var(--background) 30%);margin:0;font-size:.9em;font-style:italic;font-weight:400}hr{background-color:color-mix(in srgb, var(--foreground), var(--background));height:1px;margin-block:var(--large);border:none}input{color:inherit;cursor:pointer;font:inherit;outline:none;min-height:44px;&[type=datetime-local],&[type=number],&[type=text]{background-color:var(--background);border-radius:var(--tiny);color:var(--foreground);cursor:text;padding-inline:calc(var(--small) + var(--tiny));border:none;&:invalid{border-color:var(--red)}}&[type=range]{--shadow:color-mix(in hsl, var(--foreground), transparent 50%);appearance:none;background-color:#0000;&::-webkit-slider-container{height:var(--large)}&::-webkit-slider-runnable-track{background-color:var(--shadow);border-radius:var(--tiny);height:var(--small)}&::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--foreground);box-shadow:0 0 var(--tiny) var(--shadow);cursor:pointer;height:var(--control-small);margin-top:calc(0px - var(--small) - var(--tiny));width:var(--control-small);border-radius:50%}&::-moz-range-thumb{background-color:var(--foreground);box-shadow:0 0 var(--tiny) var(--shadow);cursor:pointer;height:var(--control-small);margin-top:calc(0px - var(--small) - var(--tiny));width:var(--control-small);border-radius:50%}&::-moz-range-track{background-color:var(--shadow);border-radius:var(--tiny);height:var(--small)}}&::placeholder{color:color-mix(in hsl, var(--foreground), transparent 33%);font-style:italic}}label{color:var(--foreground);justify-content:space-between;font-size:.9em;font-weight:700;display:flex}li:has(ol)+li,li:has(ul)+li{margin-top:var(--tiny)}main{max-width:100dvw;padding:var(--medium);width:600px;margin-inline:auto}ol{& ul{margin-top:0}}p{margin:var(--medium) 0 0;&:not(:first-child){margin-top:var(--medium)}}pre{background-color:color-mix(in hsl, var(--foreground), black 10%);border-radius:var(--tiny);color:color-mix(in hsl, var(--background), white 50%);font-family:var(--monospace-fonts);padding:var(--small) var(--pad);border:none;font-size:.8em}section{margin-top:var(--medium)}select{appearance:none;background-color:var(--background);border-radius:var(--tiny);color:var(--foreground);cursor:pointer;font:inherit;min-height:calc(var(--control) - var(--small) - 1px);padding:var(--tiny) var(--pad);border:none;outline:none}table{background-color:var(--background);border-bottom:1px solid var(--foreground);border-collapse:collapse;border-right:1px solid var(--foreground);width:100%;& td,& th{border-left:1px solid var(--foreground);border-top:1px solid var(--foreground);padding:var(--tiny) var(--small)}& th{background-color:color-mix(in hsl, var(--background), black 15%);text-align:left}}ul{margin-bottom:0;margin-top:var(--medium);padding-left:1.5rem;p+&{margin-top:var(--tiny)}& ul{margin-top:0}}.bucket{border:2px dashed var(--foreground);border-radius:var(--small);margin-block:var(--small);min-height:calc(var(--control) + 2 * var(--small));padding:var(--small);row-gap:var(--small);flex-direction:column;display:flex}.control{flex-grow:1;width:100%;& input,& select{width:100%}}.note{background-color:var(--background);border-radius:var(--tiny);color:var(--foreground);padding:var(--tiny) var(--small)}.panel{background-color:var(--background);border-radius:var(--small);color:var(--foreground);margin-top:var(--large);padding:var(--small) var(--medium) var(--medium);& h2:first-child{margin-top:0}}.row{gap:var(--medium);margin-top:var(--medium);justify-content:space-between;display:flex;&>*{flex-grow:1;margin:0!important}}#ServingsInfo{margin-bottom:var(--medium)}@media (hover:hover){a{transition:text-decoration-color var(--fast);&:hover{text-decoration-color:currentColor}}.button,button{cursor:pointer;transition:var(--fast);&:hover{background-color:color-mix(in hsl, var(--background), white 15%);text-decoration:none}}}