html,dialog{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg)}h1{font-size:var(--font-size-xl)}h1:first-child{margin-top:0}h2{font-size:var(--font-size-lg);border-bottom:1px solid var(--border-color-gray);margin-top:3rem}ul{padding:0 12px;list-style-type:"- "}code{font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}a,a:visited{color:var(--color-link-text);display:inline-block}a:hover,a:focus{color:var(--color-link-text-hover)}a[aria-disabled=true]{pointer-events:none;opacity:.5;text-decoration:none}body{margin:0}body>div{grid-template-rows:auto 1fr auto;min-height:100vh;display:grid}body main{width:max(400px,min(80%,60ch));margin:1rem auto}dialog{text-align:left;border:none;border-radius:.2em;width:32em;height:30rem;padding:0}dialog::-ms-backdrop{background:#0000004d}dialog::backdrop{background:#0000004d}dialog>div.dialog-content-container{grid-template-rows:auto 1fr auto;height:-webkit-fill-available;padding:1em;display:grid}dialog h2.dialog-header{margin:0;padding:.5em 1em}dialog div.dialog-footer{justify-content:end;gap:1em;display:flex}dialog[open]{animation:.3s cubic-bezier(.34,1.56,.64,1) zoom}@keyframes zoom{0%{transform:scale(.95)}to{transform:scale(1)}}dialog[open]::-ms-backdrop{animation:.2s ease-out fade}dialog[open]::backdrop{animation:.2s ease-out fade}@keyframes fade{0%{opacity:0}to{opacity:1}}form{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}form input[type=text],form input[type=password],form input[type=email],form input[type=number],form input[type=tel],form input[type=url],form input[type=search],form textarea,form select{font-size:var(--font-size-base);border:1px solid var(--border-color-gray);box-sizing:border-box;border-radius:.2em;width:100%;margin-top:.5rem;padding:.5em}form:disabled{color:var(--color-text);background-color:var(--color-bg)}form .helper-text{font-size:small}form fieldset legend,form label{font-size:1.3rem}form label:has(input[type=radio]){grid-template-columns:1.5rem auto;gap:.3rem;display:grid}form label:has(input[type=checkbox]){grid-template-columns:1.5rem auto;gap:.3rem;display:grid}.text-gradient{-webkit-text-fill-color:transparent;background-image:linear-gradient(#da62c4,#4f39fa);background-position-y:100%;background-size:100% 200%;-webkit-background-clip:text;background-clip:text;border-radius:.4rem;font-weight:900;animation:4s ease-in-out infinite pulse}@keyframes pulse{0%,to{background-position-y:0%}50%{background-position-y:80%}}.scaleup-on-hover{transition:transform .15s cubic-bezier(0,.2,.5,3)}.scaleup-on-hover:hover{transform:scale(1.02)}.scaleup-on-hover:focus-within{transform:scale(1.02)}.scaleup-on-hover.disabled{transform:none}li a[aria-disabled=true],li.disabled a{pointer-events:none;opacity:.5;transition:none}:root{--font-size-base:clamp(1rem,.34vw + .91rem,1.19rem);--font-size-lg:clamp(1.2rem,.7vw + 1.2rem,1.5rem);--font-size-xl:clamp(1.44rem,1vw + 1.6rem,2rem);--border-color-gray:#ccc;--color-link-text:#00e;--color-link-text-hover:#00008a;--color-text:#0b0a0a;--color-bg:#f5f0f0;--color-bg-accent:#00eaff;--card-background-color:#222;--card-link-color:white;--card-link-color-hover:#b3b3ff}@media (prefers-color-scheme:dark){:root{--border-color-gray:#646464;--color-link-text:#86a0ee;--color-link-text-hover:#25cbda;--color-text:#ffe6e6;--color-bg:#002738;--color-bg-accent:#2662d9;--card-background-color:#d2d2d2;--card-link-color:#222;--card-link-color-hover:#0000d6}}header{--header-background-color:#fff;--color-link-text-active:#00e}@media (prefers-color-scheme:dark){header{--header-background-color:#1a202c;--color-link-text-active:#87e7ee}}header.site-header{background-color:var(--header-background-color);border-bottom:1px solid rgba(255,255,255,.06);justify-content:space-between;align-items:center;padding:.5rem 1.5rem;display:flex;box-shadow:0 0 .5rem #00000080}header.site-header ul.site-header-links{align-items:center;min-height:45px;margin:0;list-style:none;display:flex}header.site-header ul.site-header-links>li{color:var(--color-link-text-active);border-bottom:2px solid transparent;padding:0 .5rem}header.site-header ul.site-header-links>li.active{color:var(--color-link-text-active);border-bottom:2px solid;padding:.5rem}header.site-header ul.site-header-links>li:hover,header.site-header ul.site-header-links>li.active:hover,header.site-header ul.site-header-links>li:focus,header.site-header ul.site-header-links>li.active:focus{color:var(--color-link-text-hover);border-bottom:2px solid;padding:.5rem}header.site-header ul.site-header-links>li:hover>a,header.site-header ul.site-header-links>li.active:hover>a,header.site-header ul.site-header-links>li:focus>a,header.site-header ul.site-header-links>li.active:focus>a{color:var(--color-link-text-hover)}header.site-header ul.site-header-links>li>a,header.site-header ul.site-header-links>li.active>a{text-decoration-line:none}header.site-header ul.site-header-links>li.active>a{color:var(--color-link-text-active)}.skip-link{background-color:var(--header-background-color);opacity:.9;border-bottom:1px solid rgba(255,255,255,.06);width:1px;height:1px;padding:.5rem 1.5rem;position:absolute;top:-1000px;left:-1000px;overflow:hidden;box-shadow:0 0 .5rem #00000080}.skip-link:focus{width:auto;height:auto;top:auto;left:auto;overflow:visible}footer{margin:1rem}footer:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}footer:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}footer:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}footer:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}.todos-container .add-todo-container{display:flex;flex-direction:column;width:350px}.todos-container .flex-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:3rem}.todos-container .queue,.todos-container .completed{display:flex;flex-direction:column;min-width:300px}.todos-container .icon-button{background:none;border:none;font:inherit;cursor:pointer}.grocerycart-container{--plus-border-color: yellow}.grocerycart-container .icon-button{background:none;border:1px solid var(--plus-border-color);margin:.5rem;font:inherit;cursor:pointer}.grocerycart-container .selection{display:flex;justify-content:space-between}.grocerycart-container .selection .grocery-type{min-width:300px;--plus-border-color: green}