Tapping an option now highlights it (warm gold border); a
"Bestätigen" button activates once something is selected.
Answer is only evaluated on confirmation, not on tap.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Remove lang/points header from all 3 card types
- PairSentenceCard: Verstanden button locked until audio played OR
translate button held for 2 seconds
- Hold button shows circular gold ring filling up over 2s while held
- TTS button highlights gold when unlocked
- .pair-btn-locked style for disabled state
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
The max-height broke the square aspect ratio needed for object coordinate
overlays. Layout fix in App.jsx already ensures correct heights; the
image constraint was unnecessary.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- App.jsx: use flex column layout so BottomNav stays at bottom and
never scrolls away; Feed gets a proper definite height for scroll-snap
- Feed.css: feed-slot uses min-height so long cards can grow, align top
- PairCards.css: cap image at 40dvh so card always fits on screen
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
