Fix widget layout clipping and add comprehensive widget previews

- Fix LargeVotingView mood icons getting clipped at edges by using
  flexible HStack spacing with maxWidth: .infinity
- Fix VotingView medium layout with smaller icons and even distribution
- Add comprehensive #Preview macros for all widget states:
  - Vote widget: small/medium, voted/not voted, all mood states
  - Timeline widget: small/medium/large with various data states
- Reduce icon sizes and padding to fit within widget bounds
- Update accessibility labels and hints across views

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

landing_page/index-v2.html

@@ -554,6 +554,7 @@
         .feature-card:nth-child(4) .feature-icon { background: rgba(239, 190, 154, 0.2); }
         .feature-card:nth-child(5) .feature-icon { background: rgba(165, 196, 212, 0.2); }
         .feature-card:nth-child(6) .feature-icon { background: rgba(229, 168, 154, 0.2); }
+        .feature-card:nth-child(7) .feature-icon { background: rgba(94, 186, 175, 0.2); }
 
         .feature-card h3 {
             font-size: 1.25rem;
@@ -1191,6 +1192,12 @@
                 <h3>Private by Design</h3>
                 <p>Your feelings are yours alone. All data stays on your devices with iCloud sync you control.</p>
             </div>
+
+            <div class="feature-card reveal">
+                <div class="feature-icon">♿</div>
+                <h3>WCAG 2.1 AA Accessible</h3>
+                <p>Built for everyone. Full VoiceOver support, Dynamic Type, and high contrast ensure no one is left behind.</p>
+            </div>
         </div>
     </section>
 

landing_page/index-v3.html

@@ -1107,6 +1107,12 @@
                 <h3>Privacy</h3>
                 <p>Your data stays on your devices. iCloud sync with no third-party access.</p>
             </div>
+
+            <div class="feature-card fade-in">
+                <div class="feature-number">07</div>
+                <h3>WCAG 2.1 AA</h3>
+                <p>Built for everyone. Full VoiceOver support, Dynamic Type, and high contrast ensure no one is left behind.</p>
+            </div>
         </div>
     </section>
 

landing_page/index.html

@@ -491,6 +491,7 @@
         .feature-icon.purple { background: rgba(168, 85, 247, 0.15); }
         .feature-icon.red { background: rgba(248, 113, 113, 0.15); }
         .feature-icon.gray { background: rgba(148, 163, 184, 0.15); }
+        .feature-icon.cyan { background: rgba(34, 211, 238, 0.15); }
 
         .feature-card h3 {
             font-size: 1.125rem;
@@ -956,6 +957,11 @@
                     <h3>Privacy First</h3>
                     <p>Your feelings stay yours. All data lives on your devices with iCloud sync.</p>
                 </div>
+                <div class="feature-card reveal">
+                    <div class="feature-icon cyan">♿</div>
+                    <h3>WCAG 2.1 AA Accessible</h3>
+                    <p>Built for everyone. Full VoiceOver support, Dynamic Type, and high contrast ensure no one is left behind.</p>
+                </div>
             </div>
         </div>
     </section>