:root{--ground:lime;--surface:var(--monsoon);--raised:lime;--float:lime;--crest:lime;--peak:lime;--red:#c66;--orange:#de935f;--yellow:#f0c674;--green:#b5bd68;--aqua:#8abeb7;--blue:#81a2be;--purple:#b294bb;--brown:#a3685a;--basalt:#201713;--denim:#4b809b;--grout:#60311f;--monsoon:#4d6e80;--sage:#bed7ac;--sand:#f1edd0;--stone:#696059;--terracotta:#a25234;--white:#f8f4de;--basket:#ece093;--background:var(--terracotta);--foreground:var(--sand);--link-text:var(--sage);--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;--neo-grotesque-fonts:Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--system-fonts:system-ui, sans-serif;--transitional-fonts:Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;--content-width:45rem;--control-small:2rem;--control:3rem;--huge:4rem;--large:2rem;--medium:1rem;--small:.5rem;--pad:.75rem;--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}a{color:var(--link-text);text-underline-offset:2px;&.pill{background-color:var(--surface);border-radius:var(--small);align-items:center;column-gap:var(--small);min-height:var(--control);padding:var(--pad);display:inline-flex;& svg{fill:var(--blue);width:24px;max-height:24px}}}aside{background-color:var(--stone);border-left:var(--tiny) solid var(--basket);margin-top:var(--medium);padding-left:var(--small)}body{background-color:var(--background);color:var(--foreground);font-family:var(--humanist-fonts);margin:0 auto var(--large)}button{background-color:var(--denim);border-radius:var(--tiny);color:inherit;font:inherit;min-height:44px;padding-inline:var(--pad);white-space:nowrap;border:none;justify-content:center;align-items:center;width:100%;font-size:.9em;font-weight:500;display:flex;&.cancel{background-color:var(--grout)}&.save{background-color:var(--sage);color:var(--basalt)}}dialog{background-color:var(--background);border-radius:var(--tiny);color:inherit;border:none;&::backdrop{background-color:color-mix(in srgb, var(--basalt), 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 srgb, currentColor, 15% transparent)}h1,h2,h3,h4,h5,h6{font-family:var(--transitional-fonts)}h1{letter-spacing:-3px;margin:var(--large) 0;text-align:center;font-size:3em;font-style:italic;line-height:1;& a{color:color-mix(in srgb, var(--foreground), 88% var(--background));text-decoration:none}}h2{margin:var(--large) 0 0;opacity:.75;font-size:2rem;&+p,&+ul{margin-top:0!important}}h3{margin:var(--large) 0 0}h6{color:color-mix(in srgb, currentColor, 20% transparent);margin:0;font-size:.9em;font-style:italic;font-weight:400}header{height:var(--control);justify-content:center;align-items:center;margin-top:0;display:flex}hr{background-color:var(--foreground);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(--surface);border-radius:var(--tiny);cursor:text;padding-inline:calc(var(--small) + var(--tiny));border:none;&:invalid{border-color:var(--red)}}&[type=range]{appearance:none;background-color:#0000;&::-webkit-slider-container{height:var(--large)}&::-webkit-slider-runnable-track{background-color:var(--grout);border-radius:var(--tiny);height:var(--small)}&::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--foreground);box-shadow:0 0 var(--tiny) var(--grout);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(--grout);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(--grout);border-radius:var(--tiny);height:var(--small)}}&:focus{background-color:var(--surface)}&::placeholder{color:color-mix(in srgb, currentColor, transparent);font-style:italic}}label{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:var(--basalt);border-radius:var(--tiny);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(--monsoon);border-radius:var(--tiny);color:inherit;cursor:pointer;font:inherit;min-height:calc(var(--control) - var(--small) - 1px);padding:var(--tiny) var(--pad);border:none;outline:none}strong{color:var(--white)}table{background-color:var(--background);border-bottom:1px solid var(--grout);border-collapse:collapse;border-right:1px solid var(--grout);width:100%;& td,& th{border-left:1px solid var(--grout);border-top:1px solid var(--grout);padding:var(--tiny) var(--small)}& th{background-color:color-mix(in srgb, var(--grout), 10% var(--background));text-align:left}}ul{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}.row{gap:var(--medium);margin-top:var(--medium);justify-content:space-between;display:flex;&>*{flex-grow:1;margin:0!important}}#HomeButton{background-color:var(--denim);clip-path:polygon(0% 0%,100% 0%,0% 100%);color:var(--foreground);height:var(--control);width:var(--control);border-radius:0;justify-content:flex-start;align-items:flex-start;padding:.4rem;text-decoration:none;display:flex;position:fixed;top:0;left:0}#ServingsInfo{margin-bottom:var(--medium)}@media (hover:hover){a{text-decoration:none;&:hover{text-decoration:underline}}#HomeButton,button{cursor:pointer;transition:var(--fast);&:hover{background-color:color-mix(in srgb, var(--foreground), 90% var(--denim));text-decoration:none}&.cancel:hover{background-color:color-mix(in srgb, var(--grout), 10% var(--white))}&.save:hover{background-color:color-mix(in srgb, var(--sage), 10% var(--basalt))}}h1 a{transition:var(--fast);&:hover{color:color-mix(in srgb, var(--link-text), 68% var(--background));text-decoration:none}}}