fix(ui): vertically center routine title on touch devices (PAP-10748)

On coarse-pointer devices the global min-height:44px touch floor stretched
the auto-resizing title textarea; since textarea content is top-aligned, the
single line of title text was pushed to the top of the bar (too high on
mobile Safari). Opt the title field out of the floor via data-autosize-title
(its 56px bar already supplies the touch area) so items-center can center it.

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

ui/src/index.css

@@ -222,7 +222,11 @@
   [data-size="icon-xs"],
   [data-size="icon-sm"],
   input[type="checkbox"],
-  input[type="radio"] {
+  input[type="radio"],
+  /* Auto-resizing title fields are vertically centered inside their own bar,
+     which already provides the touch area; the 44px floor would top-align the
+     single line of text and push it too high (notably on mobile Safari). */
+  textarea[data-autosize-title] {
     min-height: 0;
   }
 }

ui/src/pages/RoutineDetail.tsx

@@ -787,7 +787,8 @@ export function RoutineDetail() {
           <div className="flex min-w-0 flex-1 items-center gap-3">
             <textarea
               ref={titleInputRef}
-              className="min-w-0 flex-1 resize-none overflow-hidden bg-transparent text-base font-semibold outline-none placeholder:text-muted-foreground/50"
+              data-autosize-title
+              className="min-w-0 flex-1 resize-none overflow-hidden bg-transparent text-base font-semibold leading-7 outline-none placeholder:text-muted-foreground/50"
               placeholder="Routine title"
               rows={1}
               value={editDraft.title}