:root{--ink:#17323c;--muted:#667b83;--line:#dce5e7;--paper:#fff;--wash:#f3f7f6;--navy:#123743;--teal:#078a83;--obs:#087f78;--cora:#e58a3a;--stofs:#6175cb;--shadow:0 14px 40px rgba(30,58,66,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--wash);color:var(--ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.topbar{height:64px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20;box-shadow:0 2px 16px #0b242b33}
.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:.2px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--teal);font-family:Georgia,serif;font-style:italic}
nav{display:flex;align-self:stretch;gap:30px}nav a{display:flex;align-items:center;color:#bcd0d5;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:#fff;border-color:#35beb1}
.shell{width:min(1180px,calc(100% - 40px));margin:auto}
.hero{min-height:250px;display:flex;align-items:center;justify-content:space-between;gap:40px;overflow:hidden}.eyebrow{margin:0 0 10px;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:2px}.hero h1{margin:0 0 12px;font-family:Georgia,"Noto Serif SC",serif;font-size:44px;font-weight:500;letter-spacing:-1px}.hero p:not(.eyebrow){margin:0;color:var(--muted);font-size:16px}.hero-wave{width:330px;height:150px;position:relative;opacity:.7}.hero-wave span{position:absolute;left:0;right:0;height:65px;border:2px solid #6fc1b8;border-width:2px 0 0;border-radius:50%;transform:rotate(-7deg)}.hero-wave span:nth-child(1){top:28px}.hero-wave span:nth-child(2){top:62px;left:35px;border-color:#a4d4ce}.hero-wave span:nth-child(3){top:96px;left:70px;border-color:#d5e7e4}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.stat{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:20px 22px;box-shadow:0 5px 18px #26434a0a}.stat span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.stat strong{font-family:Georgia,serif;font-size:25px;font-weight:500}.stat small{margin-left:7px;color:var(--teal)}
.map-link{display:flex;align-items:center;gap:15px;margin-bottom:22px;padding:17px 21px;background:#e7f4f1;border:1px solid #c7e3de;border-radius:13px;color:#245d5b;transition:.15s}.map-link:hover{background:#dff0ed;border-color:#9fcfc7;transform:translateY(-1px)}.map-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:10px;background:var(--teal);color:#fff;font-size:22px}.map-link strong,.map-link small{display:block}.map-link strong{font-size:14px}.map-link small{margin-top:2px;color:#66827f;font-size:11px}.map-arrow{margin-left:auto;white-space:nowrap;color:var(--teal);font-size:12px;font-weight:700}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 26px;border-bottom:1px solid var(--line)}.panel h2{margin:0;font-family:Georgia,"Noto Serif SC",serif;font-size:23px;font-weight:500}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.search{display:flex;align-items:center;width:310px;border:1px solid var(--line);border-radius:9px;padding:9px 12px;background:#fafcfc;color:var(--muted)}.search:focus-within{border-color:#76bdb8;box-shadow:0 0 0 3px #078a8313}.search span{font-size:20px;line-height:1;margin-right:8px}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px 20px;background:#f8faf9;color:#72868d;font-size:10px;text-transform:uppercase;letter-spacing:.9px;white-space:nowrap}td{padding:15px 20px;border-top:1px solid #edf1f1;vertical-align:middle}tbody tr{transition:.15s}tbody tr:hover{background:#f7fbfa}.station-link{display:block;color:#176d6c;font-weight:650}.station-link:hover{color:var(--teal);text-decoration:underline}.station-id{margin-top:2px;color:#8a9a9f;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.coords,.dates{color:#536a72;font-size:12px;white-space:nowrap}.badges{display:flex;gap:5px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:5px;background:#edf7f5;color:#276e68;font-size:10px;font-weight:750}.badge.cora{background:#fff3e7;color:#aa6328}.badge.stofs{background:#eef0fb;color:#5364b0}.badge.off{background:#f1f3f3;color:#a5afb2;text-decoration:line-through}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.arrow{font-size:20px;color:#a0afb3}.empty{padding:50px;text-align:center;color:var(--muted)}
footer{width:min(1180px,calc(100% - 40px));margin:55px auto 0;padding:23px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#839399;font-size:11px}
.back{display:inline-block;margin:29px 0 19px;color:#567078;font-size:12px}.back:hover{color:var(--teal)}
.station-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}.station-head h1{margin:0 0 7px;font:500 34px/1.2 Georgia,"Noto Serif SC",serif}.station-head p{margin:0;color:var(--muted)}.station-meta{display:flex;gap:26px;text-align:right}.station-meta span{display:block;color:#91a0a4;font-size:10px;text-transform:uppercase;letter-spacing:.8px}.station-meta strong{font-size:13px;font-weight:600}.loading{color:var(--muted)}
.chart-panel{padding-bottom:16px}.chart-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px 12px}.mode-switch{display:inline-flex;flex:0 0 auto;padding:3px;background:#edf2f1;border-radius:9px}.mode-switch button{border:0;background:transparent;color:#6b7e84;padding:8px 15px;border-radius:7px;cursor:pointer;font-size:12px}.mode-switch button.active{background:#fff;color:var(--ink);box-shadow:0 2px 7px #29444a20;font-weight:700}.chart-options{display:flex;align-items:center;justify-content:flex-end;gap:12px}.year-picker{display:flex;align-items:center;gap:6px;color:#71858b;font-size:11px}.year-picker select{border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:6px 26px 6px 8px;outline:0}.year-picker select:focus{border-color:#76bdb8}.resolution{padding:5px 8px;border-radius:5px;background:#edf7f5;color:#28746e;font-size:10px;font-weight:700;white-space:nowrap}.resolution.loading{background:#fff3e7;color:#a9672c}.resolution.error{background:#fbecec;color:#a44d4d}.chart-hint{font-size:11px;color:#91a0a4;white-space:nowrap}.source-controls{display:flex;gap:18px;padding:4px 24px 12px}.source-toggle{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;font-weight:650}.source-toggle input{display:none}.swatch{width:10px;height:10px;border-radius:3px;background:var(--color);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--color)}.source-toggle:has(input:not(:checked)){opacity:.4}.source-toggle:has(input:not(:checked)) .swatch{background:transparent}.source-toggle.unavailable{opacity:.25;cursor:not-allowed;text-decoration:line-through}
.chart-shell{height:440px;margin:0 12px;position:relative;user-select:none}.chart-shell canvas{width:100%;height:100%;display:block}.tooltip{position:absolute;z-index:3;min-width:185px;padding:10px 12px;background:#15343bea;color:#fff;border-radius:8px;pointer-events:none;font-size:11px;box-shadow:0 8px 24px #112d3450}.tooltip strong{display:block;margin-bottom:6px;font-weight:600}.tip-row{display:flex;justify-content:space-between;gap:18px;margin-top:3px}.tip-row span:first-child:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color);margin-right:6px}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);pointer-events:none}.chart-empty[hidden]{display:none}.chart-foot{display:flex;justify-content:space-between;margin:3px 25px 0;color:#91a0a4;font-size:10px}
.availability{margin-top:22px}.source-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.source-card{padding:21px 26px;border-right:1px solid var(--line)}.source-card:last-child{border:0}.source-card-head{display:flex;align-items:center;gap:8px;margin-bottom:13px;font-weight:750}.source-card dl{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;margin:0;font-size:11px}.source-card dt{color:#94a2a6}.source-card dd{margin:0;text-align:right;color:#52686f}.data-note{margin:0;padding:14px 26px;background:#fafcfc;border-top:1px solid var(--line);color:#829297;font-size:10px}
@media(max-width:760px){.shell{width:min(100% - 24px,1180px)}.topbar{padding:0 14px}.topbar nav{display:none}.hero{min-height:220px}.hero h1{font-size:34px}.hero-wave{display:none}.stats{grid-template-columns:1fr}.map-link small{display:none}.panel-head{align-items:stretch;flex-direction:column}.search{width:100%}th:nth-child(2),td:nth-child(2),th:nth-child(4),td:nth-child(4){display:none}.station-head{align-items:start;flex-direction:column}.station-meta{text-align:left}.chart-toolbar{align-items:flex-start;flex-direction:column}.chart-options{justify-content:flex-start;flex-wrap:wrap}.chart-hint{display:none}.chart-shell{height:360px}.source-cards{grid-template-columns:1fr}.source-card{border-right:0;border-bottom:1px solid var(--line)}footer{width:calc(100% - 24px)}}