.app.svelte-1uha8ag{max-width:600px;min-height:100dvh;margin:0 auto;padding:2rem 1rem}.header.svelte-1uha8ag{margin-bottom:1.5rem}.header.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-family:var(--font-display);color:var(--color-text);font-size:1.75rem;font-weight:700}.stats.svelte-1uha8ag{color:var(--color-text-muted);margin-top:.25rem;font-size:.875rem}.create-form.svelte-1uha8ag{margin-bottom:1.5rem}.form-fields.svelte-1uha8ag{align-items:flex-start;gap:.5rem;display:flex}.field-group.svelte-1uha8ag{flex-direction:column;flex:1;gap:.5rem;display:flex}.field-group.svelte-1uha8ag input:where(.svelte-1uha8ag){border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.625rem .875rem;font-size:.9375rem}.field-group.svelte-1uha8ag input:where(.svelte-1uha8ag)::placeholder{color:var(--color-text-muted);opacity:.7}.field-group.svelte-1uha8ag input:where(.svelte-1uha8ag):focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.btn-add.svelte-1uha8ag{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);white-space:nowrap;transition:background var(--transition-fast), transform var(--transition-fast);min-height:44px;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600}.btn-add.svelte-1uha8ag:hover:not(:disabled){background:var(--color-accent-hover)}.btn-add.svelte-1uha8ag:active:not(:disabled){transform:scale(.97)}.btn-add.svelte-1uha8ag:disabled{opacity:.5;cursor:not-allowed}.filters.svelte-1uha8ag{background:var(--color-border-light);border-radius:var(--radius-md);gap:.25rem;margin-bottom:1.25rem;padding:.25rem;display:flex}.filters.svelte-1uha8ag button:where(.svelte-1uha8ag){border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-fast);flex:1;min-height:44px;padding:.5rem .75rem;font-size:.875rem;font-weight:500}.filters.svelte-1uha8ag button:where(.svelte-1uha8ag):hover{color:var(--color-text);background:#ffffff80}.filters.svelte-1uha8ag button.active:where(.svelte-1uha8ag){background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm);font-weight:600}.todo-list.svelte-1uha8ag{flex-direction:column;gap:.5rem;display:flex}.todo-item.svelte-1uha8ag{background:var(--color-surface);border-radius:var(--radius-lg);border-left:3px solid var(--color-accent);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), border-color var(--transition-normal);align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex}.todo-item.completed.svelte-1uha8ag{border-left-color:var(--color-success)}.todo-item.svelte-1uha8ag:hover{box-shadow:var(--shadow-md)}.checkbox.svelte-1uha8ag{border:2px solid var(--color-border);width:24px;height:24px;transition:all var(--transition-fast);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-height:24px;margin-top:.125rem;display:flex}.checkbox.svelte-1uha8ag:hover{border-color:var(--color-accent)}.checkbox.checked.svelte-1uha8ag{background:var(--color-success);border-color:var(--color-success)}.todo-content.svelte-1uha8ag{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.todo-title.svelte-1uha8ag{color:var(--color-text);word-break:break-word;transition:text-decoration var(--transition-fast), color var(--transition-fast);font-size:.9375rem;font-weight:500}.todo-item.completed.svelte-1uha8ag .todo-title:where(.svelte-1uha8ag){color:var(--color-text-muted);text-decoration:line-through}.todo-desc.svelte-1uha8ag{color:var(--color-text-muted);word-break:break-word;font-size:.8125rem}.todo-date.svelte-1uha8ag{color:var(--color-text-muted);opacity:.7;margin-top:.125rem;font-size:.75rem}.btn-delete.svelte-1uha8ag{border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-fast);opacity:0;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.375rem;display:flex}.todo-item.svelte-1uha8ag:hover .btn-delete:where(.svelte-1uha8ag),.todo-item.svelte-1uha8ag:focus-within .btn-delete:where(.svelte-1uha8ag){opacity:1}.btn-delete.svelte-1uha8ag:hover{background:var(--color-danger-light);color:var(--color-danger)}.state-empty.svelte-1uha8ag{text-align:center;color:var(--color-text-muted);padding:3rem 1rem}.state-empty.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:1rem}.state-error.svelte-1uha8ag{text-align:center;background:var(--color-danger-light);border-radius:var(--radius-lg);color:var(--color-danger);padding:2rem 1rem}.state-error.svelte-1uha8ag p:where(.svelte-1uha8ag){margin-bottom:1rem;font-size:.9375rem}.btn-retry.svelte-1uha8ag{background:var(--color-surface);color:var(--color-danger);border:1.5px solid var(--color-danger);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:.5rem 1rem;font-size:.875rem;font-weight:600}.btn-retry.svelte-1uha8ag:hover{background:var(--color-danger);color:#fff}.modal-overlay.svelte-1uha8ag{z-index:100;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal.svelte-1uha8ag{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:1.5rem;box-shadow:0 20px 60px #00000026}.modal.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-family:var(--font-display);margin-bottom:.5rem;font-size:1.125rem}.modal.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--color-text-muted);margin-bottom:1.25rem;font-size:.875rem}.modal-actions.svelte-1uha8ag{justify-content:flex-end;gap:.5rem;display:flex}.btn-cancel.svelte-1uha8ag{border-radius:var(--radius-md);background:var(--color-border-light);color:var(--color-text);transition:background var(--transition-fast);padding:.5rem 1rem;font-size:.875rem;font-weight:500}.btn-cancel.svelte-1uha8ag:hover{background:var(--color-border)}.btn-danger.svelte-1uha8ag{border-radius:var(--radius-md);background:var(--color-danger);color:#fff;transition:background var(--transition-fast);padding:.5rem 1rem;font-size:.875rem;font-weight:600}.btn-danger.svelte-1uha8ag:hover{background:#a93226}@media (width<=480px){.app.svelte-1uha8ag{padding:1.25rem .75rem}.header.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:1.5rem}.form-fields.svelte-1uha8ag{flex-direction:column}.btn-add.svelte-1uha8ag{width:100%}.btn-delete.svelte-1uha8ag{opacity:1}}