.counter-controls.svelte-19xfdkf{display:flex;gap:.5rem}button.svelte-19xfdkf{background-color:#ff3e00;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;font-weight:700;transition:background-color .2s}button.svelte-19xfdkf:hover{background-color:#e03600}.container.svelte-jhw6dk{max-width:800px;margin:0 auto}h1.svelte-jhw6dk{color:#ff3e00;margin-bottom:.5rem}.intro.svelte-jhw6dk{margin-bottom:2rem}.example-section.svelte-jhw6dk,.theme-section.svelte-jhw6dk{margin-bottom:3rem}h2.svelte-jhw6dk{color:#333;border-bottom:2px solid #ff3e00;display:inline-block;padding-bottom:5px;margin-bottom:1.5rem}.card.svelte-jhw6dk{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;margin-bottom:1rem}h3.svelte-jhw6dk{margin-top:0;color:#333;margin-bottom:1rem}button.svelte-jhw6dk{background-color:#ff3e00;color:#fff;border:none;border-radius:4px;padding:.5rem 1rem;cursor:pointer;font-weight:700;transition:background-color .2s;margin-right:.5rem;margin-bottom:.5rem}button.svelte-jhw6dk:hover{background-color:#e03600}button.active.svelte-jhw6dk{background-color:#333}.grid.svelte-jhw6dk{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.grid.svelte-jhw6dk{grid-template-columns:repeat(2,1fr)}}.counter-value.svelte-jhw6dk{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.counter-controls.svelte-jhw6dk{display:flex;gap:.5rem}.code-example.svelte-jhw6dk{margin-top:1.5rem;background-color:#f5f5f5;padding:1rem;border-radius:4px;border-left:4px solid #ff3e00}pre.svelte-jhw6dk{background-color:#333;color:#fff;padding:1rem;border-radius:4px;overflow-x:auto;margin:0}code.svelte-jhw6dk{font-family:Courier New,Courier,monospace}.theme-preview.svelte-jhw6dk{padding:1.5rem;border-radius:8px;margin-bottom:1rem;transition:all .3s ease}.light.svelte-jhw6dk{background-color:#f9f9f9;color:#333}.dark.svelte-jhw6dk{background-color:#333;color:#f9f9f9}.sepia.svelte-jhw6dk{background-color:#f1e7d0;color:#704214}.theme-controls.svelte-jhw6dk{margin-bottom:1.5rem}.time-display.svelte-jhw6dk{text-align:center;margin-bottom:1.5rem}.time.svelte-jhw6dk{font-size:2rem;font-weight:700;margin:0}.date.svelte-jhw6dk{color:#666}.info.svelte-jhw6dk{background-color:#f0f7ff;padding:1rem;border-radius:4px;margin-bottom:1rem;border-left:4px solid #2196F3}