:root{--gray-100: #f2f2f2;--gray-200: #d9d9d9;--gray-300: #808080;--gray-400: #333333;--gray-500: #262626;--gray-600: #1a1a1a;--gray-700: #0d0d0d;--blue: #4ea8de;--blue-dark: #1e6f9f;--purple: #8284fa;--purple-dark: #5e60ce;--danger: #e25858}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--gray-600);color:var(--gray-100);font:400 1rem Inter,sans-serif;line-height:1.4;-webkit-font-smoothing:antialiased}input,button{border:0;font:inherit;line-height:inherit;color:inherit;transition:background-color .1s}button{cursor:pointer}:focus{outline:none}@media (max-width: 768px){html{font-size:87.5%}}._wrapper_17pv7_1{max-width:45rem;margin:2rem auto;padding:0 1rem;display:flex;flex-direction:column;gap:1rem}._wrapper_17pv7_1>*{display:flex}._background_17pv7_14{position:absolute;top:0;left:0;right:0;z-index:-1;height:12.5rem;background-color:var(--gray-700)}._title_17pv7_24{justify-content:center;padding:2rem 0 2.375rem;gap:.75rem}._title_17pv7_24 h1{font-size:2.5rem;font-weight:900}._title_17pv7_24 h1 span:first-child{color:var(--blue)}._title_17pv7_24 h1 span:last-child{color:var(--purple-dark)}._form_17pv7_43{gap:.5rem;padding-bottom:3rem}._form_17pv7_43 input{width:100%}._addButton_tpp2w_1{border-radius:8px;padding:1rem;height:3.375rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--blue-dark)}._addButton_tpp2w_1:disabled{background-color:var(--gray-500);cursor:not-allowed}._addButton_tpp2w_1:not(:disabled):hover,._addButton_tpp2w_1:not(:disabled):focus{background-color:var(--blue)}._deleteButton_k5p5n_1{border-radius:8px;color:var(--gray-300);background-color:transparent;height:1.5rem;width:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center}._deleteButton_k5p5n_1:focus,._deleteButton_k5p5n_1:hover{color:var(--danger);background-color:var(--gray-400)}._taskItem_13fsp_1{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;border-radius:8px;background-color:var(--gray-500);font-size:.875rem}._default_13fsp_11{border-color:var(--gray-400)}._done_13fsp_15{border-color:transparent;text-decoration:line-through;color:var(--gray-300)}._checkboxAndText_13fsp_21{display:flex;align-items:flex-start;cursor:pointer;width:100%}._checkboxContainer_13fsp_28{padding-top:.15rem;position:relative;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center}._checkbox_13fsp_21{position:absolute;margin:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--blue);border-radius:50%;cursor:pointer;background-color:transparent;transition:background-color .1s,border-color .1s}._checkbox_13fsp_21:focus,._checkbox_13fsp_21:hover{border-color:var(--blue-dark)}._checkbox_13fsp_21:checked{background-color:var(--purple-dark);border-color:var(--purple-dark)}._checkbox_13fsp_21:checked:focus,._checkbox_13fsp_21:checked:hover{background-color:var(--purple);border-color:var(--purple)}._checkIcon_13fsp_69{position:absolute;width:.6rem;height:.6rem;color:var(--gray-100);opacity:0;pointer-events:none;transition:opacity .1s}._checkbox_13fsp_21:checked+._checkIcon_13fsp_69{opacity:1}._taskText_13fsp_83{padding:0 1rem;flex:1;overflow:hidden}._header_1enu3_1{width:100%;justify-content:space-between}._header_1enu3_1>div{display:flex;gap:.5rem;padding-bottom:.5rem}._header_1enu3_1 h2{font-size:.875rem;font-weight:700}._header_1enu3_1 ._totalTasks_1enu3_17 h2{color:var(--blue)}._header_1enu3_1 ._doneTasks_1enu3_21 h2{color:var(--purple)}._header_1enu3_1 p{font-size:.875rem;font-weight:700;color:var(--gray-200);background-color:var(--gray-400);padding:0 .5rem;border-radius:16px}._emptyList_1enu3_34{border-top:1px solid var(--gray-400);border-radius:8px;color:var(--gray-300);display:flex;flex-direction:column;align-items:center;padding:4rem 0}._emptyList_1enu3_34 ._icon_1enu3_44{color:var(--gray-400);margin-bottom:1rem}._emptyList_1enu3_34 h3{font-size:1rem}._list_1enu3_53{flex-direction:column;gap:1rem}._textInput_1hhh1_1{height:3.375rem;padding:1rem;background-color:var(--gray-500);border-radius:8px;box-shadow:0 0 0 1px var(--gray-700)}._textInput_1hhh1_1:focus,._textInput_1hhh1_1:hover{box-shadow:0 0 0 1px var(--purple-dark)}