@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/Poppins-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}.demo-banner{color:#66390f;background:#fff5e9;border:1px solid #b76b27;border-radius:.6rem;margin:1rem 0;padding:.75rem 1rem;font-weight:500}.chart-placeholder{width:100%;height:345px;color:var(--muted);place-items:center;display:grid}.chart-load-error{border:1px solid var(--grid);text-align:center;border-radius:.75rem;padding:1rem}:root{--brand-navy:#012848;--ink:#001828;--sky:#8ac1e1;--surface:#fff;--surface-muted:#efefef;--grid:#e2e8ed;--reference:#567f98;--muted:#526675;color:var(--ink);font-synthesis:none;background:#fff;font-family:Poppins,system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:1024px;margin:auto;padding:40px 32px 24px}h1,h2,p{margin:0}h1{color:var(--brand-navy);letter-spacing:-.04em;font-size:clamp(26px,4vw,38px);font-weight:600;line-height:1.2}h2{letter-spacing:-.02em;font-size:18px;font-weight:500}a{color:inherit;text-underline-offset:3px}.page-header{justify-content:space-between;align-items:center;gap:24px;padding-bottom:32px;display:flex}.page-header p{color:var(--muted);margin-top:6px;font-size:14px}.brand-logo{object-fit:contain;width:168px;height:auto}.readings{border-block:1px solid var(--grid);grid-template-columns:1.15fr 1fr;gap:44px;margin-bottom:32px;padding:32px 0;display:grid}.readings article{min-width:0}.wind-reading{border-left:1px solid var(--grid);padding-left:44px}.reading-value{color:var(--brand-navy);font-variant-numeric:tabular-nums;letter-spacing:-.055em;white-space:nowrap;align-items:baseline;gap:12px;font-size:clamp(52px,7vw,76px);font-weight:600;line-height:1.4;display:flex}.reading-value span{letter-spacing:-.025em;font-size:22px;font-weight:400}.wind-reading .reading-value{font-size:clamp(44px,6vw,64px)}.missing-value,.wind-reading .missing-value{font-size:36px;line-height:2}.reading-detail,.source-detail,.forecast-detail{color:var(--muted);font-size:12px}.reading-detail p+p{margin-top:4px}.source-detail{overflow-wrap:anywhere;margin-top:14px}.wind-direction{color:var(--brand-navy);margin:-4px 0 10px;font-size:13px}.data-warning{color:#805414}.connection-status{background:var(--surface-muted);border-radius:8px;margin-bottom:20px;padding:10px 14px;font-size:13px}.chart-panel{border:1px solid var(--grid);border-radius:16px;margin-bottom:24px;padding:24px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}nav{gap:4px;display:flex}button{color:var(--muted);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:7px;min-height:44px;padding:10px 13px;font-size:12px}button[aria-pressed=true]{background:var(--brand-navy);color:#fff}button:hover{background:var(--surface-muted);color:var(--ink)}button[aria-pressed=true]:hover{background:var(--ink);color:#fff}:focus-visible{outline:2px solid var(--brand-navy);outline-offset:4px}.chart-plot{margin-top:12px;font-size:11px}.recharts-cartesian-axis-tick-value{fill:var(--muted)}.recharts-default-tooltip{border-radius:8px;font-size:12px}.empty-chart{min-height:190px;color:var(--muted);text-align:center;place-items:center;font-size:13px;display:grid}.forecast-detail{margin-top:12px}.forecast-key{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.forecast-key:before{content:"";border-top:2px dashed var(--brand-navy);width:24px}.forecast-empty{padding:22px 0 8px}.forecast-empty p{color:var(--muted);font-size:14px}.forecast-empty span{color:var(--muted);font-size:12px}.low-river-key{color:var(--muted);justify-content:flex-end;align-items:center;gap:8px;margin:0 16px 4px;font-size:11px;display:flex}.low-river-key span{border-top:1.5px solid var(--reference);width:24px}.chart-values{color:var(--muted);font-size:12px}.chart-values summary{cursor:pointer;width:fit-content;padding-block:10px}.table-scroll{max-height:260px;overflow:auto}table{border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;width:100%}caption{text-align:left;padding:8px 0}th,td{border-bottom:1px solid var(--grid);padding:8px}footer{color:var(--muted);padding:0 4px 12px;font-size:11px}footer p+p{margin-top:4px}@media (width<=640px){main{padding:24px 18px 16px}.page-header{gap:16px;padding-bottom:24px}.brand-logo{width:112px}.page-header p{font-size:12px}.readings{grid-template-columns:1fr;gap:24px;margin-bottom:24px;padding-block:24px}.wind-reading{border-left:0;border-top:1px solid var(--grid);padding:24px 0 0}.reading-value{font-size:62px}.wind-reading .reading-value{font-size:48px}.chart-panel{border-radius:12px;padding:18px 12px}.panel-heading{flex-wrap:wrap;gap:8px}.panel-heading h2{font-size:16px}button{padding:8px 10px}.chart-plot{margin-left:-6px}}@media (hover:none){button:hover{color:var(--muted);background:0 0}button[aria-pressed=true]:hover{background:var(--brand-navy);color:#fff}}