Typewriter title

Make a title animation where "[sentence to show]" types out letter by letter like a typewriter in the centre of a dark background. The letters are bold and [text colour], ending with a bar cursor that blinks every 0.5 seconds. When it finishes, wait [pause time] seconds, erase it and start again.

Put CSS and JavaScript in a single HTML file. Don't use external libraries or images, and draw in a 16:9 area in the centre of the screen. If prefers-reduced-motion is on, show the final scene without motion.

어두운 배경 가운데에 "[보여 줄 문장]"이 한 글자씩 타자기처럼 찍히는 제목 애니메이션을 만들어 주세요. 글자는 [글자 색]이고 굵게, 끝에는 막대 모양 커서가 0.5초 간격으로 깜빡여요. 다 찍히면 [멈추는 시간]초 기다렸다가 지우고 처음부터 다시 해요.

HTML 파일 하나에 CSS와 JavaScript를 넣어 주세요. 외부 라이브러리와 이미지는 쓰지 말고, 화면 가운데 16:9 영역에 그려 주세요. prefers-reduced-motion이 켜져 있으면 움직임 없이 마지막 장면을 보여 주세요.