close to final version added the subtaskand comment working section

src/index.css

@@ -1386,13 +1386,38 @@ body {
   accent-color: var(--status-done);
 }
 
-.subtask-text {
-  font-size: 13px;
+.subtask-input {
+  flex: 1;
+  border: none;
+  background: transparent;
+  padding: 4px 0;
+  color: var(--text-primary);
+  font-size: 14px;
+}
+.subtask-input:focus {
+  outline: none;
+  border-bottom: 1px solid var(--primary);
+}
+.subtask-input.done {
+  text-decoration: line-through;
+  color: var(--text-secondary);
 }
 
-.subtask-text.done {
-  text-decoration: line-through;
-  color: var(--text-muted);
+.subtask-delete {
+  background: transparent;
+  border: none;
+  color: var(--text-secondary);
+  cursor: pointer;
+  padding: 4px;
+  font-size: 14px;
+  opacity: 0;
+  transition: opacity 0.2s, color 0.2s;
+}
+.subtask-row:hover .subtask-delete {
+  opacity: 1;
+}
+.subtask-delete:hover {
+  color: #ef4444;
 }
 
 .subtask-add {