The user wants me to create a single-page web app that simulates a chaotic double pendulum. I need to:

1. Use the correct equations of motion for a double pendulum
2. Draw the pendulum arms on a canvas
3. Create a colorful fading trail of the tip
4. Everything in one self-contained index.html file with inline CSS and JS
5. No external resources

The double pendulum equations of motion are derived from the Lagrangian mechanics. For a double pendulum with:
- m1, m2: masses of the two bobs
- l1, l2: lengths of the two arms
- θ1, θ2: angles from vertical
- ω1, ω2: angular velocities

The equations are quite complex. I'll implement them using the standard form derived from the Euler-Lagrange equations.

Let me create a complete, self-contained HTML file with:
- A canvas for rendering
- CSS for styling
- JavaScript for the physics simulation and rendering
- Colorful fading trail effect

Done! I've created a self-contained `index.html` file with a chaotic double pendulum simulation. Here's what it includes:

**Physics:**
- Uses the correct Lagrangian equations of motion for a double pendulum
- Implements 4th-order Runge-Kutta integration for numerical accuracy
- Includes slight damping to prevent energy buildup

**Visual Features:**
- Two pendulum arms with joints
- Colorful fading trail that shows the chaotic path of the tip
- Rainbow-colored trail with hue cycling over time
- Glowing effect on the pendulum bob
- Smooth animations at 60fps

**Controls:**
- **Reset** button - gives new random initial conditions
- **Pause/Resume** button - stops/starts the simulation

The double pendulum exhibits beautiful chaotic behavior - tiny changes in initial conditions lead to dramatically different trajectories, making each reset unique!