.add-task.svelte-r5m60{margin:8px 0}.add-task-button.svelte-r5m60{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:transparent;border:2px dashed #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.add-task-button.svelte-r5m60:hover{border-color:#3b82f6;color:#3b82f6;background:#f8fafc}.plus-icon.svelte-r5m60{font-size:18px;font-weight:700}.add-task-form.svelte-r5m60{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000001a}.add-task-input.svelte-r5m60{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;margin-bottom:12px}.add-task-input.svelte-r5m60:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-task-actions.svelte-r5m60{display:flex;gap:8px}.add-button.svelte-r5m60{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.add-button.svelte-r5m60:hover:not(:disabled){background:#2563eb}.add-button.svelte-r5m60:disabled{background:#9ca3af;cursor:not-allowed}.cancel-button.svelte-r5m60{background:transparent;color:#6b7280;border:1px solid #e5e7eb;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.cancel-button.svelte-r5m60:hover{background:#f3f4f6}.task-item.svelte-h6n76l{border:1px solid #e5e7eb;border-radius:8px;margin:4px 0;background:#fff;transition:all .2s}.task-item.svelte-h6n76l:hover{box-shadow:0 2px 4px #0000001a}.task-item.completed.svelte-h6n76l{opacity:.7;background:#f9fafb}.task-content.svelte-h6n76l{padding:12px}.task-main.svelte-h6n76l{display:flex;align-items:center;gap:8px;min-height:24px}.task-select.svelte-h6n76l{width:16px;height:16px;cursor:pointer}.task-checkbox.svelte-h6n76l{width:18px;height:18px;cursor:pointer}.subtask-toggle.svelte-h6n76l{background:none;border:none;cursor:pointer;font-size:12px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#6b7280}.subtask-spacer.svelte-h6n76l{width:20px}.task-title.svelte-h6n76l{flex:1;font-size:14px;cursor:pointer;padding:4px;border-radius:4px}.task-title.svelte-h6n76l:hover{background:#f3f4f6}.task-title.completed.svelte-h6n76l{text-decoration:line-through;color:#6b7280}.task-edit-input.svelte-h6n76l{flex:1;padding:4px 8px;border:1px solid #3b82f6;border-radius:4px;font-size:14px}.task-edit-input.svelte-h6n76l:focus{outline:none;box-shadow:0 0 0 2px #3b82f633}.task-actions.svelte-h6n76l{display:flex;gap:4px;opacity:0;transition:opacity .2s}.task-main.svelte-h6n76l:hover .task-actions:where(.svelte-h6n76l){opacity:1}.task-edit-actions.svelte-h6n76l{display:flex;gap:4px}.edit-btn.svelte-h6n76l,.delete-btn.svelte-h6n76l,.save-btn.svelte-h6n76l,.cancel-btn.svelte-h6n76l{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;font-size:12px;transition:background .2s}.edit-btn.svelte-h6n76l:hover,.save-btn.svelte-h6n76l:hover{background:#e0f2fe}.delete-btn.svelte-h6n76l:hover,.cancel-btn.svelte-h6n76l:hover{background:#fee2e2}.subtasks.svelte-h6n76l{margin-left:44px;margin-top:8px;padding-left:16px;border-left:2px solid #f3f4f6}.todo-app.svelte-u6d2jx{max-width:800px;margin:0 auto;padding:20px;min-height:100vh;background:#f8fafc}.app-header.svelte-u6d2jx{text-align:center;margin-bottom:32px}.app-header.svelte-u6d2jx h1:where(.svelte-u6d2jx){font-size:2.5rem;font-weight:300;color:#1f2937;margin:0 0 8px}.stats.svelte-u6d2jx{color:#6b7280;font-size:14px}.app-content.svelte-u6d2jx{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px #0000000d}.bulk-actions.svelte-u6d2jx{margin-bottom:16px}.selection-actions.svelte-u6d2jx{display:flex;gap:8px;flex-wrap:wrap}.select-btn.svelte-u6d2jx{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px}.select-btn.svelte-u6d2jx:hover{background:#e5e7eb}.delete-selected-btn.svelte-u6d2jx{background:#ef4444;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px}.delete-selected-btn.svelte-u6d2jx:hover{background:#dc2626}.tasks-container.svelte-u6d2jx{margin-top:16px}.empty-state.svelte-u6d2jx{text-align:center;padding:48px 24px;color:#6b7280}.empty-state.svelte-u6d2jx p:where(.svelte-u6d2jx){margin:0;font-size:16px}