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

1. Use the correct equations of motion for a double pendulum
2. Draw the two arms of the pendulum
3. Draw a colorful fading trail of the tip
4. Make it all self-contained in one index.html file
5. No external resources, CDNs, or network requests

Let me recall the equations of motion for a double pendulum:

For a double pendulum with:
- m1, m2 = masses of the two bobs
- l1, l2 = lengths of the two arms
- θ1, θ2 = angles from vertical
- g = gravitational acceleration

The equations are quite complex. The angular accelerations are:

For θ1:
num1 = -g(2m1+m2)sin(θ1) - m2*g*sin(θ1-2θ2) - 2sin(θ1-θ2)m2(ω2²l2+ω1²l1*cos(θ1-θ2))
den1 = l1(2m1+m2-m2*cos(2θ1-2θ2))
α1 = num1/den1

For θ2:
num2 = 2sin(θ1-θ2)(ω1²l1(m1+m2)+g(m1+m2)cos(θ1)+ω2²l2*m2*cos(θ1-θ2))
den2 = l2(2m1+m2-m2*cos(2θ1-2θ2))
α2 = num2/den2

I'll implement this using HTML5 Canvas with a Runge-Kutta integration method for better accuracy, or at least a simple Euler integration with small time steps.

For the trail, I'll store previous positions and draw them with decreasing opacity and varying colors (maybe using HSL for rainbow effects).

Let me write this now.

I've created a complete, self-contained double pendulum simulation. Let me verify it's correct:

1. **Physics**: Uses the correct Lagrangian equations of motion for a double pendulum
2. **Integration**: Uses Runge-Kutta 4th order for numerical stability
3. **Visuals**: 
   - Draws both arms and bobs
   - Colorful fading trail using HSL color space
   - Glow effects on the tip
   - Clean dark theme
4. **Features**:
   - Reset button
   - Pause/Resume
   - Randomize button for different initial conditions
5. **Self-contained**: All CSS and JS inline, no external resources

The equations are the standard double pendulum equations derived from Lagrangian mechanics. The simulation should exhibit chaotic behavior as expected.