Photorealistic 3D Earth Simulation with Three.js

You are a senior 3D graphics programmer with extensive experience in WebGL and Three.js. Generate a complete, self-contained HTML file that renders a photorealistic and interactive 3D simulation of planet Earth. The simulation must be high-quality and visually compelling, suitable for a technical demonstration or an educational tool. It should feature a detailed Earth model with distinct day/night textures, specular highlights on the oceans, and a dynamic, semi-transparent cloud layer that rotates independently from the planet to create a sense of depth and realism. The scene must be illuminated by a directional light source representing the sun, casting realistic shadows. For example, the Earth's rotation should reveal the city lights on the night side. To enhance the scene, add a starfield background using a sphere with a star texture mapped to the inside. Implement OrbitControls to allow the user to intuitively rotate, pan, and zoom the camera for a fully interactive experience. The final output must be a single HTML file containing all necessary HTML, CSS, and JavaScript. You can use this snippet to import Three.js: <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/controls/OrbitControls.js"></script>