.board.svelte-1g7fi1p{max-width:36em;margin:0 auto;padding:1em;transition:background-color .3s,color .3s}.loading.svelte-1g7fi1p{text-align:center;padding:2em;color:#666;background:#f8f9fa;border-radius:6px;margin-bottom:1em;transition:background-color .3s,color .3s}.board.dark.svelte-1g7fi1p .loading:where(.svelte-1g7fi1p){background:#374151;color:#d1d5db}.error.svelte-1g7fi1p{text-align:center;padding:1em;color:#dc3545;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:1em}.error.svelte-1g7fi1p .retry-btn:where(.svelte-1g7fi1p){margin-left:1em;padding:.25em .5em;font-size:.8em;background:#dc3545;color:#fff;border:none;border-radius:3px;cursor:pointer}.error.svelte-1g7fi1p .retry-btn:where(.svelte-1g7fi1p):hover{background:#c82333}.controls.svelte-1g7fi1p{margin-bottom:1.5em}.new-todo.svelte-1g7fi1p{font-size:1.4em;width:100%;margin:0 0 1em;padding:.5em;box-sizing:border-box;border:1px solid #ced4da;border-radius:4px;transition:border-color .15s ease-in-out,background-color .3s,color .3s;background:#fff;color:#333}.board.dark.svelte-1g7fi1p .new-todo:where(.svelte-1g7fi1p){background:#1f2937;border-color:#4b5563;color:#f3f4f6}.new-todo.svelte-1g7fi1p:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.new-todo.svelte-1g7fi1p:disabled{opacity:.5;cursor:not-allowed;background:#e9ecef}.board.dark.svelte-1g7fi1p .new-todo:where(.svelte-1g7fi1p):disabled{background:#374151}.action-buttons.svelte-1g7fi1p{display:flex;gap:.5em;flex-wrap:wrap}button.svelte-1g7fi1p{padding:.5em 1em;border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer;font-size:.9em;transition:all .2s ease;color:#333}.board.dark.svelte-1g7fi1p button:where(.svelte-1g7fi1p){background:#374151;border-color:#4b5563;color:#f3f4f6}button.svelte-1g7fi1p:hover:not(:disabled){background:#f5f5f5;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.board.dark.svelte-1g7fi1p button:where(.svelte-1g7fi1p):hover:not(:disabled){background:#4b5563}button.svelte-1g7fi1p:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.secondary.svelte-1g7fi1p{background:#f0f0f0;color:#333}.board.dark.svelte-1g7fi1p .secondary:where(.svelte-1g7fi1p){background:#4b5563;color:#f3f4f6}.columns.svelte-1g7fi1p{display:flex;gap:2em;margin-top:1em}.left.svelte-1g7fi1p,.right.svelte-1g7fi1p{flex:1;padding:0 1em 0 0;box-sizing:border-box}h2.svelte-1g7fi1p{font-size:1.5em;font-weight:600;-webkit-user-select:none;user-select:none;margin-bottom:1em;color:#333;padding-bottom:.5em;border-bottom:2px solid #e9ecef;transition:color .3s,border-color .3s}.board.dark.svelte-1g7fi1p h2:where(.svelte-1g7fi1p){color:#f3f4f6;border-bottom-color:#4b5563}label.svelte-1g7fi1p{top:0;left:0;display:flex;align-items:center;font-size:1em;line-height:1;padding:.75em;margin:0 auto .5em;border-radius:6px;background-color:#f8f9fa;-webkit-user-select:none;user-select:none;color:#333;border:1px solid #e9ecef;transition:all .2s ease}.board.dark.svelte-1g7fi1p label:where(.svelte-1g7fi1p){background-color:#374151;color:#f3f4f6;border-color:#4b5563}label.svelte-1g7fi1p:hover{background-color:#e9ecef;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.board.dark.svelte-1g7fi1p label:where(.svelte-1g7fi1p):hover{background-color:#4b5563}input[type=checkbox].svelte-1g7fi1p{margin:0 .5em 0 0;cursor:pointer;width:1.2em;height:1.2em}.description.svelte-1g7fi1p{flex:1;margin:0 .5em}.right.svelte-1g7fi1p label:where(.svelte-1g7fi1p){background-color:#b4f06426;border-color:#b4f0644d}.board.dark.svelte-1g7fi1p .right:where(.svelte-1g7fi1p) label:where(.svelte-1g7fi1p){background-color:#b4f0641a;border-color:#b4f06433}.right.svelte-1g7fi1p label:where(.svelte-1g7fi1p):hover{background-color:#b4f06440}.board.dark.svelte-1g7fi1p .right:where(.svelte-1g7fi1p) label:where(.svelte-1g7fi1p):hover{background-color:#b4f06426}label.svelte-1g7fi1p button:where(.svelte-1g7fi1p){float:right;height:1.5em;width:1.5em;box-sizing:border-box;padding:0;line-height:1;background-color:transparent;border:none;color:#dc3545;opacity:0;transition:opacity .2s;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0}label.svelte-1g7fi1p button:where(.svelte-1g7fi1p):hover:not(:disabled){background-color:#dc35451a;opacity:1}label.svelte-1g7fi1p:hover button:where(.svelte-1g7fi1p){opacity:.7}.empty-state.svelte-1g7fi1p{text-align:center;padding:2em;color:#6c757d;font-style:italic;background:#f8f9fa;border-radius:6px;border:1px dashed #dee2e6;transition:background-color .3s,color .3s,border-color .3s}.board.dark.svelte-1g7fi1p .empty-state:where(.svelte-1g7fi1p){background:#374151;color:#9ca3af;border-color:#4b5563}.stats.svelte-1g7fi1p{margin-top:2em;padding-top:1em;border-top:1px solid #dee2e6;text-align:center;color:#6c757d;font-size:.9em;transition:color .3s,border-color .3s}.board.dark.svelte-1g7fi1p .stats:where(.svelte-1g7fi1p){border-top-color:#4b5563;color:#9ca3af}.db-status.svelte-1g7fi1p{color:#198754;font-weight:500}.board.dark.svelte-1g7fi1p .db-status:where(.svelte-1g7fi1p){color:#34d399}@media(max-width:768px){.columns.svelte-1g7fi1p{flex-direction:column;gap:1em}.left.svelte-1g7fi1p,.right.svelte-1g7fi1p{padding:0;width:100%}.action-buttons.svelte-1g7fi1p{flex-direction:column}button.svelte-1g7fi1p{width:100%}.board.svelte-1g7fi1p{padding:.5em}}