:root{--blue-dark: #1E6F9F;--blue: #4EA8DE;--purple-dark: #5E60CE;--purple: #8284FA;--gray-100: #F2F2F2;--gray-200: #D9D9D9;--gray-300: #808080;--gray-400: #333333;--gray-500: #262626;--gray-600: #1A1A1A;--gray-700: #0D0D0D;--danger: #E25858;font-size:62.5%}:focus{outline:transparent;box-shadow:0 0 0 2px var(--gray-100)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--gray-600);color:var(--gray-100);-webkit-font-smoothing:antialiased}body,input,button{font-family:Inter,sans-serif;font-weight:400;font-size:1.6rem;line-height:140%}._wrapper_s6bj9_1{max-width:73.6rem;margin:-2.7rem auto;display:flex;flex-direction:column;gap:6.4rem}._tasks_s6bj9_10{display:flex;flex-direction:column;gap:2.4rem}._list_s6bj9_16{display:flex;flex-direction:column;gap:1.2rem}@media (max-width: 768px){body{font-size:1.4rem}._wrapper_s6bj9_1{margin-inline:1.6rem}}._header_xf14m_1{background:var(--gray-700);display:flex;justify-content:center;padding:7.2rem 0 8rem}._header_xf14m_1 img{height:4.8rem}._logoutButton_xf14m_12{position:absolute;top:2rem;right:2rem;display:flex;align-items:center;gap:8px;background:var(--gray-400);color:var(--gray-100);padding:.8rem 1.4rem;border:0;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .2s}._logoutButton_xf14m_12:hover{background:var(--danger);color:var(--gray-100)}._authButtons_xf14m_38{position:absolute;top:2rem;right:2rem;display:flex;gap:1.2rem}._authButton_xf14m_38{display:flex;align-items:center;gap:8px;padding:.8rem 1.4rem;border-radius:8px;font-weight:700;cursor:pointer;text-decoration:none;transition:background-color .2s,color .2s;background:transparent;border:1px solid var(--purple);color:var(--purple)}._authButton_xf14m_38:hover{background:var(--purple-dark);border-color:var(--purple-dark);color:var(--gray-100)}._signUpButton_xf14m_68{background:var(--purple);border-color:var(--purple);color:var(--gray-100)}._signUpButton_xf14m_68:hover{background:var(--purple-dark);border-color:var(--purple-dark)}._newTask_i31ug_1{display:flex;gap:8px}._input_i31ug_6{width:100%;background:var(--gray-500);border:1px solid var(--gray-700);border-radius:8px;padding:1.6rem;color:var(--gray-100)}._input_i31ug_6::placeholder{color:var(--gray-300)}._button_i31ug_20{display:flex;padding:1.6rem;align-items:center;gap:8px;border:0;border-radius:8px;background:var(--blue-dark);color:var(--gray-100);font-size:1.4rem;font-weight:700;cursor:pointer;transition:background-color .2s}._button_i31ug_20:hover{background:var(--blue)}._info_pcjh3_1{display:flex;justify-content:space-between}._info_pcjh3_1 div{display:flex;gap:8px;font-size:1.4rem}._info_pcjh3_1 div span{padding:2px 8px;border-radius:999px;background:var(--gray-400)}._created_pcjh3_20 strong{color:var(--blue)}._done_pcjh3_24 strong{color:var(--purple)}._task_1xjvt_1{display:flex;justify-content:space-between;padding:1.6rem;gap:1.2rem;color:var(--gray-100);font-size:1.4rem;border-radius:8px;border:1px solid var(--gray-400);background:var(--gray-500);box-shadow:0 2px 8px #0000000f}._task_1xjvt_1 label{position:relative;display:flex;gap:1.2rem}._task_1xjvt_1 label input{opacity:0;width:1.7455rem;height:1.7455rem;margin-top:.3273rem;margin-left:.3273rem}._task_1xjvt_1 label div{position:absolute;top:0rem;left:0rem;width:2.4rem;height:2.4rem;display:flex;justify-content:center;align-items:center;cursor:pointer}._task_1xjvt_1 label:focus-within div{outline:transparent;box-shadow:0 0 0 2px var(--gray-100)}._task_1xjvt_1 label div svg{width:1.7455rem;height:1.7455rem;transition:fill .1s}._circle_1xjvt_61{color:var(--blue);fill:transparent}._circle_1xjvt_61:hover{fill:var(--blue-dark)}._checkCircle_1xjvt_70{fill:var(--purple-dark)}._checkCircle_1xjvt_70:hover{fill:var(--purple)}._task_1xjvt_1 button{background:transparent;border:0;color:var(--gray-300);cursor:pointer;line-height:0;border-radius:4px;width:2.4rem;height:2.4rem;transition:background-color .1s,color .1s}._task_1xjvt_1 button:hover{background:var(--gray-400);color:var(--danger)}._completed_1xjvt_97{color:var(--gray-300);text-decoration:line-through}._empty_urfnx_1{display:flex;flex-direction:column;align-items:center;gap:1.6rem;padding:6.4rem 2.4rem;border-radius:8px;border-top:1px solid var(--gray-400)}._empty_urfnx_1 svg{width:5.6rem;height:5.6rem;color:var(--gray-400)}._empty_urfnx_1 p{color:var(--gray-300)}._empty_urfnx_1 p:first-child{font-weight:700}._container_1a9wc_1{max-width:40rem;margin:4rem auto;padding:2rem;background:var(--gray-500);border-radius:.5rem}._form_1a9wc_9{display:flex;flex-direction:column;gap:1.6rem}._button_1a9wc_23{padding:1.2rem;background:var(--blue-dark);border:none;border-radius:.5rem;color:#fff;font-weight:700;cursor:pointer;transition:background .2s ease}._button_1a9wc_23:hover{background:var(--blue)}._container_14kg9_1{max-width:40rem;margin:4rem auto;padding:2rem;background:var(--gray-500);border-radius:.5rem}._form_14kg9_9{display:flex;flex-direction:column;gap:1.6rem}input{padding:1.2rem;border:none;border-radius:.5rem;background:var(--gray-700);color:var(--gray-100)}._button_14kg9_23{padding:1.2rem;background:var(--blue-dark);border:none;border-radius:.5rem;color:#fff;font-weight:700;cursor:pointer;transition:background .2s ease}._button_14kg9_23:hover{background:var(--blue)}