:root{--gray-100: #f2f2f2;--gray-200: #d9d9d9;--gray-300: #808080;--gray-400: #333333;--gray-500: #262626;--gray-600: #1a1a1a;--gray-700: #0d0d0d;--green-300: #64c89b;--green-500: #41b883;--blue-300: #4f6f8f;--blue-500: #3d566e;--blue-600: #34495e;--danger: #e25858}:focus{outline:transparent;box-shadow:0 0 0 2px var(--green-500)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--gray-600);color:var(--gray-100)}body,input,textarea,button{font-family:Inter,sans-serif;font-weight:400;font-size:1rem}.header[data-v-fd83ce15]{background-color:var(--gray-700);display:flex;justify-content:center;align-items:center;padding:4.75rem 0;gap:1rem}.header img[data-v-fd83ce15]{height:2.5rem}.header h1[data-v-fd83ce15]{font-size:3rem;line-height:1;font-weight:900;color:var(--green-500)}.header h1 span[data-v-fd83ce15]{color:var(--blue-600)}.form-input[data-v-86af5b0b]{width:100%;background-color:var(--gray-500);color:var(--gray-100);line-height:1.4;padding:1rem;border-radius:8px;flex:1;border:0px;box-shadow:0 0 0 1px var(--gray-700);transition:box-shadow 50ms}.form-input[data-v-86af5b0b]:focus{box-shadow:0 0 0 2px var(--green-500)}.submit-button[data-v-c81e1b47]{display:flex;align-items:center;justify-content:center;gap:8px;padding:1rem;border-radius:8px;border:0;background-color:var(--green-500);color:var(--gray-100);font-weight:700;font-size:.875rem;transition:background-color .1s;cursor:pointer;transition:background-color 50ms,outline 50ms}.submit-button[data-v-c81e1b47]:disabled{filter:brightness(70%);cursor:not-allowed}.submit-button[data-v-c81e1b47]:not(:disabled):hover{background-color:var(--green-300)}.submit-button[data-v-c81e1b47]:focus{box-shadow:none;outline:2px solid var(--green-300);outline-offset:2px;background-color:var(--green-300)}.header[data-v-5d5b0a67]{display:flex;justify-content:space-between}.counter[data-v-5d5b0a67]{display:flex;align-items:center;font-weight:700;gap:8px}.counter:nth-child(2) p[data-v-5d5b0a67]{color:var(--green-300)}.counter p[data-v-5d5b0a67]{font-size:.875rem;color:var(--blue-300)}.counter span[data-v-5d5b0a67]{font-size:.75rem;background-color:var(--gray-400);padding:.125rem .5rem;border-radius:50px}.container[data-v-65a4cc6b]{width:100%;display:flex;align-items:start;padding:1rem;gap:.75rem;justify-content:space-between;background-color:var(--gray-500);border-radius:8px;outline:1px solid var(--gray-400)}.container button[data-v-65a4cc6b]{background:none;border:0;color:var(--gray-300);cursor:pointer;display:flex;align-items:center;padding:.375rem;margin-top:-.187rem;border-radius:4px;transition:background-color .1s,color .1s}.container button[data-v-65a4cc6b]:hover{background-color:var(--gray-400);color:var(--danger)}.container div[data-v-65a4cc6b]:first-child{display:flex;align-items:start;gap:.75rem;font-size:.875rem}.container input[type=checkbox][data-v-65a4cc6b]{cursor:pointer;opacity:0;position:absolute}.container label[data-v-65a4cc6b]{display:flex;gap:.75rem;cursor:pointer}.paragraph[data-v-65a4cc6b]{line-height:1.4;margin-top:-1.4px;line-break:anywhere;-webkit-user-select:none;user-select:none}.paragraph-checked[data-v-65a4cc6b]{color:var(--gray-300);text-decoration:line-through}.checkbox[data-v-65a4cc6b]{overflow:hidden;display:flex;flex:none;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--blue-300);width:1.1rem;height:1.1rem;outline-offset:1px}.container input[type=checkbox]:focus+label .checkbox[data-v-65a4cc6b]{outline:1px solid var(--green-300)}.container input[type=checkbox]:focus+label .checkbox[data-v-65a4cc6b]:not(.checkbox-checked){outline-color:var(--blue-500);background-color:var(--blue-500)}.checkbox-checked[data-v-65a4cc6b]{background-color:var(--green-500);border-color:var(--green-500)}.check[data-v-65a4cc6b]{color:var(--gray-100);opacity:0;transition:opacity .15s;-moz-transition:opacity .15s}.checkbox-checked .check[data-v-65a4cc6b]{opacity:1}.paragraph[data-v-65a4cc6b],.checkbox[data-v-65a4cc6b]{transition:color .15s,background-color .15s,text-decoration .15s,border-color .15s}.container div:hover .paragraph[data-v-65a4cc6b]:not(.paragraph-checked){color:var(--gray-200)}.container div:hover .checkbox[data-v-65a4cc6b]:not(.checkbox-checked){background-color:var(--blue-500)}.empty[data-v-2dd36ba0]{display:flex;flex-direction:column;align-items:center;padding:4rem;gap:.75rem;border-top:1px solid var(--gray-400);border-radius:8px}.empty span[data-v-2dd36ba0]{line-height:1.4;text-align:center;color:var(--gray-300)}.wrapper[data-v-1fab449a]{max-width:46rem;margin:-1.75rem auto;display:grid;grid-template-columns:1fr;align-items:flex-start;gap:4rem}.add-todo[data-v-1fab449a]{display:flex;gap:8px}.todo-list[data-v-1fab449a]{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:1.5rem}@media (max-width: 768px){html[data-v-1fab449a]{font-size:87.5%}.wrapper[data-v-1fab449a]{padding:0 2rem}}