*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{color-scheme:dark light;hanging-punctuation:first last;font-family:Kanchenjunga,sans-serif}body{min-height:100svh;background-color:#141414;color:#fff}img,picture,svg,video{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,li{max-width:var(--p-max-width, 65ch);text-wrap:pretty}html.light-mode body{background-color:#fdf6ec;color:#111}html.light-mode header nav{background-color:#f1e8dd;border-bottom:2px solid #d6ccc2}html.light-mode button{background-color:transparent;border:2px solid black;color:#111}.timerBox[data-v-4194dbcb]{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:2em}.timerBox .timer[data-v-4194dbcb]{font-size:4em}.timerBox .pomodoroCounter[data-v-4194dbcb]{font-size:1rem;margin-top:1rem;color:#555}.active[data-v-4194dbcb]{border-color:currentColor;color:currentColor;box-shadow:0 0 6px currentColor}.btnContainer[data-v-4194dbcb]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.btnContainer button[data-v-4194dbcb]{border-radius:5px;padding:10px 20px;margin:5px;background-color:transparent;font-weight:700;font-size:1em;max-width:100%}.btnContainer button[data-v-4194dbcb]:hover{cursor:pointer}.btn[data-v-4194dbcb]{border:2px solid var(--btn-color)}.btn[data-v-4194dbcb]:hover{box-shadow:0 0 6px var(--btn-color)}.btnWork[data-v-4194dbcb]{--btn-color: #e63946}.btnShort[data-v-4194dbcb]{--btn-color: #2a9d8f}.btnLong[data-v-4194dbcb]{--btn-color: #457b9d}.mode[data-v-4194dbcb]{text-align:center;margin-top:1rem;font-size:1em}@media (max-width: 380px){.timerBox[data-v-4194dbcb]{font-size:.9em}.timerBox .timer[data-v-4194dbcb]{font-size:5em}.timerBox .mode[data-v-4194dbcb]{font-size:2em}.btnContainer[data-v-4194dbcb]{flex-wrap:nowrap}.btnContainer button[data-v-4194dbcb]{padding:5px}}nav[data-v-a4cf3eaf]{display:flex;justify-content:space-between;height:3em;border-bottom:1px solid rgb(60,60,60);background-color:#28282880;margin-bottom:50px}nav h1[data-v-a4cf3eaf]{font-size:1.2em;padding:10px}nav button[data-v-a4cf3eaf]{padding:0 10px;border:none;background:transparent;font-size:1.4em}nav button[data-v-a4cf3eaf]:hover{cursor:pointer}.todoBox[data-v-7f80645c]{display:flex;flex-direction:column;align-items:center;font-size:1.2em;margin-top:5rem;padding:1rem}h2[data-v-7f80645c]{text-align:center;font-size:2em;margin-bottom:1.5rem}.todoForm[data-v-7f80645c]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:1rem;width:100%;max-width:600px}.todoForm input[data-v-7f80645c]{padding:8px;font-size:1em;border:1px solid rgba(150,150,150,.5);border-radius:5px;background:transparent;width:100%;max-width:300px;min-width:180px}.todoForm button[data-v-7f80645c]{width:100%;max-width:150px}.todoList[data-v-7f80645c]{list-style:none;padding:0;width:100%;max-width:600px}.todoList li[data-v-7f80645c]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;background:transparent;padding:8px 10px;border-radius:5px;border:1px solid rgba(150,150,150,.5);box-shadow:0 1px 3px #0000001a;flex-wrap:wrap}.todoList li input[type=checkbox][data-v-7f80645c]{margin-right:10px}.todoList li span[data-v-7f80645c]{flex:1;overflow:hidden;text-overflow:ellipsis}.todoList li button[data-v-7f80645c]{margin-left:5px;margin-top:5px}.editInput[data-v-7f80645c]{flex:1;padding:6px;font-size:1em;border:1px solid #ccc;border-radius:4px}.done[data-v-7f80645c]{text-decoration:line-through;color:#999}.toggleHide[data-v-7f80645c]{margin-top:1rem;width:100%;max-width:200px}.btn[data-v-7f80645c]{border:2px solid var(--btn-color);background-color:transparent;font-weight:700;border-radius:5px;padding:5px 12px;cursor:pointer;transition:all .2s ease-in-out}.btn[data-v-7f80645c]:hover{box-shadow:0 0 6px var(--btn-color)}.btnRemove[data-v-7f80645c]{--btn-color: #e63946;color:#e63946}.btnAdd[data-v-7f80645c]{--btn-color: #2a9d8f;color:#2a9d8f}.btnHide[data-v-7f80645c]{--btn-color: #457b9d;color:#457b9d}.btnEdit[data-v-7f80645c]{--btn-color: #f4a261;color:#f4a261}.btnSave[data-v-7f80645c]{--btn-color: #2a9d8f;color:#2a9d8f}.btnCancel[data-v-7f80645c]{--btn-color: #999;color:#999}@media (max-width: 480px){.todoForm[data-v-7f80645c]{flex-direction:column;align-items:center}.todoForm button[data-v-7f80645c]{width:30%;max-width:none}.todoList li[data-v-7f80645c]{align-items:flex-start}.todoList li button[data-v-7f80645c]{align-self:center;font-size:.6em;padding:11px 5px;margin-top:0}}