Chart Prompts

Restyle my chart in the "Sauna Log" 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 evening log pinned up in a wood-lined sauna house. Warm, dark and a little rugged: cedar brown walls, an amber heat line, pale steam spikes and cool blue plunge breaks.

Colors (use these exact values):
- Page: #22170F (dark cedar).
- Primary series: #E39A3B (amber). Secondary series: #C9C4BC (steam gray).
- Break bands: #5A7A92 (blue gray) at 38% opacity with a 2px solid top edge in #5A7A92; their labels in #9DB4C4. Event droplets: #8FB3C9.
- Title: #F1E6D2 (warm ivory). Secondary text: #9C8B78. Gridlines: #3A2A1D; panel frames #5A4332.

Typography (Google Fonts):
- Crimson Text 600 for the title (34px, #F1E6D2, sentence case, stating the finding).
- Barlow for everything else: eyebrow 12px 600 uppercase with 3px letter-spacing in amber; subtitle 16px #9C8B78; axis labels 13px; panel titles 10.5px 600 uppercase with 1.5px letter-spacing in #9C8B78, including the unit ("AIR TEMPERATURE, °C"); series end labels 14px 700 in the series color; band labels 12px 600; annotations 12px 600 in steam gray; footer key 13px; source 12px.

Layout:
- 64px side margins; eyebrow at y 56, title at y 100, subtitle at y 130.
- Two stacked panels sharing one time axis, plotted from x 100 to x 880: the upper panel (y 196 to y 340) for the primary measure and the lower panel (y 384 to y 486) for the secondary one. Each panel is its own 1px #5A4332 frame with a title 10px above its top-left corner and its own y labels with units (70°, 20%), and the 44px gap between the frames keeps the two scales from ever reading as one axis.
- Time labels at y 524. A footer row at y 572: a droplet glyph with "Water on the stones", a band swatch with "Cold plunge break", and the source right-aligned.

Axes and grid:
- Three 1px #3A2A1D gridlines per panel inside the panel frame, labels right-aligned 12px left of the plot.
- Break periods are narrow bands drawn inside each panel at the same times (never across the gap between panels), with a 2px top edge on the upper panel and the length in minutes ("10 min") centered inside the foot of the upper band, below the lowest gridline and clear of the data.

Marks:
- Line chart: straight segments at one point per reading, no smoothing, so spikes stay sharp. Primary 2.4px amber with round joins; secondary 1.8px steam gray. Name each series at its right end. Every discrete event (water on the stones) gets a tiny teardrop glyph (about 7 x 11 px, #8FB3C9) just under the lower panel's frame at its time. Label the highest spike "Peak 30% at 18:20" centered above it.
- Bar chart: square-topped bars (2px radius) in amber at full strength for the primary measure and steam gray for the secondary, 60% of the band, in the same two-panel layout; break bands and droplet events stay the same.

Avoid: smoothing away spikes, dual y-axes, gradients on the lines, glossy effects, cool grays on the background, and a boxed legend.

When you're done, render the chart and check that every event droplet lines up with a spike, the break bands line up in both panels, the two panels are clearly separate frames, band labels match their widths in minutes, and the count in the title matches the number of droplets.