a11y: Touch-Target System mit Token-basierter Sizing (Redesign Phase E)

- Neue Tokens: --target-sm (32px), --target-md (40px), --target-lg (48px)
- Globale min-height:44px Regel aus reset.css entfernt
- Alle 28 min-height:unset Overrides eliminiert
- Strategy A: Buttons, Nav-Items, Inputs → 48px mobile, 40px desktop
- Strategy B: Kleine Elemente (Checkboxen, Swatches, Delete-Buttons)
  → ::before Pseudo-Element expandiert Touch-Area auf 48×48px

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

public/styles/notes.css

@@ -98,12 +98,18 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  min-height: unset;
+  position: relative;
   opacity: 0;
   transition: opacity var(--transition-fast), background-color var(--transition-fast);
   color: var(--color-text-primary);
 }
 
+.note-card__pin::before {
+  content: '';
+  position: absolute;
+  inset: -12px;
+}
+
 .note-card--pinned .note-card__pin {
   opacity: 1;
   background: var(--color-overlay-light);
@@ -177,12 +183,18 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  min-height: unset;
+  position: relative;
   color: var(--color-text-tertiary);
   opacity: 0;
   transition: opacity var(--transition-fast), background-color var(--transition-fast);
 }
 
+.note-card__delete::before {
+  content: '';
+  position: absolute;
+  inset: -12px;
+}
+
 .note-card:hover .note-card__delete {
   opacity: 1;
 }
@@ -229,10 +241,18 @@
   height: 28px;
   border-radius: var(--radius-full);
   border: 2px solid transparent;
+  position: relative;
   cursor: pointer;
   transition: transform var(--transition-fast), border-color var(--transition-fast);
 }
 
+.note-color-swatch::before {
+  content: '';
+  position: absolute;
+  inset: -10px;
+  border-radius: var(--radius-full);
+}
+
 .note-color-swatch:hover       { transform: scale(1.15); }
 .note-color-swatch--active     { border-color: var(--color-text-primary); transform: scale(1.1); }