Chart Prompts

Restyle my chart in the "Lift Waits" 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 live lift status screen of a ski resort app. Friendly, glanceable and clean: a pale ice background, one rounded white card, pill-shaped bars that change color as waits climb, and small line glyphs for each lift type.

Colors (use these exact values):
- Page: #EEF5FA (pale ice). Card: #FFFFFF with a soft shadow (0 4px 8px blur, #1D2B3A at 8% opacity).
- Bars by value: #4A90E2 (soft blue) at 10 minutes or less, #F5A623 (orange) over 10, #D0021B (red) over 20.
- Unavailable items: dashed #A3AFBD outline, no fill. Empty tracks behind bars: #EDF2F7.
- Ink: #1D2B3A. Secondary text and glyph strokes: #66768A. Live dot: #2BB673.

Typography (Google Fonts):
- Rubik throughout. Brand eyebrow 700 13px uppercase with 2.4px letter-spacing in #4A90E2, beside a small blue mountain glyph. Title 600 28px #1D2B3A stating the finding ("Summit Gondola has the longest line at 24 min"). Subtitle 16px 400 #66768A. Card summary 600 15px with a 13px second line. Legend 12.5px. Row names 500 14.5px (muted for unavailable rows). Values 700 16px with the unit as a 12px 400 #66768A suffix ("24 min"); the red-tier value itself in #D0021B. Axis numbers and threshold labels 11px.

Layout:
- Header on the page: eyebrow at y 60, title at y 100, subtitle at y 128, and a white "LIVE" pill (78 x 26, fully rounded, shadowed) at the top right with a green dot and a pulsing ring (2px #2BB673 at 35% opacity).
- One card from x 40 to 920, y 152 to 538, radius 18. Inside: a summary at the top left ("7 of 9 lifts open" / "Average wait 12 min"), the legend right-aligned on the same line as small 22 x 10 pills, then a 1.5px #EDF2F7 divider.
- Rows 31px apart: a 20px line glyph at x 80, the name at x 100, the bar track from x 290 to 812, the value 16px right of the track.
- Footer on the page: source line at y 570 left, a short status note right.

Axes and grid:
- No gridlines. Dashed 1px #66768A guides at 45% opacity at the color thresholds (10 and 20), labeled above the first row ("10 min"), and small axis numbers under the last row.

Marks:
- Bar chart: horizontal, fully rounded 16px-tall pills (rx 8) on a full-width #EDF2F7 track, sorted longest first, colored by threshold. Unavailable items at the bottom as a dashed (4 on, 3 off) 1.3px #A3AFBD outlined track with "Closed, high wind" in 12px 500 #66768A inside.
- Line chart: a 3px #4A90E2 line with round joins on the white card, with points above 10 drawn as 5px-radius #F5A623 dots and above 20 as #D0021B dots (white 2px ring), the same dashed threshold guides as horizontal lines, and a soft 8% #4A90E2 area fill under the line. Gaps in the data drawn as a dashed #A3AFBD segment.
- Glyphs: 1.6px #66768A round-capped strokes on a short sloping cable: a hanging rounded cabin for gondolas, a hanger and seat for chairlifts, a T for surface lifts.

Avoid: dark mode, gradients on bars, square bar ends, more than three value colors, heavy borders, and 3D.

When you're done, render the chart and check that every bar's color matches its threshold, the legend fits inside the card, the values sit on the row baseline, and the average in the summary is right.