:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-height:90vh}i{font-style:normal}a{word-break:break-all}#root{max-width:768px;margin:0 auto;padding:2rem;text-align:center;width:100%;box-sizing:border-box}._todo-list-item_1nuqy_1{padding:.8em .8em .8em 1em;background-color:#333;border-radius:8px;transition:.3s}._todo-list-item_1nuqy_1:hover{box-shadow:0 2px 10px -6px #000}._todo-list-item_1nuqy_1:not(:last-child){margin-bottom:.6em}._todo-list-item_1nuqy_1 .todo-list-item__header{display:flex;justify-content:space-between;align-items:center;line-height:1.2}._todo-list-item_1nuqy_1 .todo-list-item__header time{font-size:.8em;color:#999}._todo-list-item_1nuqy_1 .todo-list-item__header .todo-list-item__delete{cursor:pointer;margin-right:2px;margin-top:-2px}._todo-list-item_1nuqy_1 .todo-list-item__body{display:flex;align-items:center;gap:.5em;margin-top:.6em}._todo-list-item_1nuqy_1 .todo-list-item__body .todo-list-item__checkbox{accent-color:#0099ff;margin:0}._todo-list-item_1nuqy_1 .todo-list-item__body .todo-list-item__form{flex:1;display:flex;gap:inherit;min-width:0}._todo-list-item_1nuqy_1 .todo-list-item__body .todo-list-item__text{all:unset;flex:1;-webkit-user-select:none;user-select:none;min-width:inherit}._todo-list-item_1nuqy_1 .todo-list-item__body .todo-list-item__btn{font-size:.8em;cursor:pointer;color:#fff;background-color:#666;padding:2px 8px;border-radius:4px;border:1px solid transparent;transition:.3s}._todo-list-item_1nuqy_1 .todo-list-item__body .todo-list-item__btn:hover{border-color:#fff}._todo-list-item_1nuqy_1 .todo-list-item__body .todo-list-item__btn.todo-list-item__btn--save{background-color:#007a00}._todo-list-item_1nuqy_1 .todo-list-item__body .todo-list-item__btn.todo-list-item__btn--edit{background-color:#09f}._todo-list-item_1nuqy_1 .todo-list-item__body .todo-list-item__btn.todo-list-item__btn--cancel{background-color:#ff3f3f}._todo-list_1vx0p_1{margin:.5em 0;padding:1em 0 1.5em;list-style:none;text-align:left;width:100%;box-sizing:border-box;max-height:50vh;overflow-y:scroll;-webkit-mask-image:linear-gradient(transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(transparent,black 10%,black 90%,transparent);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-mask-position:center center;mask-position:center center}._todo-list_1vx0p_1._empty_1vx0p_14{padding:.5em 0}._todo-list_1vx0p_1::-webkit-scrollbar{display:none}._input-bar_potvt_1{display:flex;align-items:center;gap:1em;height:2.6em;width:100%}._input-bar_potvt_1 input{font-size:1em;padding:0 1em;border:1px solid transparent;border-radius:8px;height:100%;box-sizing:border-box;flex:1}._input-bar_potvt_1 button{border-radius:8px;border:1px solid transparent;padding:0 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;box-sizing:border-box;height:100%}._input-bar_potvt_1 button:hover{border-color:#646cff}._todo-footer_1h8qk_1{display:flex;justify-content:space-between;margin:0 .5em}._todo-footer_1h8qk_1 .btns{display:flex;gap:.8em;align-items:center}._todo-footer_1h8qk_1 .btns button{background-color:#444;border:1px solid transparent;border-radius:4px;padding:4px 8px;transition:.3s;font-size:.8em}._todo-footer_1h8qk_1 .btns button:hover{border-color:#fff}