.container.svelte-mannt5{max-width:800px;margin:0 auto;padding:2rem}h1.svelte-mannt5{color:var(--accent-color);font-size:2.5rem;margin-bottom:.5rem}.back-link.svelte-mannt5{margin-bottom:2rem}.back-link.svelte-mannt5 a:where(.svelte-mannt5){color:var(--accent-color);text-decoration:none}.example-section.svelte-mannt5{margin-bottom:3rem}h2.svelte-mannt5{color:var(--heading-color);border-bottom:2px solid var(--border-color);padding-bottom:.5rem}h3.svelte-mannt5{margin-top:1.5rem;margin-bottom:1rem;color:var(--text-secondary)}.demo-box.svelte-mannt5{background-color:var(--card-bg);border-radius:8px;padding:1.5rem;margin:1rem 0 2rem;box-shadow:0 2px 8px var(--shadow-color)}button.svelte-mannt5{background-color:var(--accent-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1rem;margin:.5rem .3rem .5rem 0}button.svelte-mannt5:hover{background-color:var(--accent-color-dark)}input.svelte-mannt5{padding:.5rem;font-size:1rem;border:1px solid var(--border-color);border-radius:4px;margin-right:.5rem;width:250px;background-color:var(--bg-color);color:var(--text-color)}.note.svelte-mannt5{font-size:.9rem;color:var(--text-muted);font-style:italic;margin:.5rem 0}.transition-demo.svelte-mannt5{background-color:var(--bg-secondary);padding:1rem;margin:1rem 0;border-radius:4px;border-left:3px solid var(--accent-color)}.box.svelte-mannt5{background-color:var(--accent-color);color:#fff;width:100px;height:100px;margin:1rem 0;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700}.flip-list.svelte-mannt5{list-style-type:none;padding:0;margin:1rem 0}.flip-list.svelte-mannt5 li:where(.svelte-mannt5){background-color:var(--bg-secondary);margin:.5rem 0;padding:.8rem 1rem;border-radius:4px}.todo-input.svelte-mannt5{display:flex;margin:1rem 0}.todo-list.svelte-mannt5{list-style-type:none;padding:0}.todo-list.svelte-mannt5 li:where(.svelte-mannt5){display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;margin:.5rem 0;background-color:var(--bg-secondary);border-radius:4px}.remove-btn.svelte-mannt5{background:none;color:var(--text-muted);border:none;font-size:1.2rem;cursor:pointer;padding:0 .3rem;margin:0;line-height:1}.remove-btn.svelte-mannt5:hover{color:var(--accent-color);background:none}.next-steps.svelte-mannt5{background-color:var(--bg-secondary);border-left:4px solid var(--accent-color);padding:1.5rem;border-radius:0 8px 8px 0}.next-steps.svelte-mannt5 ul:where(.svelte-mannt5){padding-left:1.5rem}.next-steps.svelte-mannt5 a:where(.svelte-mannt5){color:var(--accent-color);text-decoration:none}.next-steps.svelte-mannt5 a:where(.svelte-mannt5):hover{text-decoration:underline}