.demo.svelte-1kufpt5{border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;margin:2rem 0;background:var(--code-bg)}.demo.svelte-1kufpt5 h4:where(.svelte-1kufpt5){margin-top:0;margin-bottom:.5rem;font-size:1.2rem}.demo.svelte-1kufpt5 p:where(.svelte-1kufpt5){margin-bottom:1rem;font-size:.95rem;opacity:.9}.counter-display.svelte-1kufpt5{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0}.counter-display.svelte-1kufpt5 button:where(.svelte-1kufpt5){background:var(--accent-color);color:#fff;border:none;border-radius:50%;width:3rem;height:3rem;font-size:1.5rem;cursor:pointer;transition:transform .2s,background .2s;font-weight:700}.counter-display.svelte-1kufpt5 button:where(.svelte-1kufpt5):hover{transform:scale(1.1);background:#f50}.counter-display.svelte-1kufpt5 button:where(.svelte-1kufpt5):active{transform:scale(.95)}.count.svelte-1kufpt5{font-size:3rem;font-weight:700;min-width:4rem;text-align:center;transition:color .3s}.count.even.svelte-1kufpt5{color:#0c0}.count.odd.svelte-1kufpt5{color:#ff3e00}.reactive-output.svelte-1kufpt5{display:flex;gap:2rem;justify-content:center;margin-top:1rem}.reactive-output.svelte-1kufpt5 p:where(.svelte-1kufpt5){margin:0;font-size:1rem}.transition-controls.svelte-xkkqe{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.transition-controls.svelte-xkkqe button:where(.svelte-xkkqe){background:var(--accent-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.transition-controls.svelte-xkkqe button:where(.svelte-xkkqe):hover:not(:disabled){background:#f50}.transition-controls.svelte-xkkqe button:where(.svelte-xkkqe):disabled{opacity:.5;cursor:not-allowed}.box.svelte-xkkqe{background:var(--accent-color);color:#fff;padding:2rem;border-radius:8px;text-align:center;margin:1rem 0}.list-container.svelte-xkkqe{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.list-item.svelte-xkkqe{background:var(--bg-color);border:1px solid var(--border-color);padding:.75rem 1rem;border-radius:4px}.store-display.svelte-1nobjd4{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0}.store-display.svelte-1nobjd4 button:where(.svelte-1nobjd4){background:var(--accent-color);color:#fff;border:none;border-radius:50%;width:3rem;height:3rem;font-size:1.5rem;cursor:pointer;transition:transform .2s,background .2s;font-weight:700}.store-display.svelte-1nobjd4 button:where(.svelte-1nobjd4):hover{transform:scale(1.1);background:#f50}.store-count.svelte-1nobjd4{font-size:3rem;font-weight:700;min-width:4rem;text-align:center;color:var(--accent-color)}.store-output.svelte-1nobjd4{display:flex;gap:2rem;justify-content:center;margin:1rem 0}.store-output.svelte-1nobjd4 p:where(.svelte-1nobjd4){margin:0;font-size:1rem}.reset-btn.svelte-1nobjd4{background:transparent;border:2px solid var(--border-color);color:var(--text-color);padding:.5rem 1rem;border-radius:4px;cursor:pointer;margin-top:.5rem;transition:all .2s}.reset-btn.svelte-1nobjd4:hover{background:var(--border-color)}.form-group.svelte-1va2kz7{margin-bottom:1rem}.form-group.svelte-1va2kz7 label:where(.svelte-1va2kz7){display:block;margin-bottom:.5rem;font-weight:600}.form-group.svelte-1va2kz7 input:where(.svelte-1va2kz7),.form-group.svelte-1va2kz7 textarea:where(.svelte-1va2kz7){width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:4px;background:var(--bg-color);color:var(--text-color);font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group.svelte-1va2kz7 input:where(.svelte-1va2kz7):focus,.form-group.svelte-1va2kz7 textarea:where(.svelte-1va2kz7):focus{outline:none;border-color:var(--accent-color)}.char-count.svelte-1va2kz7{display:block;margin-top:.25rem;font-size:.85rem;opacity:.7}form.svelte-1va2kz7 button:where(.svelte-1va2kz7){background:var(--accent-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;width:100%;margin-top:.5rem}form.svelte-1va2kz7 button:where(.svelte-1va2kz7):hover:not(:disabled){background:#f50}form.svelte-1va2kz7 button:where(.svelte-1va2kz7):disabled{opacity:.5;cursor:not-allowed}.success-message.svelte-1va2kz7{background:#0c0;color:#fff;padding:1rem;border-radius:4px;margin-bottom:1rem;text-align:center}.success-message.svelte-1va2kz7 p:where(.svelte-1va2kz7){margin:0}.file-structure-demo.svelte-mynv83{margin:2rem 0}.file-tree.svelte-mynv83{background:var(--code-bg);border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;color:var(--text-color)}.file-tree.svelte-mynv83 code:where(.svelte-mynv83){background:transparent;padding:0;border-radius:0;font-family:inherit;font-size:inherit;color:inherit}.structure-explanation.svelte-mynv83{margin-top:1.5rem;padding:1rem;background:var(--code-bg);border-left:4px solid var(--accent-color);border-radius:4px}.explanation-item.svelte-mynv83{margin:.75rem 0;font-size:.95rem;line-height:1.6}.explanation-item.svelte-mynv83 code:where(.svelte-mynv83){background:var(--bg-color);padding:.2em .4em;border-radius:3px;font-size:.9em}.performance-demo.svelte-18letdx{margin:2rem 0}.metrics-grid.svelte-18letdx{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.metric-card.svelte-18letdx{background:var(--code-bg);border:2px solid var(--border-color);border-radius:8px;padding:1.5rem;text-align:center}.metric-label.svelte-18letdx{font-size:.9rem;opacity:.8;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.metric-value.svelte-18letdx{font-size:2rem;font-weight:700;color:var(--accent-color);margin-bottom:.75rem}.metric-description.svelte-18letdx{font-size:.85rem;line-height:1.6;opacity:.9}.metric-description.svelte-18letdx strong:where(.svelte-18letdx){color:var(--accent-color)}.performance-comparison.svelte-18letdx{margin-top:2rem;padding:1.5rem;background:var(--code-bg);border-left:4px solid var(--accent-color);border-radius:4px}.performance-comparison.svelte-18letdx h5:where(.svelte-18letdx){margin-top:0;margin-bottom:1rem;font-size:1.1rem}.performance-comparison.svelte-18letdx ul:where(.svelte-18letdx){margin:0;padding-left:1.5rem}.performance-comparison.svelte-18letdx li:where(.svelte-18letdx){margin:.75rem 0;line-height:1.6}.loading.svelte-18letdx{text-align:center;padding:2rem;opacity:.7}