@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(roboto-mono-regular.0205e7bf.woff2)format("woff2")}:root{--color-body-bg:#f5f5f7;--color-item-bg:#fff;--color-item-bg-hover:#fafafc;--color-text-primary:#1b1b22;--color-text-secondary:#a9a9ba;--color-border-primary:#eaeaee;--color-accent:#808a9d;--color-accent-dim:rgb(from var(--color-accent)r g b/.25);--color-theme-grey:#808a9d;--color-theme-green:#10b981;--color-theme-teal:#20b2aa;--color-theme-blue:#0096c7;--color-theme-indigo:#4f46e5;--color-theme-purple:#8375ff;--color-theme-yellow:#fa3;--color-theme-orange:#f97316;--color-theme-red:#fd4659}*{box-sizing:border-box;color:var(--color-text-primary);margin:0;padding:0;font-family:Roboto Mono,monospace;font-size:14px;font-weight:400;line-height:20px}:before{box-sizing:border-box;color:var(--color-text-primary);margin:0;padding:0;font-family:Roboto Mono,monospace;font-size:14px;font-weight:400;line-height:20px}:after{box-sizing:border-box;color:var(--color-text-primary);margin:0;padding:0;font-family:Roboto Mono,monospace;font-size:14px;font-weight:400;line-height:20px}html,body{-webkit-user-select:none;user-select:none;background:var(--color-body-bg);margin:0;padding:0;overflow-x:hidden}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-height:100%;overflow-y:scroll}#container{max-width:450px;margin:0 auto;display:block;position:relative}#topbar{flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;height:20px;margin:15px 0;padding:0 2px;display:flex}#topbar #icon{flex:none;align-content:center;justify-content:flex-start;height:20px;display:inline-flex}#topbar #icon:after{content:"beta";text-transform:uppercase;color:var(--color-text-secondary);border:1.5px solid var(--color-text-secondary);border-radius:6px;flex:none;margin-left:10px;padding:4px;font-size:9px;font-weight:700;line-height:1}#topbar #icon svg{fill:var(--color-text-secondary);flex:0 0 12px;transition:fill .35s}#topbar #icon:hover svg{fill:var(--color-accent)}#menu{cursor:pointer;flex-wrap:wrap;flex:0 0 21px;align-content:space-between;justify-content:flex-end;height:20px;padding:5px 2px 5px 5px;display:inline-flex}#menu span#burger{background:var(--color-text-secondary);border-radius:10px;flex:0 0 100%;height:2px;transition:background .35s;display:block}#menu span#burger:nth-child(2){flex:0 0 100%}#menu span#burger:nth-child(3){flex:0 0 50%}#menu.active span#burger{background:var(--color-text-primary)}#menu:hover span#burger{background:var(--color-text-primary)}#menu-modal{z-index:1001;background:var(--color-item-bg);border:1px solid var(--color-border-primary);box-shadow:0px 1px 2px 0px var(--color-border-primary);border-radius:10px;width:260px;padding:20px;display:none;position:absolute;top:22px;right:0}#menu-modal #menu-item{border-bottom:1px solid var(--color-border-primary);padding:20px 0}#menu-modal #menu-item:first-of-type{padding-top:0}#menu-modal #menu-item:last-of-type{border-bottom:none;padding-bottom:0}#menu-modal #menu-item .row{flex-flow:row;width:100%;display:flex}#menu-modal #menu-item .row.item-menutitle,#menu-modal #menu-item .row.item-title{text-transform:uppercase;word-spacing:-2px;color:var(--color-text-secondary);font-weight:700}#menu-modal #menu-item .row.item-title{margin-bottom:10px}#menu-modal #menu-item .row.item-content{justify-content:space-between}#menu-modal #menu-item .row #clear-danger,#menu-modal #menu-item .row #clear-all,#menu-modal #menu-item .row #clear-done{font-family:Roboto Mono,monospace;font-size:inherit;cursor:pointer;letter-spacing:-.75px;word-spacing:-4px;color:var(--color-text-secondary);border-radius:8px;flex:none;margin-top:-5px;padding:10px;font-weight:700;display:inline-flex}#menu-modal #menu-item .row #clear-danger{cursor:auto;padding:10px 10px 10px 0}#menu-modal #menu-item .row #clear-done:hover{color:#e02e2a;background:#feefef}#menu-modal #menu-item .row #clear-all:hover{color:#e02e2a;background:#feefef}#menu-modal #menu-item .row #themes{cursor:pointer;flex-wrap:nowrap;flex:none;justify-content:space-between;align-items:center;width:100%;display:inline-flex}#menu-modal #menu-item .row #themes span{font-family:Roboto Mono,monospace;font-size:inherit;border-radius:50%;width:20px;height:20px}#menu-modal #menu-item .row #themes .theme-selected:after{content:"";background:var(--color-item-bg);border-radius:50%;width:8px;height:8px;margin:6px;display:block}#menu-modal #menu-item .row #themes #theme-grey{background:var(--color-theme-grey)}#menu-modal #menu-item .row #themes #theme-green{background:var(--color-theme-green)}#menu-modal #menu-item .row #themes #theme-teal{background:var(--color-theme-teal)}#menu-modal #menu-item .row #themes #theme-blue{background:var(--color-theme-blue)}#menu-modal #menu-item .row #themes #theme-indigo{background:var(--color-theme-indigo)}#menu-modal #menu-item .row #themes #theme-purple{background:var(--color-theme-purple)}#menu-modal #menu-item .row #themes #theme-yellow{background:var(--color-theme-yellow)}#menu-modal #menu-item .row #themes #theme-orange{background:var(--color-theme-orange)}#menu-modal #menu-item .row #themes #theme-red{background:var(--color-theme-red)}#menu-modal #menu-item .row div.shortcut.left{text-align:left;flex:0 0 70px}#menu-modal #menu-item .row div.shortcut.right{text-align:right;word-spacing:-2.5px;flex:0 0 calc(100% - 70px);margin-bottom:15px}#menu-modal #menu-item .row:last-of-type .shortcut.right{margin-bottom:0}#menu-modal #menu-item .row div.shortcut.right span{background:var(--color-body-bg);text-transform:capitalize;border-radius:6px;padding:4px 8px;font-size:12px}form{flex-wrap:nowrap;justify-content:space-between;width:100%;margin-bottom:30px;display:flex}form input#inputTask{border:0;border:2px solid var(--color-border-primary);letter-spacing:-.5px;word-spacing:-2px;border-radius:10px;outline:none;flex:0 0 100%;height:46px;padding:12px;transition:all .35s}form input#inputTask:hover{border:2px solid var(--color-accent);background:var(--color-item-bg)}form input#inputTask:focus{border:2px solid var(--color-accent);background:var(--color-item-bg)}form input#inputTask:focus{background:var(--color-item-bg);border:2px solid var(--color-accent);animation:4s linear 5s infinite glow}@keyframes glow{30%{border:2px solid var(--color-accent)}55%{border:2px solid rgb(from var(--color-accent)r g b/.3)}to{border:2px solid var(--color-accent)}}form input#inputTask::placeholder{color:var(--color-text-secondary);opacity:1;transition:opacity .35s}form input#inputTask:focus::placeholder{opacity:0}ul#taskList{width:100%;margin-bottom:60px}ul#taskList li{cursor:pointer;background:var(--color-item-bg);box-shadow:0px 1px 2px 0px var(--color-border-primary);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;height:46px;margin-top:10px;padding:0 18px;transition:background .35s;display:flex}ul#taskList li.priority:before{content:"";background:var(--color-accent);border-radius:32px;width:4px;height:21px;display:inline-block;position:absolute;left:7px}ul#taskList li.done.priority:before{background:var(--color-accent-dim)}ul#taskList li:hover{background:var(--color-item-bg-hover);cursor:grab}ul#taskList li.done:hover{background:var(--color-item-bg)}ul#taskList li:active{cursor:grabbing}ul#taskList li.dragging{opacity:1;background:var(--color-border-primary);box-shadow:none}ul#taskList li.dragging span{opacity:0}ul#taskList li.dragging:before{opacity:0}ul#taskList li.dragging:active{z-index:10;background:var(--color-item-bg);box-shadow:none;opacity:1;position:relative;-ms-transform:rotate(2.5deg);transform:rotate(2.5deg)}ul#taskList li.dragging:active span{opacity:1}ul#taskList li.dragging:active:before{opacity:1}ul#taskList li.section.dragging,ul#taskList li.divider.dragging{opacity:1;background:var(--color-border-primary)}ul#taskList li.section.dragging span,ul#taskList li.divider.dragging span{opacity:0}ul#taskList li.section.dragging:active{z-index:10;opacity:1;position:relative;-ms-transform:rotate(2.5deg);transform:rotate(2.5deg)}ul#taskList li.divider.dragging:active{z-index:10;opacity:1;position:relative;-ms-transform:rotate(2.5deg);transform:rotate(2.5deg)}ul#taskList li.section.dragging:active span{opacity:1}ul#taskList li.divider.dragging:active span{opacity:1}ul#taskList li span#li-item{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.5px;word-spacing:-2px;cursor:pointer;flex:none;max-width:calc(100% - 40px);padding-right:10px;overflow:hidden}ul#taskList li span#li-item span#li-item-text{pointer-events:none}ul#taskList li span#li-item:first-letter{text-transform:capitalize}ul#taskList li span#li-item:hover span#li-item-text{text-decoration:line-through}ul#taskList li span#li-item:focus{color:inherit;outline:0;text-decoration:none}ul#taskList li span#li-item:focus span#li-item-text{color:inherit;outline:0;text-decoration:none}ul#taskList li span#li-menu{text-align:right;font-family:Roboto Mono,monospace;font-size:inherit;word-spacing:-12.5px;color:var(--color-text-secondary);cursor:pointer;opacity:0;transition:all .35s;position:absolute;right:9px}ul#taskList li:hover span#li-menu{opacity:1}ul#taskList li span#li-menu:hover{color:var(--color-text-primary)}ul#taskList li span#li-menu.active{color:var(--color-text-primary);opacity:1}#taskMenu{z-index:1001;background:var(--color-item-bg);border:1px solid var(--color-border-primary);box-shadow:0px 1px 2px 0px var(--color-border-primary);border-radius:10px;width:160px;padding:10px;display:none;position:absolute;right:0}#taskMenu #task-menu-items{flex-wrap:wrap;align-content:center;justify-content:flex-start;width:100%;display:flex}#taskMenu #task-menu-items span{cursor:pointer;color:var(--color-text-primary);letter-spacing:-.75px;word-spacing:-4px;flex:0 0 100%;padding:10px;font-size:14px;line-height:1}#taskMenu #task-menu-items span:hover{background:var(--color-body-bg);border-radius:8px}#taskMenu #task-menu-items span#task-menu-del:hover{color:#e02e2a;background:#feefef;border-radius:8px}span#li-item[contenteditable=true]{font-style:italic}span#section-name[contenteditable=true]{outline:none;padding:0 10px;font-style:italic}ul#taskList li.divider span#li-item,ul#taskList li.section span#li-item{display:none}ul#taskList li.divider,ul#taskList li.section{background:var(--color-body-bg);box-shadow:none;border:none;justify-content:center;height:46px}ul#taskList>li.divider:first-child{height:36px;margin-top:-5px;padding-top:0}ul#taskList>li.section:first-child{height:36px;margin-top:-5px;padding-top:0}ul#taskList li.divider span#li-item-divider{white-space:nowrap;border-top:2px solid var(--color-border-primary);flex:none;width:calc(100% - 18px);overflow:hidden}ul#taskList li.section span#li-item-section{flex-wrap:nowrap;justify-content:center;width:calc(100% - 18px);display:inline-flex}ul#taskList li.section span#li-item-section #section-name{color:var(--color-text-secondary);text-transform:uppercase;flex:none;margin:0 8px;font-size:12px}ul#taskList li.section span#li-item-section #section-name-before,ul#taskList li.section span#li-item-section #section-name-after{border-top:2px solid var(--color-border-primary);flex:1 0 auto;margin-top:10px}ul#taskList li.divider span#li-menu,ul#taskList li.section span#li-menu{background:var(--color-body-bg);width:32px}ul#taskList li.subtask span#li-item:before{content:"└";color:var(--color-text-secondary);margin-right:9px;line-height:20px;display:inline-block}ul#taskList li.note span#li-note{cursor:auto;flex:none;align-content:center;justify-content:flex-end;height:20px;padding:4.5px;display:inline-flex;position:relative;right:10px}ul#taskList li.note span#li-note svg{fill:var(--color-accent);transition:fill .35s}ul#taskList li.done.note span#li-note svg{fill:var(--color-accent-dim)}ul#taskList li.done span#li-item span#li-item-text{color:var(--color-text-secondary);text-decoration:line-through}ul#taskList li.empty,ul#taskList li.emptywelcome{pointer-events:none;background:var(--color-item-bg-hover)}ul#taskList li.empty span{color:var(--color-text-secondary)}#taskNoteOverlay{background:var(--color-body-bg);z-index:999;display:none;position:fixed;top:0;bottom:0;left:0;right:0}#taskNote{z-index:1000;background:var(--color-item-bg);box-shadow:0px 1px 2px 0px var(--color-border-primary);border-left:4px solid var(--color-border-primary);border-radius:0 10px 10px 0;width:100%;padding:18px;display:none;position:absolute;top:110px}#taskNote .task-note-header{flex-wrap:nowrap;align-content:center;justify-content:space-between;width:100%;display:flex}#taskNote .task-note-header .task-note-header-title{text-transform:uppercase;text-align:left;color:var(--color-text-secondary);flex:none;font-weight:700}#taskNote .task-note-header .task-note-header-actions{flex:none}#taskNote .task-note-header .task-note-header-actions #task-note-header-edit,#taskNote .task-note-header .task-note-header-actions #task-note-header-save,#taskNote .task-note-header .task-note-header-actions #task-note-header-discard,#taskNote .task-note-header .task-note-header-actions #task-note-header-delete,#taskNote .task-note-header .task-note-header-actions #task-note-header-close{color:var(--color-text-secondary);letter-spacing:-.75px;word-spacing:-4px;cursor:pointer;text-transform:lowercase;display:inline-flex}#taskNote .task-note-header .task-note-header-actions #task-note-header-close{margin-left:10px}#taskNote .task-note-header .task-note-header-actions #task-note-header-save,#taskNote .task-note-header .task-note-header-actions #task-note-header-discard{display:none}#taskNote .task-note-header .task-note-header-actions #task-note-header-edit:hover{color:var(--color-text-primary)}#taskNote .task-note-header .task-note-header-actions #task-note-header-save:hover{color:var(--color-text-primary)}#taskNote .task-note-header .task-note-header-actions #task-note-header-discard:hover{color:var(--color-text-primary)}#taskNote .task-note-header .task-note-header-actions #task-note-header-delete:hover{color:var(--color-text-primary)}#taskNote .task-note-header .task-note-header-actions #task-note-header-close:hover{color:var(--color-text-primary)}#task-note-content{white-space:pre-wrap;word-break:break-word;letter-spacing:-.5px;word-spacing:-1px;max-height:450px;font-size:14px;line-height:1.6;overflow-y:auto}#task-note-content:empty{margin-top:0}#task-note-content:not(:empty){margin-top:20px;display:block}#taskNote #task-note-content[contenteditable=true]{outline:none;margin-top:20px;display:block}#outputTaskList{min-height:calc(100vh - 176px);display:block}#footer{border-top:2px solid var(--color-border-primary);word-spacing:-2.5px;color:var(--color-text-secondary);text-align:center;text-transform:uppercase;width:100%;padding-top:13px;padding-bottom:23px;font-size:12px;line-height:1;transition:border-top .25s;display:block;position:relative;bottom:0}#footer p{flex-wrap:nowrap;justify-content:space-between;align-items:center;width:100%;display:flex}#footer p a{cursor:pointer;flex:none}#footer p,#footer p a{font-size:inherit;line-height:inherit;color:inherit;text-decoration:none;transition:color .25s}#footer p a#footer-icon{text-align:left;pointer-events:none;width:12px;height:12px;line-height:12px;display:block}#footer p a#footer-icon svg{fill:var(--color-border-primary);width:12px;height:12px}#footer p a:hover{text-decoration:underline}#footer:hover p a{color:var(--color-text-primary)}#legal-menu{width:100%;margin-bottom:10px;padding-top:40px;padding-bottom:20px;display:flex}#legal-menu a{color:inherit;text-decoration:none}#legal-menu a:hover{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}#legal-text{color:var(--color-text-primary);text-align:left;-webkit-user-select:text;user-select:text;margin-bottom:60px;font-size:14px;line-height:1.4}#legal-text h2,#legal-text h3{font-size:inherit;margin:0;padding:0;font-weight:700}#legal-text h2{text-align:center;text-transform:uppercase;margin:30px 0}#legal-text h3{margin:30px 0 10px}#legal-text p{margin:10px 0 0;padding:0}#legal-text ul{margin:10px 0 0;padding:0 0 0 15px;list-style-type:disc;list-style-position:outside}#legal-text ol{margin:10px 0 0;padding:0 0 0 25px;list-style-type:decimal;list-style-position:outside}#legal-text ol ol{margin:5px 0}#legal-text a{color:var(--txt-color);-webkit-text-decoration:1px underline dotted var(--color-text-primary);-webkit-text-decoration:1px underline dotted var(--color-text-primary);text-decoration:1px underline dotted var(--color-text-primary)}#legal-text a:hover{-webkit-text-decoration:1px underline solid var(--color-text-primary);-webkit-text-decoration:1px underline solid var(--color-text-primary);text-decoration:1px underline solid var(--color-text-primary)}#legal-text hr{border:none;border-top:2px solid var(--color-border-primary);margin:40px 0}#legal-text #revoke-link{cursor:pointer;display:inline-block}#legal-text #revoke-link:hover{cursor:pointer;-webkit-text-decoration:1px underline solid var(--color-text-primary);-webkit-text-decoration:1px underline solid var(--color-text-primary);text-decoration:1px underline solid var(--color-text-primary);display:inline-block}@media (max-width:490px){#container{max-width:calc(100% - 40px)}#outputTaskList{min-height:calc(100vh - 274px)}#footer p{text-align:left;flex-wrap:wrap}#footer p a{margin:5px 0;flex:0 0 100%!important}}