.notice.svelte-1w0zuqt{font-size:.78rem;padding:.5rem .75rem;border-radius:3px;margin-bottom:1rem}.notice.svelte-1w0zuqt code{font-size:.75rem;padding:.1em .3em;background:color-mix(in srgb,var(--query) 12%,var(--bg))}.notice-blue.svelte-1w0zuqt{--query: light-dark(#3b82f6, #60a5fa);background:color-mix(in srgb,var(--query) 8%,var(--bg));color:var(--query);border:1px solid color-mix(in srgb,var(--query) 20%,transparent)}.demo-form.svelte-1w0zuqt{display:flex;gap:.5rem;margin-bottom:1rem}.demo-input.svelte-1w0zuqt{flex:1;padding:.4rem .75rem;border:1px solid var(--border);border-radius:3px;background:var(--bg);font-size:.9rem}.demo-input.svelte-1w0zuqt:focus{outline:2px solid var(--query);outline-offset:-1px;border-color:transparent}.btn-primary.svelte-1w0zuqt{background:var(--accent);color:#fff;padding:.4rem 1rem;border:none;border-radius:3px;font-weight:500;font-size:.85rem}.btn-primary.svelte-1w0zuqt:hover{background:var(--accent-dim)}.btn-primary.svelte-1w0zuqt:disabled{opacity:.5}.loading.svelte-1w0zuqt{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:2rem 0;color:var(--text-muted);font-size:.85rem}.spinner.svelte-1w0zuqt{display:inline-block;width:1rem;height:1rem;border:2px solid var(--border);border-top-color:var(--query);border-radius:50%;animation:svelte-1w0zuqt-spin .6s linear infinite}@keyframes svelte-1w0zuqt-spin{to{transform:rotate(360deg)}}.error.svelte-1w0zuqt{color:var(--danger);font-size:.85rem}.task-list.svelte-1w0zuqt{list-style:none;padding:0;display:flex;flex-direction:column;gap:.25rem}.task-item.svelte-1w0zuqt{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:3px}.task-item.svelte-1w0zuqt:hover{background:var(--bg-soft)}.task-check.svelte-1w0zuqt{background:none;border:none;font-size:1rem;padding:0;line-height:1;color:var(--text)}.task-check.svelte-1w0zuqt:disabled{opacity:.5}.task-text.svelte-1w0zuqt{flex:1;font-size:.9rem}.task-text.completed.svelte-1w0zuqt{text-decoration:line-through;color:var(--text-muted)}.task-delete.svelte-1w0zuqt{background:none;border:none;color:var(--text-muted);font-size:1.1rem;padding:0 .25rem;line-height:1}.task-delete.svelte-1w0zuqt:hover{color:var(--danger)}.empty.svelte-1w0zuqt{text-align:center;color:var(--text-muted);padding:2rem 0;font-size:.9rem}.status.svelte-1w0zuqt{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-query.svelte-1w0zuqt{color:var(--query)}
