@font-face{font-family:WSInter;src:local("Inter"),local("Arial");font-display:swap}
:root{--bg:#071116;--bg2:#0b171d;--panel:#0e1c23;--panel2:#12242c;--line:rgba(196,230,235,.12);--line-strong:rgba(196,230,235,.23);--text:#edf7f8;--muted:#8ca3aa;--cyan:#65dce8;--cyan2:#25aebe;--red:#ff675f;--green:#77ddb1;--yellow:#f0c55a;--purple:#b997ff;--radius:18px;--shadow:0 24px 70px rgba(0,0,0,.25)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:radial-gradient(circle at 82% 7%,rgba(28,127,139,.16),transparent 34rem),var(--bg);color:var(--text);font-family:WSInter,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}
button,select{font:inherit}
a{color:inherit}
.skip-link{position:fixed;left:12px;top:-60px;z-index:99;padding:10px 14px;border-radius:8px;background:#fff;color:#000}.skip-link:focus{top:12px}
.topbar{height:72px;position:sticky;top:0;z-index:20;display:flex;align-items:center;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid var(--line);background:rgba(7,17,22,.9);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:106px;height:auto;display:block}.brand span{display:flex;flex-direction:column;padding-left:12px;border-left:1px solid var(--line-strong)}.brand strong{font-size:12px;letter-spacing:.01em}.brand small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-weight:800}
.topbar nav{display:flex;gap:24px;margin-left:auto}.topbar nav a{color:var(--muted);font-size:12px;text-decoration:none;transition:color .2s}.topbar nav a:hover,.topbar nav a:focus{color:var(--text)}
.live-pill{margin-left:28px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 14px currentColor}.live-pill.ready{color:var(--green)}.live-pill.error{color:var(--red)}
main{width:min(1500px,calc(100% - clamp(28px,7vw,104px)));margin:0 auto;padding-bottom:70px}
.hero{min-height:420px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.68fr);gap:8vw;align-items:center;padding:72px 0 54px}
.eyebrow,.section-number{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.hero h1{margin:14px 0 24px;font-size:clamp(48px,7vw,106px);line-height:.88;letter-spacing:-.072em;font-weight:800}.hero h1 em{font-style:normal;color:var(--cyan)}
.hero-intro{max-width:700px;margin:0;color:#bdccd0;font-size:clamp(15px,1.5vw,20px);line-height:1.6}
.hero-finding{align-self:center;padding:24px 0 24px 26px;border-left:1px solid var(--line-strong)}.hero-finding>span{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-finding>strong{display:block;margin:12px 0 4px;font-size:clamp(36px,4vw,60px);letter-spacing:-.05em}.hero-finding>p{min-height:52px;margin:0;color:#c5d4d7;font-size:13px;line-height:1.55}.confidence-row{display:flex;align-items:center;gap:10px;margin-top:18px}.confidence-row span{padding:5px 8px;border:1px solid rgba(101,220,232,.35);border-radius:999px;color:var(--cyan);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.confidence-row span.extreme{border-color:rgba(255,103,95,.4);color:var(--red)}.confidence-row small{color:var(--muted);font-size:9px}
.control-dock{position:sticky;top:71px;z-index:15;min-height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-bottom:18px;padding:15px 18px;border:1px solid var(--line-strong);border-radius:14px;background:rgba(13,28,35,.94);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.control-run{display:flex;flex-direction:column}.control-run span,.control-nav label span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.control-run strong{font-size:13px;margin-top:4px}.control-nav{display:flex;align-items:center;gap:9px}.control-nav label{display:flex;min-width:270px;flex-direction:column}.control-nav select{margin-top:3px;padding:2px 28px 2px 0;border:0;background:transparent;color:var(--text);font-size:14px;font-weight:750;outline:none}.control-nav select option{background:var(--panel);color:var(--text)}.control-nav button{width:36px;height:36px;border:1px solid var(--line-strong);border-radius:9px;background:transparent;color:var(--text);cursor:pointer}.control-nav button:disabled{opacity:.3;cursor:not-allowed}.export-button{justify-self:end;padding:9px 13px;border:1px solid rgba(101,220,232,.34);border-radius:9px;background:rgba(24,96,104,.15);color:var(--cyan);font-size:10px;font-weight:800;cursor:pointer}
.snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.snapshot-card{min-height:116px;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(140deg,rgba(19,38,46,.95),rgba(11,24,30,.95))}.snapshot-card span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:800}.snapshot-card strong{display:block;margin:10px 0 1px;font-size:26px;letter-spacing:-.035em}.snapshot-card small{font-size:10px;color:#9fb2b7}.snapshot-card small.hot{color:var(--red)}.snapshot-card small.cold{color:var(--cyan)}
.analysis-grid{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(300px,.7fr);gap:18px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,rgba(16,33,40,.98),rgba(9,21,27,.98));box-shadow:0 18px 60px rgba(0,0,0,.12);overflow:hidden}.panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:21px 23px 15px;border-bottom:1px solid var(--line)}.panel-head>div{display:flex;align-items:center;gap:13px}.panel-head h2{margin:0;font-size:18px;letter-spacing:-.025em}.panel-head p{margin:0;color:var(--muted);font-size:9px}.panel-head.compact{display:block}.panel-head.compact p{margin-top:7px;margin-left:32px}
.panel-profile{min-height:720px}.legend{display:flex;flex-wrap:wrap;gap:16px;padding:13px 23px 0;color:#9db0b5;font-size:9px}.legend span{display:flex;align-items:center;gap:6px}.legend-line{width:22px;height:2px;display:inline-block;background:var(--red)}.legend-line.wrf-td{background:var(--green)}.legend-line.climate{height:0;border-top:2px dashed rgba(237,247,248,.7);background:none}.legend-band{width:20px;height:8px;background:rgba(101,220,232,.13);border:1px solid rgba(101,220,232,.25)}
.canvas-wrap{position:relative;height:430px;padding:15px}.canvas-wrap-main{height:620px;padding:8px 13px 15px}.canvas-wrap canvas{display:block;width:100%;height:100%}
.panel-levels{min-height:720px}.level-cards{padding:10px 22px}.level-card{padding:15px 0;border-bottom:1px solid var(--line)}.level-card:last-child{border-bottom:0}.level-card-head{display:flex;justify-content:space-between;align-items:baseline}.level-card-head strong{font-size:15px}.level-card-head span{font-size:9px;color:var(--muted)}.level-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;margin-top:9px}.level-card-metrics div{display:flex;justify-content:space-between;gap:8px;font-size:10px}.level-card-metrics span{color:var(--muted)}.level-card-metrics b{font-weight:750}.level-card .flag{margin-top:9px;display:inline-flex;padding:4px 7px;border-radius:999px;background:rgba(119,221,177,.08);color:var(--green);font-size:8px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.level-card .flag.extreme{background:rgba(255,103,95,.09);color:var(--red)}.reading-key{display:flex;gap:15px;padding:12px 22px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green)}.dot.extreme{background:var(--red)}
.panel-anomaly,.panel-wind{min-height:520px}
.indices-panel{margin-top:18px}.indices-head{align-items:center}.indices-head p{max-width:540px;line-height:1.55;text-align:right}.table-scroll{overflow:auto}.indices-panel table{width:100%;border-collapse:collapse;min-width:780px}.indices-panel th,.indices-panel td{padding:15px 22px;border-bottom:1px solid var(--line);text-align:right;font-size:11px;white-space:nowrap}.indices-panel th{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.indices-panel th:first-child,.indices-panel td:first-child{text-align:left}.indices-panel td:first-child strong{display:block}.indices-panel td:first-child small{display:block;margin-top:2px;color:var(--muted);font-size:8px}.indices-panel tbody tr:last-child td{border-bottom:0}.anomaly-pill{display:inline-flex;min-width:58px;justify-content:center;padding:4px 7px;border-radius:999px;background:rgba(119,221,177,.08);color:var(--green);font-weight:800}.anomaly-pill.extreme{background:rgba(255,103,95,.09);color:var(--red)}
.method-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;margin:80px 0 45px;padding:0 2px}.method-grid article h2{max-width:720px;margin:13px 0 18px;font-size:clamp(28px,3.6vw,52px);line-height:1.05;letter-spacing:-.045em}.method-grid article p{max-width:780px;margin:0;color:#aabcc1;font-size:13px;line-height:1.75}.method-grid dl{margin:0;border-top:1px solid var(--line-strong)}.method-grid dl div{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.method-grid dt{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.11em}.method-grid dd{margin:0;font-size:11px;font-weight:750;text-align:right}
.data-note{display:flex;justify-content:space-between;gap:40px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:9px}.data-note p{margin:0;max-width:880px}.data-note strong{color:#c8d7da}
.error-view{position:fixed;inset:0;z-index:50;display:grid;place-content:center;text-align:center;padding:30px;background:rgba(7,17,22,.94)}.error-view[hidden]{display:none}.error-view strong{font-size:24px}.error-view p{color:var(--muted)}.error-view button{justify-self:center;padding:10px 14px;border:1px solid var(--cyan);border-radius:8px;background:transparent;color:var(--cyan);cursor:pointer}
footer{min-height:90px;display:flex;align-items:center;gap:24px;padding:22px clamp(18px,4vw,64px);border-top:1px solid var(--line);color:var(--muted);font-size:9px}footer span{color:var(--text);font-weight:800}footer p{margin:0}footer a{margin-left:auto;color:var(--cyan);text-decoration:none}
button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:980px){.topbar nav{display:none}.hero{grid-template-columns:1fr;gap:35px;padding-top:55px}.hero-finding{max-width:560px}.control-dock{grid-template-columns:1fr auto}.control-nav{grid-column:1/-1;grid-row:2;justify-content:center}.export-button{grid-column:2;grid-row:1}.snapshot-grid{grid-template-columns:1fr 1fr}.analysis-grid{grid-template-columns:1fr}.panel-levels{min-height:0}.panel-anomaly,.panel-wind{min-height:460px}.method-grid{grid-template-columns:1fr;gap:40px}.data-note{display:block}.data-note p+p{margin-top:13px}}
@media(max-width:620px){.topbar{height:62px;padding:0 15px}.brand img{width:88px}.brand span{padding-left:9px}.brand strong{font-size:10px}.brand small{font-size:7px}.live-pill{margin-left:auto;font-size:0}.live-pill i{width:8px;height:8px}main{width:calc(100% - 24px)}.hero{min-height:390px;padding:46px 3px 35px}.hero h1{font-size:52px}.hero-intro{font-size:14px}.hero-finding{padding-left:18px}.control-dock{top:61px;grid-template-columns:1fr auto;gap:10px;padding:12px}.control-nav{width:100%;gap:5px}.control-nav label{min-width:0;flex:1}.control-nav select{max-width:100%;font-size:11px}.export-button{font-size:0;padding:9px}.export-button:after{content:"CSV";font-size:9px}.snapshot-grid{grid-template-columns:1fr 1fr;gap:8px}.snapshot-card{min-height:104px;padding:14px}.snapshot-card strong{font-size:21px}.analysis-grid{gap:12px}.panel{border-radius:14px}.panel-head{display:block;padding:17px}.panel-head p{margin:7px 0 0 31px}.legend{padding-left:17px}.panel-profile{min-height:610px}.canvas-wrap-main{height:510px;padding:4px}.canvas-wrap{height:390px;padding:5px}.panel-anomaly,.panel-wind{min-height:470px}.indices-head p{text-align:left}.indices-panel th,.indices-panel td{padding:13px 14px}.method-grid{margin-top:55px}.data-note{line-height:1.6}footer{display:block;padding:24px 16px}footer p{margin:8px 0}footer a{display:inline-block;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media print{.topbar nav,.live-pill,.control-dock,.export-button,footer{display:none}.topbar{position:static}.hero{min-height:280px;padding:35px 0}.analysis-grid{display:block}.panel{margin-bottom:18px;break-inside:avoid}.canvas-wrap-main{height:560px}.indices-panel{break-before:page}body{background:#fff;color:#111}.panel,.snapshot-card{background:#fff;border-color:#ccc;box-shadow:none}.hero h1 em,.eyebrow,.section-number{color:#087b86}.panel-head p,.method-grid article p,.data-note,.snapshot-card span,.snapshot-card small{color:#555}}