Chart Prompts

Restyle my chart in the "Weather Forecast" 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 friendly morning TV weather segment. Airy sky gradient, rounded white cards, cheerful icons, and big bold numbers you can read from the couch.

Colors (use these exact values):
- Background: a vertical gradient from #BFE0F7 at the top to #F2F8FD at the bottom.
- Highs (or the primary series): #F26A1B line; its value labels in the darker #C9500C for contrast.
- Lows (or the second series): #1F78D1 for line and labels.
- Sun icon: radial gradient #FFE27A to #FFB81C, rays #FFB81C. Clouds: gradient #FFFFFF to #C9D6E3; rain clouds #AEBFD1 with #1F78D1 drops.
- Ink: #10324F for the title and card day names; secondary text #4F6B84. Gridlines: white, 1.5px.
- A band between the two lines filled with a vertical gradient from #F26A1B at 22% to #1F78D1 at 16%.

Typography (Google Fonts):
- Poppins throughout. Title 700, 25px, -0.3px letter-spacing, #10324F. Subtitle 400, 15px, #4F6B84.
- Point value labels 700, 20px, in the series color, with a degree sign. Card day names 600, 14px, 1.5px letter-spacing, uppercase. Card highs 700, 18px, lows 600, 18px. Axis labels 500, 12px. Station name 700, 13px, 2px letter-spacing, with a 10px 500 subline at 1.6px letter-spacing.

Layout:
- 48px side margins. Title at y 50, subtitle at y 76, station name and a small sun badge in the top-right corner.
- A row of seven day cards from y 98 to y 218: white at 92% opacity, rx 16, 112px wide with 12px gaps, shadow 0 4px 6px blur #2A5A86 at 16%. Each has the day, an icon, then high and low side by side. Days with a 50%+ chance of rain get a small pale blue pill with the percentage in the card's top-right.
- The plot sits below the cards with each data column aligned exactly under its card's center; faint dotted white verticals connect them.
- A faint map watermark (an invented coastline, white at 50% with a 1.2px #A9CFEA edge and a city marker) sits in the bottom-right corner behind the plot.
- Footer: "Source: ..." left, "Updated 6:00 AM" right, 12px #4F6B84.

Axes and grid:
- Only four white 1.5px gridlines, small degree labels on the left. No axis lines, no x-axis labels (the cards are the x axis).

Marks:
- Line chart: smooth monotone curves, 4px, round caps. Every point is a white-filled dot (r 6.5) with a 3.5px stroke in the series color, and its value in bold above it (16px gap). A small legend (24px line swatches plus "High" and "Low" in 600, 13px) sits top-left of the plot.
- Bar chart: rounded-top bars (rx 10) in #F26A1B for highs or the main series (and #1F78D1 for a second series side by side), with the same bold value labels above, aligned under the day cards.

Avoid: dark backgrounds, thin hairline type, dense grids, square corners on cards, gray icons for sunny days, and legends far from the data.

When you're done, render the chart and check that every card sits exactly above its data column, all value labels clear the lines and dots, and the watermark stays faint enough not to compete with the data.