Create one self-contained `index.html` containing a polished analog and digital clock. It must show correct local time and date, animate seconds, provide 12/24-hour and light/dark controls, remain usable from 320px to desktop width, support keyboard navigation and visible focus, respect reduced-motion preferences, and use no libraries, external assets, network requests, build step, or additional files. Add a `[data-toybox-clock]` root that sets `data-ready="true"` only when initialized. Render the visible time in a `<time data-toybox-time datetime="…">` element whose `datetime` is updated with the clock. Expose the selected hour mode and theme through accessible controls and state attributes. Write the file and verify it. Do not return an explanation instead of the artifact.
