Chart Prompts

Restyle my chart in the "Savings Goal" 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 night-mode goal tracker that feels motivating. Deep midnight blue, one warm gold line climbing toward a dotted goal, a translucent projection cone ahead of today, and a progress ring that tells you where you stand at a glance.

Colors (use these exact values):
- Background: #0E1330. Gridlines: #1E2548. Ring track: #252D57.
- Savings line, ring, projection and contribution ticks: #F2C14E. Line glow: the same path at 7px, 35% opacity, blurred 5px. Area under the line: #F2C14E gradient from 18% to 0.
- Projection cone: a horizontal gradient of #F2C14E from 28% to 8% opacity, with a 2px dashed (6/5) #F2C14E central projection.
- Goal line and label: #C9D1F5. Text: #EDEFFA (title, legend), #8A93BD (subtitle, axes, secondary labels).

Typography (Google Fonts): Red Hat Display only, tabular figures for numbers.
- Title 24px 700, letter-spacing -0.3px. Subtitle 14px 500. Ring percentage 20px 800. Legend 12.5px 600. Axis labels 12px 500. Goal label 11px 700 uppercase with 1.2px letter-spacing. "PROJECTED FINISH" 10.5px 700 uppercase with 1.2px letter-spacing, finish date 17px 800 gold, range 11.5px 500. Footnote 11.5px 500.

Layout:
- Top left: a progress ring (34px radius, 8px stroke, round cap, starting at 12 o'clock) with the percent in the center; the title (stating percent of goal and the goal amount) and subtitle (measure, unit, saved so far and amount to go) start 20px right of the ring.
- Legend row under the header: Saved, Projection (with its range of monthly rates), Goal.
- Plot from x=72 to x=870, y labels right of the plot. The x axis extends past today far enough to show where the projection reaches the goal.

Axes and grid:
- A few horizontal 1px gridlines, compact currency labels ($20K). No axis lines. X labels every 6 months, 50px below the plot so the contribution ticks fit between.

Marks:
- Line chart: a 3px smooth gold line over its glow and gradient area, ending at today with a 6px gold dot (2.5px #0E1330 ring) and a 24px fully rounded gold pill reading "Today $value" in #0E1330. A dotted #8A93BD vertical from today to the baseline. The goal is a 2px #C9D1F5 dotted line (1/5, round caps) labeled on the left above it and with its value on the right in 700. The cone spreads from today to the goal between the fast and slow rates and stops at the goal line; where the central projection meets the goal, a 7px ring (#0E1330 fill, 2.5px gold stroke, 2.5px gold center) with "PROJECTED FINISH", the date, and the date range stacked above it.
- Contributions: one 3px round-capped gold tick per deposit along the bottom, height proportional to the amount (max 16px), 70% opacity with standout deposits at 100%, plus a short muted caption.
- Bar chart: monthly balances as gold columns with 4px top radius, future months as #F2C14E outlined columns at 30% fill up to the goal line, and the same ring, goal line and finish label.

Avoid: red, green or any second saturated hue, heavy glows beyond the line, filled cones above the goal, and a projection that isn't arithmetically consistent with the stated rates.

When you're done, render the chart and check that the ring percentage equals saved divided by goal, the finish date follows from the remaining amount and the central rate, the cone stops exactly at the goal line, and the finish labels don't touch the cone or the goal label.