Twinkling night sky

Make a night sky with [number of stars] stars using canvas. Each star has its own size and twinkle period, and the whole sky drifts very slowly towards [drift direction]. Now and then a shooting star crosses diagonally. The background is a gradient from [top colour] to [bottom colour].

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.

canvas로 별 [별 개수]개가 있는 밤하늘을 만들어 주세요. 별마다 크기와 반짝이는 주기가 다르고, 전체가 아주 천천히 [흐르는 방향]으로 흘러요. 가끔 별똥별 하나가 대각선으로 지나가요. 배경은 [위쪽 색]에서 [아래쪽 색]으로 이어지는 그라데이션이에요.

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