.demo.svelte-1m6klds{border:1px solid var(--border);border-radius:4px;padding:1.5rem;background:var(--bg)}.demo.svelte-1m6klds>nav:where(.svelte-1m6klds){display:flex;gap:2px;background:var(--bg-muted);padding:3px;border-radius:4px;margin-bottom:1rem}.demo.svelte-1m6klds>nav:where(.svelte-1m6klds)>a:where(.svelte-1m6klds){flex:1;text-align:center;padding:.4rem .75rem;border-radius:3px;color:var(--text-soft);font-weight:500;text-decoration:none}.demo.svelte-1m6klds>nav:where(.svelte-1m6klds)>a:where(.svelte-1m6klds):hover{color:var(--text);text-decoration:none}.demo.svelte-1m6klds>nav:where(.svelte-1m6klds)>a[aria-current=page]:where(.svelte-1m6klds){background:var(--bg);color:var(--accent);box-shadow:0 1px 2px #0000000d}.demo.svelte-1m6klds>nav:where(.svelte-1m6klds)>a:where(.svelte-1m6klds)>small:where(.svelte-1m6klds){display:block;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75em;opacity:.7}.demo.svelte-1m6klds>aside:where(.svelte-1m6klds){padding:.5rem .75rem;border-radius:3px;margin-bottom:1rem}.demo.svelte-1m6klds>aside[data-variant=accent]:where(.svelte-1m6klds){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.svelte-1m6klds>aside[data-variant=success]:where(.svelte-1m6klds){background:color-mix(in srgb,var(--success) 8%,var(--bg));color:var(--success);border:1px solid color-mix(in srgb,var(--success) 20%,transparent)}.demo.svelte-1m6klds>form:where(.svelte-1m6klds){display:flex;gap:.5rem;margin-bottom:1rem}.demo.svelte-1m6klds>form:where(.svelte-1m6klds)>input:where(.svelte-1m6klds){flex:1;padding:.4rem .75rem;border:1px solid var(--border);border-radius:3px;background:var(--bg)}.demo.svelte-1m6klds>form:where(.svelte-1m6klds)>input:where(.svelte-1m6klds):focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.demo.svelte-1m6klds>form:where(.svelte-1m6klds)>button:where(.svelte-1m6klds){background:var(--accent);color:#fff;padding:.4rem 1rem;border:none;border-radius:3px;font-weight:500}.demo.svelte-1m6klds>form:where(.svelte-1m6klds)>button:where(.svelte-1m6klds):hover{background:var(--accent-dim)}.demo.svelte-1m6klds>form:where(.svelte-1m6klds)>button:where(.svelte-1m6klds):disabled{opacity:.5}.loading.svelte-1m6klds{display:flex;align-items:center;gap:.5rem;padding:2rem 0;justify-content:center;color:var(--text-muted)}.spinner.svelte-1m6klds{display:inline-block;width:1rem;height:1rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:svelte-1m6klds-spin .6s linear infinite}@keyframes svelte-1m6klds-spin{to{transform:rotate(360deg)}}.error.svelte-1m6klds{color:var(--danger)}.empty.svelte-1m6klds{text-align:center;color:var(--text-muted);padding:2rem 0}.demo.svelte-1m6klds>ul:where(.svelte-1m6klds){list-style:none;padding:0;display:flex;flex-direction:column;gap:.25rem}.demo.svelte-1m6klds>ul:where(.svelte-1m6klds)>li:where(.svelte-1m6klds){display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:3px}.demo.svelte-1m6klds>ul:where(.svelte-1m6klds)>li:where(.svelte-1m6klds):hover{background:var(--bg-soft)}.demo.svelte-1m6klds>ul:where(.svelte-1m6klds) label:where(.svelte-1m6klds){display:flex;align-items:center;gap:.5rem;flex:1;cursor:pointer}.demo.svelte-1m6klds>ul:where(.svelte-1m6klds) input[type=checkbox]:where(.svelte-1m6klds){accent-color:var(--accent);width:1rem;height:1rem;flex-shrink:0;cursor:pointer}.demo.svelte-1m6klds>ul:where(.svelte-1m6klds) .completed:where(.svelte-1m6klds){text-decoration:line-through;color:var(--text-muted)}.demo.svelte-1m6klds>ul:where(.svelte-1m6klds) .delete:where(.svelte-1m6klds){background:none;border:none;color:var(--text-muted);font-size:1.25rem;padding:0 .25rem;line-height:1}.demo.svelte-1m6klds>ul:where(.svelte-1m6klds) .delete:where(.svelte-1m6klds):hover{color:var(--danger)}.demo.svelte-1m6klds>output:where(.svelte-1m6klds){display:block;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-soft);font-size:.875rem;font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--text-muted)}.accent.svelte-1m6klds{color:var(--accent)}.success.svelte-1m6klds{color:var(--success)}
