main[data-v-f36c2b65]{display:flex;flex-direction:column;align-items:center;min-height:100vh;font-family:system-ui,sans-serif;padding:2rem}header[data-v-f36c2b65]{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}h1[data-v-f36c2b65]{font-size:3rem;margin:0}.status[data-v-f36c2b65]{font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;font-weight:500}.status.connected[data-v-f36c2b65]{color:#16a34a;background:#dcfce7}.status.disconnected[data-v-f36c2b65]{color:#dc2626;background:#fee2e2}.todo-app[data-v-f36c2b65]{width:100%;max-width:500px}.add-form[data-v-f36c2b65]{display:flex;gap:.5rem;margin-bottom:1rem}.add-form input[data-v-f36c2b65]{flex:1;padding:.75rem;font-size:1rem;border:1px solid #ddd;border-radius:.25rem}.add-form button[data-v-f36c2b65]{padding:.75rem 1.5rem;font-size:1rem;background:#3b82f6;color:#fff;border:none;border-radius:.25rem;cursor:pointer}.add-form button[data-v-f36c2b65]:hover{background:#2563eb}.todo-list[data-v-f36c2b65]{list-style:none;padding:0;margin:0}.todo-list li[data-v-f36c2b65]{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid #eee}.todo-list li label[data-v-f36c2b65]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.todo-list li.completed span[data-v-f36c2b65]{text-decoration:line-through;color:#999}.delete[data-v-f36c2b65]{padding:.25rem .5rem;font-size:.875rem;background:#ef4444;color:#fff;border:none;border-radius:.25rem;cursor:pointer}.delete[data-v-f36c2b65]:hover{background:#dc2626}.error[data-v-f36c2b65]{color:#dc2626;background:#fee2e2;padding:.5rem 1rem;border-radius:.25rem}.empty[data-v-f36c2b65]{text-align:center;color:#666}