.notice.svelte-1ncyphk{font-size:.78rem;padding:.5rem .75rem;border-radius:3px;margin-bottom:1rem}.notice-amber.svelte-1ncyphk{background:color-mix(in srgb,var(--accent) 8%,var(--bg));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.demo-form.svelte-1ncyphk{display:flex;gap:.5rem;margin-bottom:1rem}.demo-input.svelte-1ncyphk{flex:1;padding:.4rem .75rem;border:1px solid var(--border);border-radius:3px;background:var(--bg);font-size:.9rem}.demo-input.svelte-1ncyphk:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.btn-primary.svelte-1ncyphk{background:var(--accent);color:#fff;padding:.4rem 1rem;border:none;border-radius:3px;font-weight:500;font-size:.85rem}.btn-primary.svelte-1ncyphk:hover{background:var(--accent-dim)}.btn-primary.svelte-1ncyphk:disabled{opacity:.5}.loading.svelte-1ncyphk{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:2rem 0;color:var(--text-muted);font-size:.85rem}.spinner.svelte-1ncyphk{display:inline-block;width:1rem;height:1rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:svelte-1ncyphk-spin .6s linear infinite}@keyframes svelte-1ncyphk-spin{to{transform:rotate(360deg)}}.error.svelte-1ncyphk{color:var(--danger);font-size:.85rem}.task-list.svelte-1ncyphk{list-style:none;padding:0;display:flex;flex-direction:column;gap:.25rem}.task-item.svelte-1ncyphk{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:3px}.task-item.svelte-1ncyphk:hover{background:var(--bg-soft)}.task-check.svelte-1ncyphk{background:none;border:none;font-size:1rem;padding:0;line-height:1;color:var(--text)}.task-check.svelte-1ncyphk:disabled{opacity:.5}.task-text.svelte-1ncyphk{flex:1;font-size:.9rem}.task-text.completed.svelte-1ncyphk{text-decoration:line-through;color:var(--text-muted)}.task-delete.svelte-1ncyphk{background:none;border:none;color:var(--text-muted);font-size:1.1rem;padding:0 .25rem;line-height:1}.task-delete.svelte-1ncyphk:hover{color:var(--danger)}.empty.svelte-1ncyphk{text-align:center;color:var(--text-muted);padding:2rem 0;font-size:.9rem}.status.svelte-1ncyphk{margin-top:1.5rem;padding:.5rem .75rem;background:var(--bg-soft);border-radius:3px;font-size:.75rem;font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--text-muted)}.mode-client.svelte-1ncyphk{color:var(--accent)}