Update styled-system CSS chunks and Claude configuration to reflect component and styling changes from previous feature additions. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
- Add CSS opacity system for hidden inactive beads accessibility - Remove DOM exclusion logic - render all beads, use CSS for visibility - Implement three-state opacity system: * Default: inactive beads opacity 0 (hidden) * Abacus hover: inactive beads opacity 0.5 (semi-transparent) * Individual bead hover: opacity 1 (fully visible) - Add smooth 0.2s ease-in-out transitions for all opacity changes - Create comprehensive test story with side-by-side comparison - Maintain full click/gesture functionality for revealed beads - Clean CSS-only implementation with no JavaScript hover management 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
Thomas Hallock