Chart Prompts

Restyle my chart in the "Mood Journal" 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: the six-week reflection screen of a gentle wellbeing app. Soft, warm and encouraging, like a sunrise-to-dusk wash, with one deep plum line doing the talking.

Colors (use these exact values):
- Background: a vertical linear gradient over the whole canvas from #FDE7DA (pale peach) at the top to #E8E0F5 (pale lilac) at the bottom.
- Primary data ink: #5B3A74 (deep plum). Title ink #3B2650, secondary text #6E6078.
- Secondary series (average or comparison): #B9A0CF (soft plum) at 80% opacity.
- Chips, alternating bands and face icons use #FFFFFF at low opacity (62%, 28% and 70%).
- Gridlines: #5B3A74 at 12% opacity; baseline #5B3A74 at 35%.

Typography (Google Fonts):
- Comfortaa 700, 31px, #3B2650 for the title (sentence case, addressed to the user, stating the finding: "Your mood lifted over six weeks"). Comfortaa 600 12px for the small footer sign-off.
- Mulish for everything else: subtitle 15px #6E6078 stating measure, scale and what the markers mean; chip labels 12.5px 600 #6E6078 with values 14px 800 plum; legend 13px #3B2650; axis numbers 13px #6E6078; period labels 13px 600; callouts 12.5px 700 plum; source 12px.

Layout:
- 56px side margins. Title baseline at 76, subtitle at 108.
- A row of three pill chips (162 x 34, radius 17, white at 62%) at y 128 summarizing the headline numbers, e.g. first-week average, last-week average and count of journal entries; label left, value right-aligned.
- Legend on the same row at the right: line-with-dot "Daily mood", a fat soft plum stroke "7-day avg", a small ring "Entry".
- Plot from x 104 to 896, y 196 to 470. Alternate periods (weeks) get a faint white band (28%) so the weeks read as pages.
- Footer: "Source: illustrative data" left and a quiet sign-off right, both at y 572.

Axes and grid:
- No axis lines except a 1.2px plum baseline at 35% opacity. Horizontal gridlines every 2 units, 1px plum at 12%.
- Y labels right-aligned 12px left of the plot. Two tiny face icons (r 9 white circle, 1.2px soft plum ring, two 1.1px dot eyes, a smile or frown curve) sit left of the labels near the top and bottom of the scale.
- Period labels ("Week 1" ...) centered under each band at y 522.

Marks:
- Line chart: the daily series as a smooth monotone curve, 2.6px #5B3A74 with round joins, with a soft dot at every point (r 4.2 plum, 1.6px white ring at 85%). A gentle 7-day moving average sits BEHIND it as a 10px #B9A0CF stroke at 80% opacity with round caps. A very light plum area fill (14% at the line fading to 0 at the baseline) under the daily line. Event days (journal entries) are tiny outlined rings (r 3.6, 1.4px plum stroke, no fill) on a strip 18px below the baseline.
- Bar chart: rounded-top bars (radius 6) in #5B3A74 at 60% of the band, with the average shown as a 10px soft plum #B9A0CF stroke behind the bars; event markers as the same outlined rings under the baseline.

Labels and annotation:
- One small plum callout above the standout point ("Best day: 9"), 14px above it.

Avoid: harsh black, heavy borders, sharp corners, more than two plum tones, red/green judgment colors, emoji (draw the faces in SVG), and dense tick labels.

When you're done, render the chart and check that the gradient runs peach at top to lilac at bottom, the average line sits behind the daily line, the rings do not collide with the period labels, and the chip values match the data.