feat: Add premium UI foundation - Colors, Glassmorphism, Integration Hook
Premium Color System (src/theme/colors.ts):
- ChromaNotes-inspired palette with accessibility (WCAG compliant)
- Hand-specific colors: Right (Green/Cyan), Left (Orange/Magenta)
- Semantic feedback colors (success/warning/error/critical)
- Posture score gradient (red → green)
- Gamification colors (XP, levels, streaks, achievements)
- Dark/Light mode support with auto-detection
- Accessibility icons (circle/triangle/square) for color-blind users
- Helper functions: getNoteColor(), getPostureScoreColor(), etc.
Glassmorphism Design System (src/styles/glassmorphism.css):
- Frosted glass aesthetic with backdrop-filter
- Optimized for 60fps performance
- Components: glass-container, glass-card, glass-panel, glass-button
- Special effects: neon-glow, shimmer, float animations
- Responsive with mobile optimizations
- Dark mode adjustments
- CSS custom properties integration
Premium Integration Hook (src/hooks/usePremiumPosture.ts):
- Combines HandPostureAnalyzerV2 + TemporalSynchronizer + Gamification
- Real-time posture analysis with EMA filtering
- MIDI-Pose temporal correlation
- Automatic XP bonuses for correct posture (10 XP excellent, 5 XP good)
- Achievement detection:
* perfect_posture_streak (5 consecutive 95+ scores)
* injury_prevention_master (50 notes without critical issues)
* posture_consistency (20 notes with 80+ average)
- Statistics tracking (accuracy, correlations, avg score)
- Latency calibration support
- Session reset functionality
This commit establishes the technical and aesthetic foundation for
the premium multi-screen experience (Cockpit/Studio/Journey).
128a0a1ef3