Chart Prompts

Restyle my chart in the "EEG Bands" style described below. Keep my data, chart type, title meaning and units; change only the presentation. Use the charting library this project already uses (plain SVG if there is none). If the library can't express a detail, draw it in a custom layer instead of dropping it. Measurements assume a 960 x 600 chart; scale them proportionally.

Mood: a recording-session readout from a cognitive neuroscience lab. Deep navy, wide calm type, four smooth band lines ordered cool to warm, and the session's task structure laid behind the data as faint vertical epochs.

Colors (use these exact values):
- Page: #0E1320. Primary text: #E8ECF6. Secondary text: #8791AB. Gridlines: #232B40; zero line #3A4460.
- Series from slowest to fastest band (cool to warm): #7A6FF0 (indigo), #38B8C4 (teal), #C8508E (rose), #E8A032 (amber).
- Epoch shading: #FFFFFF at 4% opacity on every other epoch, starting with the first.

Typography (Google Fonts): Encode Sans Expanded for everything.
- Title 700, 25px, -0.3px letter-spacing, #E8ECF6, stating the finding with a computed number. Subtitle 400, 13.5px #8791AB.
- Epoch names 600, 10.5px uppercase with 1.4px letter-spacing in #8791AB, centered at the top of each epoch.
- Series labels 700 in the series color: 14px for the headline series, 12px at 80% opacity for the others, each with a second line 400, 10.5px #8791AB for the range and last value.
- Tick labels 12px #8791AB with units on every tick ("20%", "5 min").

Layout:
- Plot from about x 96 to 786, y 196 to 494; epoch shading extends 58px above the plot top so the epoch names sit in their own band.
- Direct labels to the right of the plot (x 802), nudged at least 40px apart vertically so no label touches the one below, each with an end dot on its line (4.5px for the headline series, 3px at 70% for the others).
- A single-condition bracket (eyes closed) sits between the epoch names and the plot top: 1.4px stroke in the related series color, 6px end ticks, label 600 11px in the same color above it.
- Source line at the bottom-left, 11.5px #8791AB, carrying the numbers behind the headline.

Axes and grid:
- Horizontal 1px gridlines at round values; no vertical gridlines (the epochs do that job); no axis lines except the zero line.

Marks:
- Line chart: the headline series (the one the title is about) is a 3.4px full-strength line drawn on top; every other series is a thin 1.4px line in its own color at 50% opacity, so it reads as context and the crossings don't turn into spaghetti. Smooth monotone curves, round caps and joins, no markers except the end dots.
- Bar chart: grouped vertical bars per epoch (one bar per series, 3px gap, 2px top corner radius) in the same four colors, epochs still shaded behind the groups with names on top, the bracket over the relevant group, and value labels 11px above each bar.

Avoid: glows, gradients, four equal-weight lines competing for attention, legends boxed in a corner, more than one bracket, and warm colors on slow bands (keep the cool-to-warm order).

When you're done, render the chart and check that epoch boundaries match the data times, the bracket spans exactly the marked period, direct labels do not overlap, and the headline percentage is computed from the plotted values.