你是一个前端工程师。请用 Three.js（一个网页 3D 库）写一个单文件 HTML，演示这个化学反应：甲烷燃烧，CH₄ 加 2 个 O₂ 生成 1 个 CO₂ 加 2 个 H₂O。
要求：
一、左边用 3D 画出反应物分子，鼠标左键拖拽旋转、滚轮缩放；
二、加一根"反应进度"滑块，拖动时分子要真的断键、原子飞向新搭档、重新成键，产物分子必须画对立体构型；
三、右边显示配平好的化学方程式（用 KaTeX 渲染）、分步讲解、原子守恒计数器；
四、原子个数和分子构型必须精确计算，不要凭感觉猜数值；
五、全部内联到一个 HTML 文件，我双击就能打开。
颜色采用浅蓝、红、深灰、黄色为主色调。
