@font-face{font-family:Satoshi Medium;font-family:sans-serif;src:url(/assets/Satoshi-Medium.93330866.otf)}*:focus{outline:none}html{height:100%}.desc-text{margin-top:30px;text-align:center}body{background:url(/assets/bg.ec602496.png) no-repeat center center fixed;background-size:cover;font-family:Satoshi Medium,sans-serif;margin:0;background-position:center;overflow:overlay}#root{height:calc(100% - 64px);padding:32px 0}.maingl{display:flex;justify-content:center}.main{display:flex;flex-direction:column;max-width:800px;justify-content:center;align-items:center;margin:auto;height:100%}h2{margin-bottom:0;margin-right:auto}p.empty-state{color:#616895;width:fit-content}ul{display:flex;gap:6px;flex-direction:column;width:100%;padding:0}.todo-item{text-decoration:none;list-style-type:none;display:flex;gap:8px;align-items:center;background:rgba(256 256 256 / 40%);border-radius:8px;padding:12px 8px;transition:.3s;position:relative;border:2px solid transparent;box-shadow:#5d455ed0 2px 2px 2px}.t-important{font-size:1.3em;padding:18px 8px}.todo-item:hover{background:rgba(256 256 256 / 50%)}.todo-item.completed{background:rgba(256 256 256 / 20%);box-shadow:#5d455ed0 1px 1px 1px}.todo-item.is-editing{border:2px solid #1E212F}p{margin:0}.todo-text{transition:.3s;word-break:break-all;margin-right:auto;padding-right:4px;flex:1;word-break:normal}@media screen and (max-width: 700px){#todo-input-c option[selected]{display:none}}sdf{display:flex;width:100%;justify-content:flex-end}.todo-class{transition:.3s;word-break:break-all;text-align:right;color:#888;display:inline-flex;align-items:center}.todo-item.completed .todo-text{text-decoration:line-through;color:#616895}.spacer{padding-bottom:400px}.lbtm{margin-top:50px;margin-bottom:30px}.complete-button,.check-icon-wrapper{border-radius:50%;border:1px solid #616895;background:none;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:4px;width:24px;min-width:24px;height:24px;min-height:24px;transition:.3s;animation:task-complete-animation .5s ease-in-out;box-shadow:0 4px 8px #0000001a}.complete-button-i,.check-icon-wrapper{border-radius:50%;border:1px solid #616895;background:none;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:4px;width:36px;min-width:36px;height:36px;min-height:36px;transition:.3s;animation:task-complete-animation .5s ease-in-out;box-shadow:0 4px 8px #0000001a}.top{display:flex;gap:8px;align-items:center}.done{display:flex;flex-direction:column;gap:16px;align-items:center;margin:0 auto}.check-icon-wrapper{background:#1E212F;fill:#fff;animation:task-completed-animation .8s ease-in-out;cursor:auto;width:40px;min-width:40px;height:40px;min-height:40px}.check-icon-wrapper:hover{transform:scale(1.1)}.check-icon-wrapper svg{width:20px;height:20px}@keyframes task-complete-animation{0%{transform:rotate(0) scale(1)}50%{transform:rotate(30deg) scale(.8)}to{transform:rotate(0) scale(1)}}.complete-button:hover,.complete-button:focus-visible{background:rgba(0 0 0 / 10%);border-color:#51567b}.todo-item .complete-button:hover svg{fill:#51567b}.todo-item.completed .complete-button{background:#1E212F;border-color:#1e212f;animation:task-completed-animation .8s ease-in-out}@keyframes task-completed-animation{0%{transform:rotate(0) scale(1)}50%{transform:rotate(-20deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.todo-item .complete-button svg{fill:#616895;width:24px;height:24px}.todo-item.completed .complete-button svg path{fill:#fff}.login-container{text-align:center}.add-input{background:rgba(256 256 256 / 60%);padding:12px 16px;border:none;width:78%;height:20px;font-size:16px;border:2px solid transparent;transition:.3s;border-radius:0;resize:none;font-family:Satoshi Medium,sans-serif}.login-input{background:rgba(256 256 256 / 60%);padding:12px 16px;border:none;width:auto;height:20px;font-size:16px;border:2px solid transparent;transition:.3s;resize:none;border-radius:8px;font-family:Satoshi Medium,sans-serif}.date-input{background:rgba(256 256 256 / 60%);padding:0 16px;border:none;width:30%;height:20px;font-size:16px;border:2px solid transparent;transition:.3s;border-radius:8px;resize:none;font-family:Satoshi Medium,sans-serif}input[type=date]{background:rgba(256 256 256 / 60%);box-shadow:none;padding:12px 16px;border:none;width:22%;border:2px solid transparent;transition:.3s;resize:none;font-family:Satoshi Medium,sans-serif}input[type=date]::-webkit-inner-spin-button{align-self:center}select{background:rgba(256 256 256 / 60%);box-shadow:none;padding:12px 16px;border:none;width:22%;height:48px;font-size:16px;border:2px solid transparent;transition:.3s;resize:none;font-family:Satoshi Medium,sans-serif}select option{background-color:#ffd4d4;box-shadow:none;padding:12px 16px;border:none;width:22%;height:48px;font-size:16px;border:0px solid transparent;border-radius:0;transition:.3s;resize:none;font-family:Satoshi Medium,sans-serif}input[type=text]::placeholder{color:#616895666;font-size:16px}.settings{color:#000;position:fixed;top:7px;right:12px;display:flex;float:right}.settings>a{background-color:#fff9;padding:10px 14px 10px 0;border-radius:8px;text-decoration:none;color:#000}.add-todo-container{display:flex;flex-direction:column;background-color:none}.deadline-row,.other-elements-container{display:flex}.deadline-row{padding:6px 0;background:rgba(256 256 256 / 40%);width:82%;margin-left:22px;border-radius:8px 8px 0 0;box-shadow:#5d455e 6px 2px 8px}.other-elements-container{box-shadow:#5d455e 10px 10px 16px;border-radius:8px}.add-input-c{border-radius:8px 0 0 8px;color:#000}.add-input-d{border-radius:8px;color:#000}input[type=text].edit-input{padding:0;background:transparent;border:none!important}button{margin:0;padding:0;border:none;background:none;font-family:Satoshi Medium,sans-serif}button{display:flex;justify-content:center;align-items:center;padding:8px 16px;gap:8px;background:#1E212F;border-radius:8px;border:none;color:#fff;font-size:16px;cursor:pointer;transition:.3s;border:2px solid transparent}button:active{transform:scale(.95)}.icon{width:1em;height:1em;vertical-align:-.125em;margin:0 12px}.icon-2{width:1em;height:1em;vertical-align:-.125em;color:#fff}button:focus-visible{outline:2px solid #1E212F;outline-offset:3px}button.add-button{border-radius:0 8px 8px 0}button.add-button:hover{filter:brightness(150%);animation:pulse-button 1.5s infinite}button.add-button:active{filter:brightness(120%)}.edit-form{width:100%;display:flex;gap:8px;align-items:center}.dropdown{margin-left:auto;position:relative}.no-fill-icon-button{background:none;padding:4px;width:28px;height:28px}.no-fill-icon-button:focus-visible{background:#66666630}.no-fill-icon-button:focus-visible svg{color:#1e212f;fill:#1e212f}.no-fill-icon-button svg{width:20px;height:20px;fill:#666;transition:.3s}.no-fill-icon-button:hover{background:#66666620}.no-fill-icon-button:active{background:#66666630}.no-fill-icon-button:hover svg{fill:#1e212f}.no-fill-svg{fill:none!important}.tooltip-wrapper{position:relative}.tooltip{opacity:0;position:absolute;z-index:-3;right:50%;top:54px;background:#1E212F;color:#fff;border-radius:8px;padding:8px;transform:translate(50%,-50%) translateY(4px);transition:all .3s cubic-bezier(.175,.885,.32,1.275),width .3s;box-shadow:0 8px 16px #1e212f29}.tooltip span{white-space:nowrap}button:hover+.tooltip,button:focus-visible+.tooltip{opacity:1;z-index:4;transform:translate(50%,-50%) translateY(0)}.dropdown-content{display:flex;z-index:-3;padding:4px;opacity:0;flex-direction:column;gap:4px;border-radius:8px;background:rgba(256 256 256 / 60%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);width:187px;box-shadow:0 8px 16px #1e212f29;top:36px;right:0;position:absolute;transform:translateY(10px);transition:all .3s cubic-bezier(.175,.885,.32,1.275),width .3s}.todo-item.completed .dropdown-content{width:214px}.dropdown-content.show{transform:translateY(0);z-index:2;opacity:1}.dropdown-content.important{width:193px}.dropdown-content .dropdown-item{background:none;justify-content:flex-start;align-items:center;padding:8px}.dropdown-content:not(.show) .dropdown-item{z-index:-1}.dropdown-content .dropdown-item:focus-visible{background:#66666630}.dropdown-content .dropdown-item:active{transform:scale(.97)}.dropdown-content .dropdown-item.danger svg,.dropdown-content .dropdown-item.danger span{color:#a80000;fill:#a80000!important}.dropdown-content .dropdown-item:hover{background:#66666620}.dropdown-content .dropdown-item.danger:hover,.dropdown-content .dropdown-item.danger:focus-visible{background:#a8000020}.dropdown-content .dropdown-item:active{background:#66666630}.dropdown-content .dropdown-item.danger:active{background:#a8000030}.dropdown-content .dropdown-item svg{color:#666;fill:#666;width:20px;height:20px;transition:.3s}.dropdown-content .dropdown-item:hover svg{color:#1e212f;fill:#1e212f}.dropdown-content .dropdown-item span{color:#1e212f;position:relative;top:1px}.add-todo-container{display:flex;width:100%;border-radius:8px;position:fixed;width:800px;bottom:32px;z-index:15}.add-todo-container>*:not(.no-fill-icon-button){backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 16px 0 #1E212F00029}.mobile-toggle-drawer{bottom:-80px;border-radius:50%;padding:16px;position:fixed;transition:.5s cubic-bezier(.175,.885,.32,1.275)}.mobile-toggle-drawer:hover{box-shadow:0 0 #3d407f;animation:pulse-button 1.5s infinite}.right{display:flex;gap:8px;margin-left:auto}.star-button svg{color:#666}.star-button:hover svg{color:#1e212f}.star-button .important-star{fill:#e4b355}@keyframes pulse-button{0%{transform:scale(1);box-shadow:0 0 #3d407f85}70%{transform:scale(1.05);box-shadow:0 0 0 10px #3d407f00}to{transform:scale(1);box-shadow:0 0 #3d407f00}}.mobile-toggle-drawer svg{width:32px;height:32px}.add-todo-container .no-fill-icon-button{display:none}@media (max-width: 900px){.main{padding:0 16px}.tooltip.more-options{right:55px}.tooltip.mark-complete{right:0;left:-75px;width:fit-content}.tooltip.mark-uncompleted{right:0;left:-85px;width:fit-content}.add-todo-container{width:calc(100% - 32px);margin:0 16px}}@media (max-width: 400px){.add-todo-container{transition:.4s ease-in-out;bottom:-220px}.add-todo-container.show{display:flex;margin:0;padding:16px 16px 32px;bottom:0;border-radius:16px 16px 0 0;box-shadow:none;flex-direction:column;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.add-todo-container.show .no-fill-icon-button{display:flex;width:fit-content;height:32px;margin-left:auto;margin-bottom:24px;color:#666}.add-todo-container.show input{width:calc(100% - 36px);border-radius:8px 8px 0 0;padding:16px;background:rgb(255 255 255 / 60%);border:2px solid transparent}.add-todo-container.show input:focus{border:2px solid #1E212F}.add-todo-container.show button.add-button{width:100%;border-radius:0 0 8px 8px;padding:16px}.add-todo-container.show+.mobile-toggle-drawer{bottom:-80px}.mobile-toggle-drawer{bottom:32px}}::selection{background:#616895;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1E212F;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#2F3245}.hidden-c{display:none!important}.whiteText{color:#fff;margin-bottom:4px}.catinput{padding:12px 20px;width:40%;box-sizing:border-box;border:2px solid #ccc;border-radius:8px;background-color:#f8f8f8;font-size:16px;resize:none;text-align:left}.CodeMirror{text-align:left!important;width:40%;margin:auto;border-radius:8px 8px 0 0;height:auto}.CodeMirror-scroll{max-height:300px;min-height:50px}.ta-save{margin:auto;background-color:#ffd4d4;color:#000;width:40%;border-radius:0 0 8px 8px;border-top:3px solid rgba(0,0,0,.3)}.overlayx{height:100%;width:0;position:fixed;z-index:101;top:0;left:0;background:none;background-color:#000000d1;overflow-x:hidden;transition:.5s}.redFont{color:#f58e8e!important}.redFont:hover{color:red!important}.blurForm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(8px);position:fixed;bottom:0;left:0;height:147.2px;width:100%;z-index:0}.rfs:hover{transition:0!important;animation:shake .5s;animation-iteration-count:infinite}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:30px}.overlayx a{padding:8px;text-decoration:none;font-size:36px;color:#818181;display:block;transition:.3s}.overlayx a:hover,.overlay a:focus{color:#f1f1f1}.overlayx .closebtn{position:absolute;top:20px;right:45px;font-size:60px}@media screen and (max-height: 450px){.overlay a{font-size:20px}.overlay .closebtn{font-size:40px;top:15px;right:35px}}.login-button{margin-top:30px;width:100%}