:root{color-scheme:dark;--bg:#0b1220;--panel:#141f30;--banner:#19263a;--border:#2d4059;--text:#eff5ff;--muted:#a3b8cf;--grid:#293b52;--blue:#60a5fa;--gust:#fb965b}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,'Segoe UI',sans-serif}button,select{font:inherit;cursor:pointer}button{background:#294768;color:#edf5ff;border:1px solid #42617e;border-radius:6px;padding:7px 12px}button:hover{background:#355c85}button.outline{background:transparent}button.small{padding:5px 9px;font-size:11px;white-space:nowrap}select{background:#1c2a3c;color:#eff5ff;border:1px solid #39526d;border-radius:5px;padding:7px;min-width:118px}
.topbar{display:flex;align-items:center;gap:13px;padding:11px 22px}.appicon{width:57px;height:57px;object-fit:contain}.topbar h1{font-size:23px;margin:0 0 2px;font-weight:700;letter-spacing:.1px}.topbar p{font-size:11px;color:var(--muted);letter-spacing:.7px;margin:0}.mode{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.5px;color:#2dd4bf;text-align:right}.mode.demo{color:#fbbf24}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:11px 15px;background:var(--panel);padding:9px 16px;margin:0 14px 10px;border-radius:7px;color:var(--muted)}.controls>label{display:flex;align-items:center;gap:7px}.auto{font-size:12px}.auto input{accent-color:#60a5fa}#progress{margin-left:auto;font-size:12px;min-width:140px;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 395px;gap:13px;margin:0 14px;align-items:start}.graphs{min-width:0}.sectiontop{font-size:12px;color:#93a9c3;font-weight:700;letter-spacing:.35px;margin:4px 0 12px 4px}.chartcard{margin-bottom:15px;border:1px solid #25354a;border-radius:5px;overflow:hidden;background:var(--panel)}.banner{display:flex;align-items:center;gap:14px;padding:5px 16px;min-height:70px;background:var(--banner)}.badge-icon{position:relative;flex:none;width:78px;height:58px;display:grid;place-items:center}.icon-shape{position:absolute;inset:-3px 0;background:var(--icon-color,#27d36b);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;filter:drop-shadow(0 0 2px currentColor)}.icon-shape.wind{mask-image:url('/assets/wind-shape.png');-webkit-mask-image:url('/assets/wind-shape.png')}.icon-shape.wave{mask-image:url('/assets/wave-shape.png');-webkit-mask-image:url('/assets/wave-shape.png')}.icon-arrow{position:absolute;left:29px;top:16px;display:grid;place-items:center;font-size:25px;font-weight:900;color:#fff;text-shadow:0 0 3px #071020;transform:rotate(var(--angle,-90deg));width:22px;height:22px;line-height:1}.banner-primary{min-width:0}.banner-primary strong{font-size:clamp(21px,2.4vw,31px);line-height:1.12;letter-spacing:.5px;white-space:nowrap}.banner-primary div{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.7px}.banner-right{margin-left:auto;text-align:right;font-size:14px;white-space:nowrap}.banner-right small{display:block;font-size:11px;color:var(--muted)}.plotwrap{padding:14px 18px 12px}.plot{width:100%;height:222px;display:block;touch-action:pan-y}.arrowstrip{display:block;width:100%;height:54px;margin:2px 0 0;background:#172437;touch-action:pan-y}.wave-strip{height:49px}.scale-row{display:flex;align-items:center;gap:18px;padding:10px 0 1px;justify-content:center;color:var(--muted);font-size:11px}.colorbar-holder{width:min(56%,440px)}.colorbar{height:12px;border-radius:2px;background:linear-gradient(to right,#2155f5 0%,#27d8da 16%,#26ee87 24%,#a5ef27 32%,#f2c51a 48%,#f28a1e 56%,#f24e20 68%,#d13967 80%,#8341b9 92%,#5a38a7 100%)}.color-ticks{display:flex;justify-content:space-between;font-size:10px}
.sidebar{min-width:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:6px;margin-bottom:12px;padding:11px 12px}.panel h2{font-size:13px;letter-spacing:.25px;margin:0 0 9px}.map{position:relative;width:100%;aspect-ratio:366/217;overflow:hidden;background:#12283c url('/assets/map-dark.png') center/100% 100% no-repeat}.satellite{position:absolute;inset:0;z-index:0;overflow:hidden}.satellite img{position:absolute;max-width:none}.shade{position:absolute;inset:0;z-index:1;background:#101a2930;pointer-events:none}#markers{position:absolute;inset:0;z-index:2}.marker{position:absolute;transform:translate(-50%,-50%);width:15px;height:15px;border-radius:50%;border:2px solid #081422;background:var(--station-color);cursor:pointer;padding:0;box-shadow:0 0 0 1px var(--station-color)}.marker.active{box-shadow:0 0 0 5px #182f4d,0 0 0 7px var(--station-color)}.marker-text{position:absolute;z-index:3;color:var(--station-color);font-size:12px;font-weight:750;text-shadow:-1px -1px #07101c,1px -1px #07101c,-1px 1px #07101c,1px 1px #07101c,0 2px 4px #000;white-space:nowrap;cursor:pointer}.attribution{position:absolute;right:3px;bottom:1px;z-index:4;font-size:9px;color:#f6f9ff;text-shadow:0 1px 3px #000}.mapctrl{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;color:var(--muted);font-size:11px}.help{font-size:11px;color:var(--muted);margin:6px 0 0}.choose{display:flex;justify-content:space-between;align-items:center;margin:8px 0 10px;gap:10px;color:var(--muted)}.choose select{width:56%}.source-list{display:grid;gap:13px}.source-item strong{display:block;font-size:13px}.source-item span{font-size:12px;color:var(--muted)}.footnote{padding:4px 12px;color:var(--muted);font-size:12px}footer{padding:10px 16px;color:var(--muted);font-size:11px;border-top:1px solid #24364c;margin-top:12px}.tooltip{position:fixed;z-index:1000;background:#101928;color:#eef6ff;border:1px solid #507090;border-radius:6px;box-shadow:0 6px 20px #0009;padding:10px 12px;pointer-events:none;font-size:12px;white-space:nowrap;line-height:1.6}.tooltip b{font-weight:650}
@media(max-width:1130px){.layout{grid-template-columns:minmax(0,1fr) 330px}.banner-right{font-size:12px}.badge-icon{width:66px}.banner{gap:8px;padding:5px 10px}}
@media(max-width:860px){.layout{display:flex;flex-direction:column}.graphs,.sidebar{width:100%}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sidebar .panel{margin:0}.sidebar .panel:first-child{grid-column:1/-1}.sidebar .footnote{grid-column:1/-1}.map{max-width:500px;aspect-ratio:366/217}.controls{gap:9px}.topbar h1{font-size:20px}}
@media(max-width:550px){.topbar{padding:8px 12px}.appicon{width:42px;height:42px}.topbar h1{font-size:16px}.topbar p{font-size:9px}.mode{font-size:9px}.controls{margin:0 8px 10px;padding:9px}.controls label{font-size:12px}.controls select{min-width:100px}.layout{margin:0 8px}.sidebar{display:block}.sidebar .panel{margin-bottom:10px}.banner{min-height:67px;padding:5px 8px}.badge-icon{width:52px;height:50px}.icon-arrow{left:18px;top:15px;font-size:22px}.banner-primary strong{font-size:19px}.banner-primary div{font-size:9px}.banner-right{font-size:11px;white-space:normal;max-width:38%}.banner-right small{font-size:10px}.plotwrap{padding:12px 8px 8px}.plot{height:190px}.scale-row{gap:8px;font-size:10px}.colorbar-holder{width:63%}#progress{margin-left:0}.sectiontop{font-size:10px}}