Osatehtävät (subtaskit) TODO-tehtäviin

Uusi todo_subtasks-taulu + 3 API-endpointtia (add/toggle/delete).
Tehtävän lukunäkymässä checkbox-lista osatehtäville, lisäys
Enter-näppäimellä tai Lisää-napilla. Valmiit yliviivataan.
Tehtävälistassa näkyy edistyminen (esim. ☑ 2/5).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

index.html

@@ -505,6 +505,16 @@
                             <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0.75rem;margin-bottom:1rem;padding:1rem;background:#fafbfc;border-radius:8px;" id="task-read-fields"></div>
                             <div id="task-read-description" style="margin-bottom:1.5rem;line-height:1.7;white-space:pre-wrap;"></div>
 
+                            <!-- Osatehtävät -->
+                            <div id="task-subtasks-section" style="margin-bottom:1.5rem;">
+                                <h3 style="font-size:1rem;margin-bottom:0.75rem;">&#9745; Osatehtävät <span id="task-subtask-count" style="font-weight:400;color:#888;"></span></h3>
+                                <div id="task-subtasks-list"></div>
+                                <div style="display:flex;gap:0.5rem;margin-top:0.5rem;">
+                                    <input type="text" id="subtask-input" placeholder="Lisää osatehtävä..." style="flex:1;padding:0.4rem 0.6rem;border:1px solid #ddd;border-radius:6px;font-size:0.88rem;">
+                                    <button type="button" class="btn-secondary" id="btn-add-subtask" style="padding:0.4rem 0.8rem;font-size:0.85rem;">Lisää</button>
+                                </div>
+                            </div>
+
                             <!-- Aikakirjaukset -->
                             <div id="task-time-section" style="margin-bottom:1.5rem;">
                                 <h3 style="font-size:1rem;margin-bottom:0.75rem;">&#9201; Aikakirjaukset <span id="task-time-total" style="font-weight:400;color:#888;"></span></h3>