.container.svelte-1na4yaw{max-width:800px;margin:0 auto;padding:2rem}h1.svelte-1na4yaw{color:var(--accent-color);font-size:2.5rem;margin-bottom:.5rem}.back-link.svelte-1na4yaw{margin-bottom:2rem}.back-link.svelte-1na4yaw a:where(.svelte-1na4yaw){color:var(--accent-color);text-decoration:none}.example-section.svelte-1na4yaw{margin-bottom:3rem}h2.svelte-1na4yaw{color:var(--heading-color);border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.demo-box.svelte-1na4yaw{background-color:var(--card-bg);border-radius:8px;padding:1.5rem;margin:1rem 0;box-shadow:0 2px 8px var(--shadow-color)}button.svelte-1na4yaw{background-color:var(--accent-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1rem;margin:.5rem .3rem}button.svelte-1na4yaw:hover{background-color:var(--accent-color-dark)}input.svelte-1na4yaw{padding:.5rem;font-size:1rem;border:1px solid var(--border-color);border-radius:4px;margin-right:.5rem;width:200px;background-color:var(--bg-color);color:var(--text-color)}.highlight.svelte-1na4yaw{color:var(--accent-color);font-weight:700}.note.svelte-1na4yaw{font-size:.9rem;color:var(--text-muted);font-style:italic;margin:.5rem 0}code.svelte-1na4yaw{background-color:var(--bg-secondary);padding:.2rem .4rem;border-radius:3px;font-family:Fira Code,monospace;font-size:.9rem}.button-group.svelte-1na4yaw{display:flex;gap:.5rem;margin-top:.5rem}.todo-form.svelte-1na4yaw{display:flex;margin-bottom:1rem}.todo-list.svelte-1na4yaw{list-style-type:none;padding-left:0}.todo-list.svelte-1na4yaw li:where(.svelte-1na4yaw){display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.todo-list.svelte-1na4yaw li.done:where(.svelte-1na4yaw) span:where(.svelte-1na4yaw){text-decoration:line-through;color:var(--text-muted)}.todo-list.svelte-1na4yaw label:where(.svelte-1na4yaw){display:flex;align-items:center;gap:.5rem;flex-grow:1}.delete-btn.svelte-1na4yaw{background:none;color:var(--text-muted);border:none;font-size:1.2rem;cursor:pointer;padding:0 .5rem;margin:0}.delete-btn.svelte-1na4yaw:hover{color:var(--accent-color);background:none}.clear-btn.svelte-1na4yaw{background-color:var(--bg-secondary);color:var(--text-muted);border:none;padding:.3rem .8rem;border-radius:4px;font-size:.9rem;margin-top:1rem}.clear-btn.svelte-1na4yaw:hover{background-color:var(--bg-color);color:var(--text-color)}.next-steps.svelte-1na4yaw{background-color:var(--bg-secondary);border-left:4px solid var(--accent-color);padding:1.5rem;border-radius:0 8px 8px 0}.next-steps.svelte-1na4yaw ul:where(.svelte-1na4yaw){padding-left:1.5rem}.next-steps.svelte-1na4yaw a:where(.svelte-1na4yaw){color:var(--accent-color);text-decoration:none}.next-steps.svelte-1na4yaw a:where(.svelte-1na4yaw):hover{text-decoration:underline}