:root{--size-transition: transform .3s cubic-bezier(1,1,0,1.5);--size-transition-reverse: transform .3s cubic-bezier(1,-.7,0,1);--fontsize-transition: font-size .1s ease-in-out}*{margin:0;padding:0;font:inherit;vertical-align:baseline;outline:none;border:none;text-decoration:none;box-sizing:border-box;transition:var(--fontsize-transition)}*:before,*:after{box-sizing:border-box}menu,nav,section{display:block}body{line-height:1.2;font-family:sans-serif;overflow:hidden;height:100dvh;width:100vw}.is-large-font,.is-large-font~.modal{font-size:larger}.is-large-font .todo-item .name,.is-large-font .autocomplete-item,.is-large-font~.modal{font-size:140%}.is-large-font #fulltext{font-size:120%}button:focus-visible,a:focus-visible{outline:2px solid;outline-offset:-2px}h1,h2,h3,h4,h5{font-size:120%;font-weight:700}#app{max-width:1000px;margin:auto;min-height:100dvh}.list-container{display:grid;grid-template-rows:auto 1fr auto;height:100dvh}.responsive-container{overflow-y:auto;text-align:left}.responsive-container>div{vertical-align:top;width:100%}header{display:grid;z-index:1;grid-template-columns:auto 1fr auto auto auto;position:sticky;top:0;height:2em;align-items:center}.button-bar{display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;gap:.5rem;align-items:flex-start;justify-content:flex-start;max-width:400px;margin:auto}.todo-item>div>.checkbutton{position:relative}.filter-buttons{display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(4,min-content)}.filter-buttons .checkbutton{margin-right:2px!important}header .fontsize-button.checkbutton{width:auto;display:flex;height:auto;gap:4px}header button.logout-button{display:flex}button:hover{cursor:pointer}#refresh,.top-menu-button,.fontsize-button.checkbutton{padding-left:10px;padding-right:10px}.todo-item{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;text-align:left;position:relative}.todo-item .drag-handle{cursor:move!important;padding-inline:0;min-width:32px}.todo-item .name{display:grid;align-items:center;overflow:hidden}.todo-item .name button{text-overflow:ellipsis;overflow:hidden;margin-left:4px;padding-left:4px;display:inline-block;cursor:text}.todo-item .cost button{color:inherit;border:none;background:#0000}.button.plainbutton{display:inline;border:none;background:none;text-align:left;color:inherit;text-decoration:inherit;font-weight:inherit;font-style:inherit;padding:0;margin:0}.button.plainbutton:hover{text-shadow:none;color:inherit}.inline-popup{transform:scale(0);transform-origin:top;top:2.2em;position:absolute;padding:.25em;border:1px solid;transition:var(--size-transition-reverse);z-index:2}.inline-popup.is-open{transform:scale(1);transition:var(--size-transition)}.top-menu-container{font-size:70%}.autocomplete-list{border:1px solid;max-width:400px;margin:auto}.autocomplete-item{height:2.2em;line-height:2.2em;text-align:left;display:flex;padding:0 0 0 1em;justify-content:space-between;border-bottom:1px solid}.autocomplete-item:last-child{border-bottom:none}#login-form{max-width:600px;margin:auto}.entry{display:grid;gap:.5em;grid-template-columns:1fr auto auto auto auto}.entry input{width:100%}#fulltext{margin-top:.5em;padding-bottom:.5em;font-weight:400;font-size:smaller;border-bottom:2px solid #880000}.has-input-autocomplete{padding:0 1em 0 0}.modal{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform:scale(0);transform-origin:center;position:absolute;top:0;bottom:0;left:0;right:0;background:#80808033;transition:var(--size-transition-reverse)}.modal.is-open{transform:scale(1);transition:var(--size-transition)}.modal .modal-header{margin-bottom:1em}.modal .modal-card{margin:3em auto auto;width:60vw;min-width:315px;font-weight:700;box-shadow:5px 5px 5px #00000080}.modal button{width:50px}.modal form{margin-top:0}.edit-form-buttons{white-space:nowrap}.modal-edit-form .button{width:2.5em;height:auto}.edit-input{text-align:left;max-width:100%;padding-left:.25em;margin-right:.25em;margin-left:.25em}.show-on-mobile{display:none}@media screen and (max-width: 480px){#add-entry,#add-entry-mid,#add-entry-top,#clear-entry{width:34px}.hide-on-mobile{display:none}.show-on-mobile{display:initial}.entry{gap:2px}}@media screen and (prefers-reduced-motion: reduce){*,:before,:after{transition:none!important}}@media screen and (max-height: 530px){.list-container{margin-inline:1em;display:block;height:100dvh;overflow-y:auto}}@font-face{font-family:Crafty Girls;font-style:normal;font-weight:400;src:url(/assets/craftygirls-lH0zu14n.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bgcolor: #f5f5ed;--bordercolor: #aaa;--background: #f5f5ed url(/assets/paperback-CzC4avhO.jpg) repeat}body{background:var(--bgcolor);font-size:16px;line-height:35px;font-family:Crafty Girls,cursive}input,button,.button{font-size:inherit;line-height:inherit}input{background:#0000}#app{background:var(--background);box-shadow:1px 1px 6px #0003}a{text-decoration:none;padding-left:4px;padding-right:2px;display:inline-block}p,div{text-align:center}.button-bar{border:1px solid var(--bordercolor);border-radius:255px 15px 225px/15px 225px 15px 255px}.todo-item{line-height:2em;font-weight:400;vertical-align:middle;white-space:nowrap;color:#009;margin-bottom:1px;font-size:110%;padding:.25em}.todo-item .drag-handle{color:#900}.todo-item .name button{margin-left:0}.todo-item .name :before{content:"*";padding-right:.25em}.todo-item span{height:2.2em}.todo-item .cost{padding-right:.25em}.todo-item .name{font-weight:700}.todo-item.is-prio-1 .name :before{content:"!"}.is-prio-1{color:#0a6300}.todo-item.is-prio-3 .name :before{content:"-"}.is-prio-3{color:#815549}.is-done{color:#555}.is-done .name{text-decoration:line-through}.is-done span{text-decoration:inherit}.draggable-container{margin-bottom:1em;min-height:2em}.draggable-item:hover{background-color:#00000008}header{justify-content:start;font-size:120%;padding-left:5px;border:1px solid #aaaaaa;margin-bottom:1em;margin-top:0;background:var(--bgcolor);box-shadow:0 2px 4px #0000004d}h2{font-size:115%;text-align:center}form{margin:2em auto auto;padding-top:0}button{font-size:inherit}input,button{height:2.2em;color:inherit;border:none;border-bottom:1px solid #999;border-radius:255px 15px 225px/15px 225px 15px 255px}#refresh:hover,.top-menu-button:hover,.logout-button:hover{opacity:.6}#refresh,.top-menu-button{border-bottom:none}#refresh{font-size:100%;padding-bottom:3px}.button{padding-block:0;padding-inline:5px;line-height:1.8}.top-menu-content{top:2.5em;width:96vw;max-width:990px;padding-bottom:1em;box-shadow:1px 2px 4px #0000004d;background:var(--background)}.inline-popup{background-color:var(--bgcolor);border-color:var(--bordercolor);box-shadow:1px 1px 6px #0003;border-radius:255px 15px 225px/15px 225px 15px 255px}.manage-autocomplete{margin-bottom:2em}.autocomplete-list,.autocomplete-item{border-color:var(--bordercolor);border-radius:255px 15px 225px/15px 225px 15px 255px}input:focus,textarea:focus,select:focus{outline:1px solid #900}.modal .modal-card{padding:2em;background:var(--background)}.modal .modal-card .modal-main{padding-top:2em}.modal .modal-card h1{font-size:larger;color:#900;border-bottom:2px solid}.modal .modal-edit-form .button{width:2em}.error{color:red;border:1px solid var(--bordercolor);padding:.5em;margin-bottom:1.2em;margin-top:.5em;border-radius:255px 15px 225px/15px 225px 15px 255px}.autocomplete{background:var(--background);box-shadow:0 2px 4px #0000004d;padding:1em .5em}.autocomplete button.autocomplete-entry:focus-visible{border:1px solid}.autocomplete button.autocomplete-entry:hover{opacity:.6}a{color:#007}a:hover{color:#33c}header .button:not(:focus){color:#800;border:none}ul{list-style-type:none;margin:0;padding:1px 1px 0;text-align:left;min-height:3em}.list h2{color:#000;text-align:left}#login-form{padding:.5em}.entry{color:#333;padding-inline:.5em}.entry-input{margin-bottom:0}.entry .button{margin:0;height:2.4em}button{color:#900;background:#0000}.entry .button{font-size:110%;font-weight:700}#fulltext{border-bottom:2px solid #880000}.button{margin:5px 5px 5px 0;font-size:95%;padding:5px;font-weight:700;border:1px solid #999;border-radius:255px 15px 225px/15px 225px 15px 255px}.checkbutton{color:#999;border:none;line-height:1.3em;width:35px;height:35px;padding:3px;font-weight:700}.checkbutton:hover{color:#a00;cursor:pointer}.checkbutton:active{color:red}.checkbutton.is-selected{color:#060}.checkbutton.is-selected:hover{opacity:.6}header{text-align:left}header .button{border-bottom:1px solid #999}.manage-autocomplete .button,.manage-autocomplete input{font-size:inherit}.manage-autocomplete .entry.top{border-bottom:2px solid #900}.manage-autocomplete .entry.bottom{border-top:2px solid #900}.autocomplete-item:hover .checkbutton{color:#900}input.button{font-size:90%;line-height:1.6em;margin:2px 3px}header button{line-height:1.6em;margin:2px 6px 2px 0!important}header button,header .button{border-bottom:1px solid #999;line-height:1.2em;margin:0}.button:hover{color:red;text-shadow:0 0 1px #880000;cursor:pointer}.button:active{box-shadow:none;border:1px solid #999}.greenbutton{color:#060!important}.greenbutton:hover{color:#090;text-shadow:0 0 1px #006600}input{line-height:2.2em;margin:1px 0 1em 2px;border-radius:255px 15px 225px/15px 225px 15px 255px}.top-menu-container[data-v-4fd2030b]{position:relative}.top-menu-content[data-v-4fd2030b]{transform:scale(0);transform-origin:top left;position:absolute;overflow-y:auto;height:auto;max-height:90vh;z-index:50;transition:var(--size-transition-reverse)}.top-menu-content.is-open[data-v-4fd2030b]{transition:var(--size-transition);transform:scale(1)}.has-input-autocomplete{position:relative}.autocomplete{position:absolute;z-index:10;text-align:left;max-height:40vh;overflow-y:auto;min-width:30vh}.autocomplete button.autocomplete-entry{text-align:left;text-decoration:none;border:none;display:block;width:100%;color:inherit}.is-capitalized{text-transform:capitalize}.button.plainbutton[data-v-a529fc4e]:hover{color:#2929ff}.is-prio-1 .button.plainbutton[data-v-a529fc4e]:hover{color:#00a400}.is-prio-3 .button.plainbutton[data-v-a529fc4e]:hover{color:brown}