Fix oversized task checkboxes and inconsistent meal text alignment

Exclude small buttons (task checkboxes, action buttons, color swatches)
from the 44px min-size rule in pwa.css — they already expand touch area
via ::before pseudo-elements. Force consistent left-alignment on meal
card titles, ingredients, and type labels.

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

public/styles/meals.css

@@ -140,6 +140,7 @@
   text-transform: uppercase;
   letter-spacing: 0.05em;
   padding: var(--space-1) var(--space-2) 0;
+  text-align: left;
 }
 
 /* Slot-Typ-Farben — zentrale Tokens aus tokens.css */
@@ -175,6 +176,8 @@
   flex: 1;
   display: flex;
   flex-direction: column;
+  align-items: flex-start;
+  text-align: left;
   padding: var(--space-1) var(--space-2) var(--space-2);
   cursor: pointer;
 }
@@ -187,6 +190,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 1.4;
+  width: 100%;
 }
 
 .meal-card__meta {
@@ -194,6 +198,7 @@
   display: flex;
   align-items: center;
   gap: var(--space-1);
+  width: 100%;
 }
 
 .meal-card__ingredients-count {