:root{--ink:#17313e;--muted:#6c7d85;--line:#dbe6ea;--paper:#edf3f5;--blue:#2f7d9e;--red:#c85549;--green:#648d6a;--gold:#bf8d2c;--purple:#846fa0;--shadow:0 16px 50px rgba(23,55,69,.07)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper)}body{margin:0;background:radial-gradient(circle at 0 0,rgba(47,125,158,.08),transparent 28%),linear-gradient(180deg,#f8fafb,#edf3f5)}
.fx-page{max-width:1240px;margin:auto;padding:30px 24px 70px}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.095em;font-size:9px;font-weight:950;color:#5d8292}
.fx-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;padding:31px 33px;background:linear-gradient(128deg,#102b39,#17475b 66%,#235d70);color:#fff;border-radius:23px;box-shadow:var(--shadow)}.fx-hero .eyebrow{color:#add4e2}.fx-hero h1{font-size:clamp(43px,7vw,72px);letter-spacing:-.06em;line-height:.95;margin:0}.fx-hero p:not(.eyebrow){max-width:770px;color:#d2e4ea;font-size:12px;line-height:1.55;margin:11px 0 0}.fx-status{font-size:9px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.08);padding:8px 10px;border-radius:9px;white-space:nowrap}
.fx-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:13px}.fx-day{background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px;min-width:0}.fx-day.today{border-top:3px solid #2e7e9e}.fx-day b,.fx-day span,.fx-day small{display:block}.fx-day b{font-size:10px}.fx-day .date{font-size:8px;color:var(--muted)}.fx-day .symbol{font-size:24px;margin:8px 0}.fx-day .temp{font-size:16px;font-weight:950}.fx-day small{font-size:8px;color:var(--muted);margin-top:4px;line-height:1.35}
.fx-main,.fx-panel{background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:0 8px 30px rgba(23,55,69,.04)}.fx-main{margin-top:13px;padding:21px}.fx-main-head,.fx-panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.fx-main h2,.fx-panel h2{font-size:26px;letter-spacing:-.04em;margin:0}.fx-main-head p:not(.eyebrow){font-size:10px;color:var(--muted);margin:5px 0 0}.fx-tabs{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.fx-tab{appearance:none;border:1px solid #dbe6ea;background:#f7fafb;color:#5f747e;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:850;cursor:pointer}.fx-tab.is-active{background:#e3f0f4;border-color:#96bccb;color:#1f6078}
.fx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:15px 0 8px}.fx-stat{background:#f8fafb;border:1px solid #e3ebee;border-radius:10px;padding:10px}.fx-stat span{display:block;font-size:8px;color:var(--muted);text-transform:uppercase;font-weight:850}.fx-stat b{display:block;font-size:17px;margin-top:3px}.fx-chart,.fx-model-chart{height:410px;position:relative}.fx-chart svg,.fx-model-chart svg{width:100%;height:100%;display:block}.fx-note{font-size:8px;color:#7d8b93;margin:2px 0 0}
.fx-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.fx-panel{padding:18px}.fx-panel select{border:1px solid #d5e2e7;background:#f8fafb;border-radius:8px;padding:7px 9px;font-size:9px;color:var(--ink)}.fx-bridge-grid,.fx-agree-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.fx-mini{background:#f8fafb;border-radius:9px;padding:10px}.fx-mini span{display:block;font-size:8px;color:var(--muted);text-transform:uppercase;font-weight:850}.fx-mini b{display:block;font-size:15px;margin-top:3px}.fx-agreement{display:inline-flex;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;margin-top:5px}.good{background:#e6f2e8;color:#55765b}.medium{background:#f8edd0;color:#896b26}.high{background:#f7e2df;color:#9b4137}
.fx-model-panel{margin-top:12px}.fx-hourly-table{overflow:auto;margin-top:12px}.fx-hourly-table table{border-collapse:collapse;width:100%;min-width:780px;font-size:9px}.fx-hourly-table th,.fx-hourly-table td{text-align:left;padding:8px 7px;border-top:1px solid #eaf0f2;white-space:nowrap}.fx-hourly-table th{font-size:8px;color:var(--muted);text-transform:uppercase}.fx-more{display:inline-flex;margin-top:12px;text-decoration:none;font-size:9px;font-weight:900;border:1px solid #d9e5e9;border-radius:8px;padding:8px 10px;color:#285f75}.fx-method{margin-top:12px}.fx-method details{background:#fff;border:1px solid var(--line);border-radius:14px}.fx-method summary{padding:14px 16px;font-size:10px;font-weight:900;cursor:pointer}.fx-method details>div{padding:0 16px 15px;color:var(--muted);font-size:10px;line-height:1.55}
footer{display:flex;justify-content:space-between;gap:20px;margin-top:24px;padding-top:13px;border-top:1px solid #d8e3e7;color:#75848c;font-size:8px}
@media(max-width:1050px){.fx-days{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){.fx-page{padding:12px 10px 48px}.fx-hero{display:block;padding:25px 20px}.fx-status{display:inline-flex;margin-top:14px}.fx-days{grid-template-columns:repeat(2,1fr)}.fx-main-head,.fx-panel-head{display:block}.fx-tabs{justify-content:flex-start;margin-top:10px}.fx-stats{grid-template-columns:1fr 1fr}.fx-split{grid-template-columns:1fr}.fx-chart,.fx-model-chart{height:350px}.fx-bridge-grid,.fx-agree-grid{grid-template-columns:1fr}footer{display:block}footer span{display:block;margin-top:3px}}

/* v2.0 */
.fx-ensemble-panel,.fx-details-panel{margin-top:12px}.fx-details{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:12px}.fx-detail{background:#f8fafb;border:1px solid #e3ebee;border-radius:10px;padding:10px}.fx-detail span{display:block;font-size:8px;color:var(--muted);text-transform:uppercase;font-weight:850}.fx-detail b{display:block;font-size:15px;margin-top:3px}.fx-detail small{display:block;font-size:8px;color:var(--muted);margin-top:2px}@media(max-width:1000px){.fx-details{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.fx-details{grid-template-columns:1fr 1fr}}

/* v2.1 light refinement */
.fx-radar-panel,.fx-agro-panel{margin-top:12px}.fx-radar-frame{display:block;width:100%;height:520px;border:0;border-radius:13px;margin-top:12px;background:#edf2f4}.fx-agro{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px}.fx-agro-card{background:#f7fafb;border:1px solid #e4ebee;border-radius:10px;padding:11px}.fx-agro-card span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:850}.fx-agro-card b{display:block;font-size:17px;margin-top:3px}.fx-agro-card small{display:block;font-size:9px;color:var(--muted);margin-top:3px;line-height:1.35}.fx-panel,.fx-main{box-shadow:0 7px 22px rgba(23,55,69,.035)}.fx-day{box-shadow:none}.fx-day small,.fx-note{font-size:9px}.fx-day b{font-size:11px}.fx-day .date{font-size:9px}@media(max-width:1080px){.fx-days{grid-template-columns:repeat(4,1fr)}.fx-agro{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.fx-days{grid-template-columns:repeat(2,1fr)}.fx-radar-frame{height:430px}.fx-agro{grid-template-columns:1fr 1fr}}
.fx-tooltip{position:absolute;display:none;z-index:8;pointer-events:none;background:#153542;color:#fff;border-radius:8px;padding:9px 10px;min-width:170px;font-size:10px;box-shadow:0 9px 25px rgba(0,0,0,.15)}.fx-tooltip strong{display:block;margin-bottom:5px}.fx-tooltip div{display:flex;justify-content:space-between;gap:14px;margin-top:3px}.fx-tooltip span{color:#d2e1e6}.fx-tooltip b{font-weight:850}.fx-chart{position:relative}

/* v2.2 mobile forecast interaction */
@media(max-width:760px){.fx-days{display:flex!important;overflow-x:auto;gap:8px;scroll-snap-type:x mandatory;padding:0 1px 7px;scrollbar-width:none}.fx-days::-webkit-scrollbar{display:none}.fx-day{flex:0 0 158px;scroll-snap-align:start}.fx-hourly-table{margin-inline:-4px}.fx-panel,.fx-main{border-radius:16px}.fx-hero{border-radius:18px}.fx-chart,.fx-model-chart{min-width:0}}

/* v2.4 — horizon comparison */
.fx-horizon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:12px}.fx-horizon-card{background:#f8fafb;border:1px solid #e3ebee;border-radius:10px;padding:10px}.fx-horizon-card>span{display:block;font-size:9px;color:#687b84;text-transform:uppercase;font-weight:900}.fx-horizon-card>b{display:block}.fx-horizon-card small{display:block;font-size:9px;color:#74848c;margin-top:5px}.fx-horizon-card small strong{color:#294b5b}.fx-lead-picker{font-size:8px;text-transform:uppercase;font-weight:900;color:#6c7d85}.fx-lead-picker select{display:block;margin-top:4px}.fx-verification-head{display:flex;gap:8px;margin-top:13px}.fx-verification-head>div{background:#f8fafb;border:1px solid #e3ebee;border-radius:9px;padding:9px 11px}.fx-verification-head span{display:block;font-size:8px;color:#6c7d85;text-transform:uppercase;font-weight:850}.fx-verification-head b{font-size:13px}.fx-verification-table{overflow:auto;margin-top:8px}.fx-verification-table table{width:100%;border-collapse:collapse;min-width:620px;font-size:10px}.fx-verification-table th,.fx-verification-table td{padding:9px;border-top:1px solid #e8eef0;text-align:left}.fx-verification-table thead th{font-size:8px;text-transform:uppercase;color:#71828a}.fx-verification-table tbody th{font-weight:850}.fx-verification-table td{font-weight:800}.fx-verification-table td small{display:block;font-size:7px;color:#89969c;font-weight:600;margin-top:2px}
@media(max-width:920px){.fx-horizon-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.fx-horizon-grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.fx-horizon-card{flex:0 0 155px;scroll-snap-align:start}.fx-verification-head{flex-wrap:wrap}}

/* v2.5 */
.fx-empty{min-height:110px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:4px;color:#6f8088;padding:20px}.fx-empty strong{font-size:12px;color:#3f5d6a}.fx-empty span{font-size:9px;max-width:500px;line-height:1.45}.fx-empty-inline{grid-column:1/-1;min-height:76px}.fx-model-chart.is-empty{height:auto;min-height:120px}.fx-grid-line{stroke:#e7edef}.fx-axis-text{font-size:8px;fill:#72828b}.fx-axis-title{font-size:10px;font-weight:800;fill:#687a83}.fx-day-separator{stroke:#ccdce1;stroke-dasharray:2 4}.fx-rain-bar{fill:#2f7d9e;opacity:.72}.fx-prob-line{fill:none;stroke:#bd8b2d;stroke-width:2;stroke-dasharray:5 4}.fx-series{fill:none;stroke-width:2}.fx-series-0{stroke:#245f77;stroke-width:2.6}.fx-series-1{stroke:#c55348}.fx-series-2{stroke:#8070a1}.fx-bridge-line{fill:none;stroke:#65916e;stroke-width:2;stroke-dasharray:2 4}.fx-cross{stroke:#647b85;stroke-width:1;stroke-dasharray:3 4}.fx-hover-dot{fill:#245f77;stroke:#fff;stroke-width:2}.fx-hover-dot-1{fill:#c55348}.fx-hover-dot-2{fill:#8070a1}.fx-hover-dot-bridge{fill:#65916e}.fx-tooltip-snap{top:10px!important;transition:left .06s linear;min-width:190px}.fx-lab-link{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;border:1px solid #dce7eb;border-radius:16px;background:linear-gradient(120deg,#f8fbfc,#eef5f7)}.fx-lab-link h2{font-size:21px;margin:0}.fx-lab-link p:not(.eyebrow){font-size:9px;color:#6c7d85;margin:4px 0 0;max-width:720px;line-height:1.45}.fx-lab-link a{white-space:nowrap;text-decoration:none;background:#17475b;color:#fff;border-radius:9px;padding:9px 11px;font-size:9px;font-weight:900}@media(max-width:760px){.fx-lab-link{display:block}.fx-lab-link a{display:inline-block;margin-top:10px}.fx-tooltip-snap{min-width:165px;max-width:190px}}

/* v2.7 */
.fx-radar-frame{height:285px!important}.fx-radar-panel{margin-top:12px}.fx-advanced{margin-top:12px;border:1px solid #dce7ea;border-radius:16px;background:#fff;overflow:hidden}.fx-advanced>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 17px}.fx-advanced>summary::-webkit-details-marker{display:none}.fx-advanced>summary span{display:block;font-size:13px;font-weight:900;color:#294f60}.fx-advanced>summary small{display:block;margin-top:2px;color:#71828a;font-size:10.5px}.fx-advanced>summary b{font-size:10.5px;color:#286983}.fx-advanced-body{padding:0 10px 10px}.fx-advanced-body>.fx-panel,.fx-advanced-body>.fx-split{box-shadow:none}.fx-day.is-long-range{background:#f6f8f9;border-style:dashed}.fx-day.is-long-range .symbol{opacity:.78}.fx-day.is-long-range small:last-child{display:none}.fx-day.is-mid-range{background:#fbfcfc}.fx-day{font-size:11px}.fx-day small{font-size:9.5px!important}.fx-day .temp{font-size:18px}.fx-chart{min-height:350px}.fx-model-chart{min-height:280px}@media(max-width:760px){.fx-radar-frame{height:235px!important}.fx-advanced>summary{padding:13px}.fx-advanced>summary b{display:none}.fx-day.is-long-range{flex-basis:130px}.fx-chart{min-height:315px}}