.todo-container.svelte-1st60im{max-width:500px;margin:0 auto;padding:2rem;background:#f9f9f9;border-radius:8px;transition:background-color .3s ease,color .3s ease}.todo-container.dark.svelte-1st60im{background:#1a1a1a;color:#e0e0e0}.header.svelte-1st60im{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}h2.svelte-1st60im{color:#ff3e00;margin:0}.theme-toggle.svelte-1st60im{background:transparent;border:2px solid #ff3e00;border-radius:50%;width:40px;height:40px;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.theme-toggle.svelte-1st60im:hover{background:#ff3e00;transform:rotate(180deg)}.input-group.svelte-1st60im{display:flex;gap:.5rem;margin-bottom:1.5rem}.todo-input.svelte-1st60im{flex:1;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background:#fff;color:#333;transition:all .3s ease}.dark.svelte-1st60im .todo-input:where(.svelte-1st60im){background:#2a2a2a;border-color:#444;color:#e0e0e0}.dark.svelte-1st60im .todo-input:where(.svelte-1st60im)::placeholder{color:#888}.add-btn.svelte-1st60im{padding:.5rem 1rem;background:#ff3e00;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.add-btn.svelte-1st60im:hover{background:#ff5a00}.todo-list.svelte-1st60im{list-style:none;padding:0;margin:0 0 1.5rem}.todo-item.svelte-1st60im{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff;border-radius:4px;margin-bottom:.5rem;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.dark.svelte-1st60im .todo-item:where(.svelte-1st60im){background:#2a2a2a;box-shadow:0 1px 3px #0000004d}.todo-checkbox.svelte-1st60im{width:20px;height:20px;cursor:pointer}.todo-text.svelte-1st60im{flex:1;font-size:1rem;color:#333;transition:all .3s ease}.dark.svelte-1st60im .todo-text:where(.svelte-1st60im){color:#e0e0e0}.todo-text.done.svelte-1st60im{text-decoration:line-through;opacity:.5;color:#666}.dark.svelte-1st60im .todo-text.done:where(.svelte-1st60im){color:#888}.delete-btn.svelte-1st60im{padding:.25rem .5rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.875rem}.delete-btn.svelte-1st60im:hover{background:#c82333}.stats.svelte-1st60im{padding:1rem;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.dark.svelte-1st60im .stats:where(.svelte-1st60im){background:#2a2a2a;box-shadow:0 1px 3px #0000004d}.stats.svelte-1st60im p:where(.svelte-1st60im){margin:.5rem 0;color:#333}.dark.svelte-1st60im .stats:where(.svelte-1st60im) p:where(.svelte-1st60im){color:#e0e0e0}.stats.svelte-1st60im strong:where(.svelte-1st60im){color:#ff3e00}.progress-bar.svelte-1st60im{width:100%;height:20px;background:#e9ecef;border-radius:10px;overflow:hidden;margin-top:.5rem;transition:background .3s ease}.dark.svelte-1st60im .progress-bar:where(.svelte-1st60im){background:#444}.progress-fill.svelte-1st60im{height:100%;background:linear-gradient(90deg,#ff3e00,#ff5a00);transition:width .3s ease}.empty-message.svelte-1st60im{text-align:center;color:#666;padding:2rem;background:#fff;border-radius:4px;transition:all .3s ease}.dark.svelte-1st60im .empty-message:where(.svelte-1st60im){background:#2a2a2a;color:#999}