:root{--base-font-size:1rem;--base-padding:.5em;--base-margin:.5em;--base-border-radius:20px;--base-gap:.5rem;--base-line-height:1.5;--font-wt-regular:400;--font-wt-medium:calc(var(--font-wt-regular,400) + 100);--font-wt-semi:calc(var(--font-wt-medium,500) + 100);--font-wt-bold:calc(var(--font-wt-semi,600) + 100);--font-wt-xbold:calc(var(--font-wt-bold,700) + 100);--font-wt-black:calc(var(--font-wt-xbold,800) + 100);--font-stack-epilogue:"Epilogue",serif;--font-stack-briem-hand:"Briem Hand",cursive;--green:141 85% 23%;--yellow-green:81 77% 80%;--grey:309 3% 52%;--black:219 74% 5%;--scroll-thumb-bg:#051023;--scroll-track-bg:#858fa3;--body-bg:hsl(var(--black));--header-bg:#051023;--icon-hover-bg:#081835;--todo-input-bg:#071021;--todos-container-bg:#535d6e;--card-bg:#051023;--card-label-border:#3a3639;--logo-shadow:rgba(3,3,22,.4);--heading:hsl(var(--grey));--text:hsl(var(--grey));--todo-input-border:#3a3639;--todo-input-placeholder:#544f53;--caret:#a19ba0;--github-icon-bg:#051023}@media (prefers-color-scheme:light){:root{--scroll-thumb-bg:#5d8514;--scroll-track-bg:#c3eb7a;--body-bg:hsl(var(--yellow-green));--header-bg:#cef08e;--icon-hover-bg:#c0ec6f;--todos-container-bg:#e2f6bb;--todo-input-bg:#def5b2;--card-bg:#d2f297;--card-label-border:#94d1a9;--heading:hsl(var(--green));--text:hsl(var(--green));--todo-input-border:#94d1a9;--todo-input-placeholder:#89b89a;--caret:#10cb52;--github-icon-bg:#c4ed78}}.light-color-pallete{--scroll-thumb-bg:#5d8514;--scroll-track-bg:#c3eb7a;--body-bg:hsl(var(--yellow-green));--header-bg:#cef08e;--icon-hover-bg:#c0ec6f;--todos-container-bg:#e2f6bb;--todo-input-bg:#def5b2;--card-bg:#d2f297;--card-label-border:#94d1a9;--heading:hsl(var(--green));--text:hsl(var(--green));--todo-input-border:#94d1a9;--todo-input-placeholder:#89b89a;--caret:#10cb52;--github-icon-bg:#c4ed78}.dark-color-pallete{--scroll-thumb-bg:#051023;--scroll-track-bg:#858fa3;--body-bg:hsl(var(--black));--header-bg:#051023;--icon-hover-bg:#081835;--todo-input-bg:#071021;--todos-container-bg:#535d6e;--card-bg:#051023;--card-label-border:#3a3639;--logo-shadow:rgba(3,3,22,.4);--heading:hsl(var(--grey));--text:hsl(var(--grey));--todo-input-border:#3a3639;--todo-input-placeholder:#544f53;--caret:#a19ba0;--github-icon-bg:#051023}@font-face{src:url(/8ed8c9fd3ddc4a4efe9d5bb472cf8c3a1be25158/c88f2/epilogue.112afe96.woff2) format("woff2");font-family:Epilogue;font-style:normal;font-weight:400 900}@font-face{src:url(/726406954725e266e5b215837d7bdf82da83f3c8/e4121/briemhand.1bbfe39c.ttf);font-family:Briem Hand;font-style:normal;font-weight:900}html{box-sizing:border-box;min-height:100vh;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb-bg) var(--scroll-track-bg);font-size:75%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media screen and (min-width:30.0625em){html{font-size:87.5%}}@media screen and (min-width:48.0625em){html{font-size:100%}}@media screen and (min-width:80em){html{font-size:112.5%}}*,:after,:before{box-sizing:inherit;margin:0;padding:0}body{min-height:100vh;font:var(--font-wt-regular) var(--base-font-size)/var(--base-line-height) var(--font-stack-epilogue);background-color:var(--body-bg);grid-template-rows:4.15rem 1fr 2rem;grid-template-columns:1fr;display:grid}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background-color:var(--scroll-track-bg)}::-webkit-scrollbar-thumb{border-radius:calc(var(--base-border-radius,20px)*.1);background-color:var(--scroll-thumb-bg)}:-webkit-any(h1,h2,h3,h4,h5,h6){font-weight:var(--font-wt-black);color:var(--heading)}:-webkit-any(h1,h2,h3,h4,h5,h6){font-weight:var(--font-wt-black);color:var(--heading)}:is(h1,h2,h3,h4,h5,h6){font-weight:var(--font-wt-black);color:var(--heading)}:-webkit-any(h1,h2,h3,h4,h5,h6):not(h5):not(h6){line-height:calc(var(--base-line-height)/1.5)}:-webkit-any(h1,h2,h3,h4,h5,h6):not(h5):not(h6){line-height:calc(var(--base-line-height)/1.5)}:is(h1,h2,h3,h4,h5,h6):not(h5):not(h6){line-height:calc(var(--base-line-height)/1.5)}a,a:link{text-decoration:none;display:inline-block}a:hover{text-decoration:underline;text-decoration-thickness:2px}img{display:block}p{font-size:calc(var(--base-font-size)*1.15);color:var(--text)}.btn{--btn-padding:calc(var(--base-padding)*1.25);padding:var(--btn-padding);background-color:transparent;border:none;border-radius:50%}.btn img{width:1.4rem;aspect-ratio:1}.btn img[alt=edit\ icon]{width:1.15rem}.btn img[alt=plus\ icon]{width:1.8rem}.btn img[data-mode-icon]{width:1.75rem}.btn:hover{cursor:pointer;background-color:var(--icon-hover-bg)}.add-btn{--btn-padding:var(--base-padding);border-radius:0}.edit-btn{--btn-padding:calc(var(--base-padding)*1.5)}.edit-btn img[src$=edit\.svg]{width:1rem}.update-btn{display:none}.card{background-color:var(--card-bg);padding:calc(var(--base-padding)*.5) calc(var(--base-padding)*1.25);border-radius:calc(var(--base-border-radius)*.2);scroll-snap-align:end}.card:not(:last-child){margin-bottom:calc(var(--base-margin)*.75)}.card__label.card-label-edit{outline:2px solid var(--card-label-border);caret-color:var(--caret);padding-inline:var(--base-padding)}.flex{flex-wrap:wrap;display:flex}.flex-column{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.justify-flex-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-space-between{justify-content:space-between}.align-flex-start{align-items:flex-start}.align-flex-end{align-items:flex-end}.align-center{align-items:center}.gap-1{gap:calc(var(--base-gap)*1)}.gap-2{gap:calc(var(--base-gap)*2)}.gap-3{gap:calc(var(--base-gap)*3)}.gap-4{gap:calc(var(--base-gap)*4)}.gap-5{gap:calc(var(--base-gap)*5)}.gap-6{gap:calc(var(--base-gap)*6)}.gap-7{gap:calc(var(--base-gap)*7)}.gap-8{gap:calc(var(--base-gap)*8)}.header{background-color:var(--header-bg);padding-inline:calc(var(--base-padding)*2)}.header .todo-title{font-family:var(--font-stack-briem-hand);font-size:calc(var(--base-font-size)*2.25)}.header .logo>img{width:4rem;aspect-ratio:1/.75;-webkit-filter:drop-shadow(2px 2px 1px var(--logo-shadow));-webkit-filter:drop-shadow(2px 2px 1px var(--logo-shadow));filter:drop-shadow(2px 2px 1px var(--logo-shadow))}.main{padding-block:calc(var(--base-padding)*7) var(--base-padding);padding-inline:calc(var(--base-padding)*2);justify-self:center}.todo__input--wrapper{background-color:var(--todo-input-bg);width:20rem;border-radius:calc(var(--base-border-radius)*.15);border:1px solid var(--todo-input-border);grid-template-rows:auto;grid-template-columns:1fr 2.8rem;align-items:center;margin:0 auto;display:grid}.todo__input--wrapper input{padding:var(--base-padding) calc(var(--base-padding)*1.25);border-radius:calc(var(--base-border-radius)*.15);font-size:calc(var(--base-font-size)*1.2);font-weight:var(--font-wt-medium);background-color:var(--todo-input-bg);letter-spacing:.5px;text-overflow:ellipsis;color:var(--text);caret-color:var(--caret);border:none;outline:0;font-family:inherit}.todo__input--wrapper input::-webkit-input-placeholder{color:var(--todo-input-placeholder)}.todo__input--wrapper input::placeholder{color:var(--todo-input-placeholder)}.todo__input--wrapper button{justify-self:center}.todos__container{--scroll-padding-multiple:1.25;background-color:var(--todos-container-bg);padding:calc(var(--base-padding)*1.25);width:min(620px,85vw);box-shadow:0 10px 10px hsl(var(--black)/.3);max-height:58vh;scroll-snap-type:block mandatory;border-radius:calc(var(--base-border-radius)*.2);margin-top:calc(var(--base-margin)*3);scroll-padding-block-end:calc(var(--base-padding)*var(--scroll-padding-multiple));display:none;overflow-y:auto}@media screen and (min-width:48.0625em){.todos__container{--scroll-padding-multiple:2.8}}@media screen and (min-width:80em){.todos__container{--scroll-padding-multiple:4}}.footer{grid-row:3/4;align-self:flex-end}.footer:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)){padding-left:calc(var(--base-gap)*2)}.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)){padding-right:calc(var(--base-gap)*2)}.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)){padding-right:calc(var(--base-gap)*2)}.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)){padding-right:calc(var(--base-gap)*2)}.footer .copyright-txt{font-size:calc(var(--base-font-size)*.9);font-weight:var(--font-wt-medium)}.footer .github-link{background-color:var(--github-icon-bg);padding-top:calc(var(--base-padding)*6);padding-inline:calc(var(--base-padding)*4) calc(var(--base-padding)*2);-webkit-clip-path:polygon(0 100%,100% 0,100% 100%,0 100%);clip-path:polygon(0 100%,100% 0,100% 100%,0 100%)}.footer .github-link:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)){margin-left:auto}.footer .github-link:-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)){margin-right:auto}.footer .github-link:-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)){margin-right:auto}.footer .github-link: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)){margin-right:auto}.footer .github-link>img{width:2.5rem;aspect-ratio:1/.9}