Rolteller

Bouw een interactief UI-element: Rolteller.

Wat het is: Plus en min, en elk cijfer rolt los naar zijn plek.

Gedrag:
- Groot getal tussen een min- en een plusknop, met tabular figures.
- Elk cijfer is een eigen kolom 0 tot en met 9 die verticaal naar de juiste waarde rolt (translateY, ongeveer 500 ms, licht overschietende easing).
- Cijfers houden hun positie vanaf rechts, zodat bij 99 naar 100 alleen de juiste kolommen rollen.
- De knoppen krimpen kort bij een klik (active scale).
- Screenreaders horen alleen het getal (aria-live), niet de kolommen.

Eisen:
- Werk in de stack van dit project. Is het React met Tailwind CSS, maak dan één component zonder extra pakketten; anders gewone HTML, CSS en JavaScript.
- Volledig bedienbaar met toetsenbord en touch, met de juiste aria-attributen.
- Respecteer prefers-reduced-motion: minder of geen beweging.
- Neem de kleuren, lettertypes en afrondingen van mijn project over.
- Laat me aan het eind zien waar het component staat en hoe ik het gebruik.