Chart Prompts

Restyle my chart in the "Phenology" 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 long-term nature record read by lamplight. A dark slate calendar, each series colored by its season, raw yearly observations kept visible as small dots with a bold smoothed mean on top, and a plain-spoken margin note stating how far each one has moved.

Colors (use these exact values):
- Ground: #1D2226 (dark slate). Alternating month bands: #181C1F. Rules: #39424A.
- Season colors: #8FC36A (spring green), #E0B74A (summer gold), #C8663A (autumn rust), #7FA6C9 (winter blue). Assign each series the season it belongs to, not a cycling palette. If there are more than four series, reuse a season color with a dashed mean line.
- Primary text: #D3D7DA (pale gray). Secondary text, month names and axis numerals: #8C959C.

Typography (Google Fonts):
- Spectral 600, 28px, #D3D7DA for the title, stating the finding.
- Spectral 400, 16.5px, #8C959C for the subtitle (measure, years, smoothing).
- Spectral 600, 15px in the series color for event names in the right margin; Spectral italic 14px #D3D7DA for the shift note under each name.
- Spectral 13 to 13.5px #8C959C for month names and year numerals; Spectral italic 13px for axis captions and footnotes; source 12.5px.

Layout:
- 48px margins. Title baseline 64, subtitle 94.
- Plot area x 104 to 720, y 142 to 528, with the right margin (x 754 to 912) reserved for notes.
- Footer at baseline 578: "Source: ..." on the left and the method of the shift ("Shift from a linear trend fitted to all 46 years") in italic on the right.

Axes and grid:
- When the y axis is a date within the year, label it by month, not by number: twelve month bands, every other one (Jan, Mar, May...) filled #181C1F from 56px left of the plot to 14px past it, month names set inside the bands at the left in #8C959C. January at the top so "earlier" reads as "higher", with an italic caption "Earlier in the year ↑" above the axis.
- For other y axes, keep the alternating bands at five evenly spaced value ranges instead of months.
- 1px #39424A rules at the top and bottom of the plot; no vertical gridlines. X ticks 5px, 0.8px #8C959C, numerals 22px below.

Marks:
- Line chart: each series as a thin 0.8px connecting line at 45% opacity through yearly dots (r 2.6, 75% opacity) in its season color, then a bold 3px rolling mean (9-year centered window, drawn as a smooth monotone curve with round caps) on top, separated from the dots by a 6px #1D2226 halo at 80% opacity. End each mean with a 4px dot ringed 1.5px in #1D2226.
- Bar chart: slim vertical bars in the season colors at 85% opacity with 2px top radius, the latest bar at full opacity, over the same alternating bands; a bold 3px rolling mean line in pale gray #D3D7DA over the bars; values only on the first and last bars.

Labels and annotation:
- No legend. Each series gets a right-margin note aligned to the end of its mean line: a dotted 0.8px leader (1.5 on, 2.5 off) in the series color from the end dot to x 746, the event name, and one italic line stating the shift in plain words ("11 days earlier since 1980"), computed from the data.
- Keep notes at least 40px apart vertically; nudge if two series end close together.

Avoid: glow effects, gradients, gridlines crossing the month bands, a boxed legend, day-of-year numbers on the axis, and colors that ignore the season meaning.

When you're done, render the chart and check that each margin note's number matches the fitted trend, that "earlier" and "later" are the right way round, the halo keeps the mean line readable over the dots, and nothing in the right margin runs past x 930.