:root{color-scheme:dark;--bg:#102435;--text:#eef5f9;--muted:#9eb5c6;--blue:#83cdf4;--line:#365063;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 40% -15%,#284960 0,transparent 55%),linear-gradient(135deg,#132b3e,#0b1c2a);min-height:100vh}.shell{max-width:1320px;width:calc(100% - 72px);margin:auto}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 0 26px}.station-brand{display:flex;align-items:center;gap:18px}.brand-mark{width:60px;height:60px;display:grid;place-content:center;border:1px solid #7094ad;border-radius:50%;font-size:22px;position:relative;color:#c7eaff;background:#1b3549}.brand-mark span{position:absolute;right:7px;top:4px;font-size:18px}h1{font-size:clamp(24px,3vw,36px);line-height:1.2;letter-spacing:-1px;margin:4px 0 5px;font-weight:600}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2.5px;margin:0;color:var(--blue)}.brand-caption{color:var(--muted);font-size:13px;margin:0}.header-actions{display:flex;gap:23px;align-items:center}.live-status{font-size:12px;color:#b9cedb;display:flex;gap:8px;align-items:center;max-width:260px}.live-status i{height:7px;width:7px;border-radius:50%;background:#6e8899;flex:none}.live-status[data-state=live] i{background:#90dec2;box-shadow:0 0 12px #6cc7a580}.live-status[data-state=error] i{background:#e6aa79}button{font:inherit;cursor:pointer;color:var(--text);background:#243e52;border:1px solid #4b6a80;border-radius:9px;padding:12px 15px;font-size:13px;white-space:nowrap}button span{color:#98afbf}button:hover{background:#304e64}button:focus-visible{outline:3px solid #a0daff;outline-offset:4px}.condition-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0 22px;margin-bottom:30px}.condition-main{display:flex;gap:16px;align-items:center}.condition-main h2{margin:8px 0 0;font-size:25px;font-weight:500}.condition-main>div:first-child{width:72px;min-height:58px;display:grid;place-items:center}.condition-main svg{width:72px;height:72px}.station-clock{text-align:right;color:var(--muted);font-size:12px;line-height:1.7}.station-clock p{margin:0}.gauge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;row-gap:30px}.instrument{min-width:0;text-align:center;padding:0 7px 16px;border-bottom:1px solid #2d4557}.instrument-heading{display:flex;gap:10px;align-items:center;justify-content:center;margin-bottom:7px}.instrument h2{font-size:14px;font-weight:500;letter-spacing:.5px;margin:0}.instrument-number{font-size:9px;letter-spacing:1px;color:#87acc5}.dial-mount{width:100%;max-width:410px;aspect-ratio:1;margin:auto;filter:drop-shadow(0 14px 13px #04121c66)}.dial-mount svg{display:block;width:100%;height:100%;overflow:visible}.instrument-note{color:#c4d6e2;font-size:12px;line-height:1.6;min-height:20px;margin:3px 0 0}.gauge-svg text{font-family:Arial,Helvetica,sans-serif}.dial-title{font-size:12px;letter-spacing:1.8px;font-weight:bold;fill:#233f54}.dial-unit{font-size:12px;fill:#536b7d}.dial-number{font-size:13px;font-weight:500;fill:#273c4b}.lcd-value{font-size:28px;fill:#173b56;font-weight:600;font-variant-numeric:tabular-nums}.lcd-small{font-size:15px;fill:#2b5774;font-weight:bold}.needle{transform-origin:180px 180px;transition:transform 1.15s cubic-bezier(.2,.7,.25,1),opacity .2s}.dial-unavailable .needle{opacity:0}.instrument[data-missing=true]{opacity:.75}footer{display:flex;justify-content:space-between;gap:20px;padding:34px 0;color:#89a4b7;font-size:10px;letter-spacing:1px}.noscript{padding:20px;background:#593b26}.weather-icon .wi-sun-rays{transform-origin:center;animation:sun-spin 30s linear infinite}.weather-icon .wi-cloud{animation:cloud-drift 7s ease-in-out infinite alternate}.weather-icon .wi-drop{animation:rain-drop 1.3s linear infinite}.weather-icon .wi-star{animation:star-glow 3s ease-in-out infinite alternate}@keyframes sun-spin{to{transform:rotate(360deg)}}@keyframes cloud-drift{to{transform:translateX(3px)}}@keyframes rain-drop{from{opacity:0;transform:translateY(-3px)}50%{opacity:1}to{opacity:0;transform:translateY(5px)}}@keyframes star-glow{to{opacity:.35}}@media(min-width:1600px){.shell{max-width:1480px}.gauge-grid{column-gap:45px}.dial-mount{max-width:430px}}@media(max-width:960px){.shell{width:calc(100% - 40px)}.gauge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.masthead{flex-wrap:wrap}.header-actions{justify-content:space-between;flex:1}.condition-bar{margin-bottom:25px}}@media(max-width:560px){.shell{width:calc(100% - 30px)}.masthead{padding-top:25px;gap:20px}.brand-mark{width:48px;height:48px;font-size:18px}.header-actions{width:100%}.condition-bar{align-items:flex-start;flex-direction:column;gap:6px}.condition-main h2{font-size:22px}.station-clock{text-align:left;padding-left:88px}.gauge-grid{grid-template-columns:1fr;gap:24px}.instrument{padding:0 0 18px}.dial-mount{max-width:400px}.instrument h2{font-size:16px}footer{flex-direction:column;font-size:9px;gap:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
#note-wind{white-space:pre-line}.weather-icon{overflow:visible}

.extrema-note{font-size:11px;line-height:1.6;color:#b2cfe1;margin:5px 0 0;white-space:pre-line}.extrema-note:empty{display:none}.extrema-info{font-size:11px;line-height:1.7;color:#9eb5c6;margin:22px 7px 0}.daily-markers path{pointer-events:all}

#note-temperature:empty{display:none}

#note-wind{white-space:normal;max-width:300px;margin:8px auto 0;display:grid;gap:4px}.wind-summary-row{display:flex;justify-content:space-between;align-items:baseline;gap:14px;text-align:left}.wind-summary-value{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.wind-summary-speed{color:#83cdf4}.wind-summary-gust{color:#ffb675}.wind-summary-beaufort{color:#94dda8}.wind-summary-average{color:#91cfff}

.wind-needle-legend{text-align:center;line-height:1.6}

/* Consistent caption and daily-record rows across each gauge row. */
.instrument{display:grid;grid-template-rows:24px auto minmax(20px,1fr) auto;align-items:start}.instrument-heading{margin-bottom:0}.instrument-note{align-self:start}#note-temperature:empty{display:block;visibility:hidden}#note-wind{margin-top:3px}.extrema-note{align-self:end}

#note-humidity{white-space:pre-line}

.instrument-note{font-size:13px}.extrema-note{font-size:12px}

/* Clearer captions and daily records against the blue background. */
.instrument-note{color:#dce9f2}.extrema-note{color:#d5e6f1}.extrema-info{color:#bdd3e2}#note-wind{max-width:330px}.wind-summary-speed{color:#a8dcfa}.wind-summary-gust{color:#ffc28d}.wind-summary-average{color:#91cfff}

[hidden]{display:none!important}button:disabled{cursor:wait;opacity:.7}.header-actions{flex-wrap:wrap}:root:fullscreen{overflow:auto;background:#102435}@media(max-width:560px){.header-actions{gap:12px}.live-status{flex-basis:100%}}

#note-direction{max-width:330px;margin:3px auto 0;display:grid;gap:4px}

.wind-summary-speed{color:#e0e7ec}