@font-face{font-family:Lato;font-style:normal;font-weight:400;src:local(""),url(../fonts/lato-v17-latin-regular.woff2) format("woff2"),url(../fonts/lato-v17-latin-regular.woff) format("woff")}@font-face{font-family:Lato;font-style:normal;font-weight:700;src:local(""),url(../fonts/lato-v17-latin-700.woff2) format("woff2"),url(../fonts/lato-v17-latin-700.woff) format("woff")}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#000;font-family:sans-serif;line-height:1.15}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}.single-line{outline:none;overflow:hidden;white-space:nowrap}.single-line br{display:none}.single-line *{display:inline;white-space:nowrap}[contenteditable]:focus{outline:1px solid var(--color-active)}.flip-list-move{transition:transform .5s}.no-move{transition:transform 0s}.ghost{background:#c8ebfb;opacity:.5}.fade-enter-active,.fade-leave-active{transition:transform .2s ease-out,opacity .2s}.fade-enter{opacity:0;transform:translateX(100px)}.fade-leave-to{opacity:0;transform:translateX(-100px)}.fadeback-enter-active,.fadeback-leave-active{transition:transform .2s ease-out,opacity .2s}.fadeback-enter{opacity:0;transform:translateX(-100px)}.fadeback-leave-to{opacity:0;transform:translateX(100px)}:root{--color-bg:#f6f6f6;--color-text:#333;--color-text-inactive:rgba(66,66,66,0.5);--color-border:#bbb;--color-button:var(--color-text);--color-list-bg:#fff;--color-list-border:var(--color-border);--color-bg-options:var(--color-list-bg);--color-active:#0645ad;--color-positive:#248024;--color-negative:#9c1212;--color-settings-bg:hsla(0,0%,100%,0.6);--list-shadow:0 0 3px rgba(0,0,0,0.25);--options-shadow:var(--list-shadow)}@media (prefers-color-scheme:dark){body.theme-dark,body.theme-system{--color-bg:#222935;--color-text:#bbb;--color-text-inactive:hsla(0,0%,73%,0.5);--color-border:#5c626f;--color-button:#ffd16e;--color-list-bg:#222935;--color-list-border:var(--color-border);--color-bg-options:var(--color-list-bg);--color-active:#ddd;--color-positive:#248024;--color-negative:#9c1212;--color-settings-bg:rgba(0,0,0,0.6);--list-shadow:0 0 3px hsla(0,0%,100%,0.25);--options-shadow:var(--list-shadow)}body.theme-dark .authentication img,body.theme-dark .list ul li.add img,body.theme-dark .list ul li .sort,body.theme-dark .settings .close img,body.theme-dark header .breadcrumb span:after,body.theme-dark header button img,body.theme-system .authentication img,body.theme-system .list ul li.add img,body.theme-system .list ul li .sort,body.theme-system .settings .close img,body.theme-system header .breadcrumb span:after,body.theme-system header button img{filter:invert(.8)}}@media (prefers-color-scheme:light){body.theme-dark{--color-bg:#222935;--color-text:#bbb;--color-text-inactive:hsla(0,0%,73%,0.5);--color-border:#5c626f;--color-button:#ffd16e;--color-list-bg:#222935;--color-list-border:var(--color-border);--color-bg-options:var(--color-list-bg);--color-active:#ddd;--color-positive:#248024;--color-negative:#9c1212;--color-settings-bg:rgba(0,0,0,0.6);--list-shadow:0 0 3px hsla(0,0%,100%,0.25);--options-shadow:var(--list-shadow)}body.theme-dark .authentication img,body.theme-dark .list ul li.add img,body.theme-dark .list ul li .sort,body.theme-dark .settings .close img,body.theme-dark header .breadcrumb span:after,body.theme-dark header button img{filter:invert(.8)}}body,html{height:100vh;overflow-x:hidden}body{background:var(--color-bg);color:var(--color-text);display:flex;font-family:Lato,Arial,sans-serif;justify-content:center;margin:0;padding:0}b,h1,h2,h3,h4,h5,h6,strong{font-weight:400}button{-webkit-tap-highlight-color:rgba(0,0,0,0);background:none;border:none;cursor:pointer;display:block;font:inherit}.container{max-width:1000px;padding:1rem;position:relative;width:100vw}header{display:flex;justify-content:space-between;padding:.5rem}header .breadcrumb span{color:inherit;cursor:pointer;font-size:.8rem;margin-right:.5rem}header .breadcrumb span:after{background:url(/img/angle-right-solid.svg) 0 0 no-repeat;background-size:contain;content:"";display:inline-block;height:16px;transform:translate(9px,4px);width:16px}header .breadcrumb span:last-of-type:after{display:none}header button{-webkit-tap-highlight-color:rgba(0,0,0,0);background:none;border:none}header button img{height:1rem;width:1rem}.list{position:absolute;width:calc(100% - 2rem)}.list h1{border-radius:15px;padding:1rem 0;text-align:center}.list .description{border-radius:15px;padding:1rem;white-space:pre}.list .description[placeholder]:empty:before{color:var(--color-text-inactive);content:attr(placeholder)}.list .description[placeholder]:empty:focus:before{content:""}.list ul{list-style:none;margin:0;padding:0}.list ul li{align-content:center;align-items:center;background:var(--color-list-bg);border:1px solid var(--color-list-border);border-radius:15px;box-shadow:var(--list-shadow);display:flex;justify-content:space-between;margin:0 0 .75rem;position:relative}.list ul li .item{flex-grow:1;margin:0 1rem;padding:1rem .5rem}.list ul li.done{opacity:.4}.list ul li.done:before{background:#c00;content:"";height:1px;pointer-events:none;position:absolute;width:100%}.list ul li.create{background:transparent;border-color:var(--color-active)}.list ul li.create span{outline:none;padding:1rem 3.5rem}.list ul li .check{align-items:center;border:1px solid var(--color-border);border-radius:50%;display:flex;flex-shrink:0;height:1.75rem;justify-content:center;margin-left:.75rem;width:1.75rem}.list ul li .check:hover:after{background:rgba(var(--color-active),.5)}.list ul li .check.active:after,.list ul li .check:hover:after{border-radius:50%;content:"";display:block;height:1rem;width:1rem}.list ul li .check.active:after{background:var(--color-active)}.list ul li .children{background:var(--color-text);border-radius:.5rem;color:var(--color-bg);font-size:.75rem;margin-right:1rem;padding:.25rem .5rem}.list ul li .sort{background:url(../img/bars-light.svg) 0 0 no-repeat;cursor:ns-resize;display:block;flex-shrink:0;height:1rem;margin-right:1rem;opacity:.5;width:1rem}.list ul li.add{background:transparent;box-shadow:none;position:relative}.list ul li.add,.list ul li.add button{border:none;display:flex;justify-content:center}.list ul li.add button{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;background:var(--color-button);border-radius:50%;height:2rem;margin-bottom:.25rem;margin-top:1rem;width:2rem}.list ul li.add button img{height:1rem;width:1rem}.options{background:var(--color-bg-options);box-shadow:0 0 3px transparent;display:flex;justify-content:center;left:0;padding:1rem 0;position:fixed;top:0;transform:translateY(-100%);transition:all .2s ease-in-out;width:100vw}.options.open{box-shadow:var(--options-shadow);transform:translateY(0)}.options nav{display:flex;justify-content:space-between;max-width:1000px;padding:1rem;width:100vw}.options nav button{-webkit-tap-highlight-color:rgba(0,0,0,0);background:none;border:none;border-bottom:1px solid transparent;color:inherit;cursor:pointer;display:block;font:inherit;text-decoration:none;transition:border .2s ease-in-out;white-space:nowrap}.options nav button:hover{border-bottom:1px solid var(--color-active)}.options nav button.inactive,.options nav button:disabled,.options nav button[disabled]{color:var(--color-text-inactive);cursor:default;transform:none}.options nav button.inactive:hover,.options nav button:disabled:hover,.options nav button[disabled]:hover{border-bottom-color:transparent}.dialog{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.dialog,.dialog .contents{align-items:center;display:flex;justify-content:center;transition:all .5s}.dialog .contents{background:#333;color:#fff;flex-direction:column;padding:3rem;transform:translateY(-100vh);width:100%}.dialog .contents p{margin:0 0 3rem;padding:0}.dialog .contents .buttons{display:flex}.dialog .contents .buttons button{border-radius:4px;color:#fff;margin:0 1rem;padding:.75rem;width:75px}.dialog .contents .buttons .yes{background:var(--color-positive)}.dialog .contents .buttons .no{background:var(--color-negative)}.dialog.active{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);bottom:0;pointer-events:all}.dialog.active .contents{transform:translateY(0)}.settings{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--color-settings-bg);bottom:100%;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;transition:all .3s}.settings.active{bottom:0}.settings .close{height:20px;position:absolute;right:25px;top:25px;width:20px}.settings h2{font-size:1rem;margin-top:3rem}.settings ul{list-style:none;margin:0 0 2rem;padding:0}.settings ul li{border-bottom:1px solid var(--color-text-inactive);display:flex;font-weight:700;padding:1rem 0}.settings ul li:last-of-type{border-bottom:none}.settings ul li a,.settings ul li button,.settings ul li span{color:var(--color-text-inactive);font-weight:400;margin:0 1rem;padding:0;text-decoration:none}.settings ul li a.active,.settings ul li button.active,.settings ul li span.active{color:var(--color-text)}.settings ul li a:first-of-type,.settings ul li button:first-of-type,.settings ul li span:first-of-type{margin-left:2rem}.authentication{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;max-width:600px;min-width:400px;width:50vw}.authentication form{width:100%}.authentication a{display:flex;justify-content:center}.authentication img{margin:3rem 0;width:80%}.authentication .hint{font-size:.85rem;line-height:150%;margin-bottom:2rem}.authentication .validationhead{font-size:.85rem;font-weight:700;margin-bottom:.5rem;width:100%}.authentication .hints{border:1px solid var(--color-text);border-radius:4px;color:var(--color-text);font-size:.85rem;line-height:150%;list-style:none;margin-bottom:2rem;margin-top:0;padding:.5rem;text-align:left;width:100%}.authentication .formbox input{background:transparent;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);font:inherit;font-size:1rem;margin:0 0 2rem;outline:none;padding:.5rem;width:100%}.authentication .formbox input:-webkit-autofill:first-line{color:var(--color-text);font-family:Lato,Arial,sans-serif;font-size:1rem}.authentication .formbox input:-webkit-autofill,.authentication .formbox input:-webkit-autofill:active,.authentication .formbox input:-webkit-autofill:focus,.authentication .formbox input:-webkit-autofill:hover{-webkit-text-fill-color:inherit;-webkit-box-shadow:0 0 0 30px var(--color-bg) inset!important;color:var(--color-text);font:inherit;font-size:1rem}.authentication .formbox .checkbox{display:grid;grid-template-columns:1.5rem auto;margin:0 0 2rem}.authentication .formbox .checkbox input{margin:0;padding:0}.authentication .formbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-bg);border:1px solid var(--color-border);color:currentColor;display:grid;font:inherit;height:1.15em;margin:0;place-content:center;transform:translateY(-.075em);width:1.15em}.authentication .formbox input[type=checkbox]:before{box-shadow:inset 1em 1em var(--color-active);content:"";height:.65rem;transform:scale(0);transition:transform .12s ease-in-out;width:.65rem}.authentication .formbox input[type=checkbox]:checked:before{transform:scale(1)}.btn{background:#333;border-radius:4px;color:#efefef;display:inline-block;font-size:.9rem;margin:0 0 1rem;outline:2px solid transparent;padding:.75rem 1rem;text-align:center;text-decoration:none;text-transform:uppercase;transition:outline-color .3s ease;width:100%}.btn.btn-nobg{background-color:transparent;color:var(--color-button)}.btn:hover{outline-color:rgba(var(--color-button),.7)}#key{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}#key h3{color:var(--color-text);margin:0}#key .btn{margin-top:3rem}@media only screen and (max-width:600px){.options{padding:0}.options nav{flex-direction:column}.options nav button{padding:1rem 0}.authentication{max-width:85vw;min-width:85vw;width:85vw}.settings ul li{flex-wrap:wrap}.settings ul li a,.settings ul li button,.settings ul li span{margin:0 1rem .5rem 0}.settings ul li a:first-of-type,.settings ul li button:first-of-type,.settings ul li span:first-of-type{margin-left:1rem}}input[disabled]{cursor:not-allowed}