Made with Claude Code

25분을 재는 집중 타이머를 만들어 주세요. HTML 파일 하나로 열리고, 설치나 다른 파일 없이 브라우저에서 바로 돌아가야 합니다. CSS와 자바스크립트도 그 안에 넣어 주세요.

화면 가운데에 남은 시간을 크게 보여 주세요. 시작, 멈춤, 처음으로 버튼 세 개면 충분합니다. 시간이 다 되면 화면 전체가 색이 바뀌고 큰 글씨가 뜬다.

멈췄다가 다시 시작하면 이어서 가야 하고, 처음으로를 누르면 설정한 시간으로 돌아가야 합니다. 탭을 잠깐 다른 데 보고 와도 시간이 어긋나지 않게, 남은 시간은 시계로 계산해 주세요.

이미지 파일이나 외부 주소는 쓰지 마세요. 소리가 필요하면 브라우저가 직접 만들 수 있는 짧은 소리로 해 주세요.

다 만든 뒤에 시작-멈춤-다시-처음으로 순서로 눌러 보는 셈 치고 확인하고, 어긋나는 데가 있으면 고쳐서 최종본만 주세요.