:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f4f6fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(79,70,229,.05),rgba(20,184,166,.04) 360px,transparent 560px),#f4f6fa}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:#fbfcfef0;border-right:1px solid #dbe3ef;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#111827;color:#fff;font-weight:800}.brand strong,.brand span{display:block}.brand span{color:#7b8494;font-size:12px;margin-top:2px}nav{display:grid;gap:7px}nav button{border:0;width:100%;padding:12px 13px;text-align:left;color:#5b6475;background:transparent;border-radius:8px;cursor:pointer;transition:background .14s ease,color .14s ease}nav button:focus,nav button:focus-visible{outline:0}nav button:hover{color:#151923;background:#f3f5f8}nav button.active{color:#151923;background:#eef2ff}.sidebar-footer{margin-top:auto;padding:16px;border:1px solid #dde3ec;border-radius:8px;display:grid;gap:4px;background:#fff}.sidebar-footer span{color:#7b8494;font-size:12px}main{padding:28px;display:grid;align-content:start;gap:18px}.topbar{min-height:52px;display:flex;align-items:center;justify-content:flex-end;gap:16px}.topbar p{margin:0 0 4px;color:#7b8494;font-weight:700;font-size:13px}.topbar h1{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.05;letter-spacing:0}.top-actions,.date-controls{display:flex;align-items:center;gap:10px;color:#5b6475;font-size:13px}.top-actions span,.top-actions label,.date-controls label{padding:8px 10px;border:1px solid #dde3ec;border-radius:8px;background:#fbfcfe}.top-actions label,.date-controls label{display:grid;gap:4px;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase}.top-actions input[type=date],.date-controls input[type=date]{min-width:132px;border:0;background:transparent;color:#111827;font-size:13px;font-weight:700}.date-controls{width:100%;justify-content:flex-end;padding:0}.api-error{padding:12px 14px;border:1px solid #fecdd3;color:#9f1239;background:#fff1f2;border-radius:8px}.section-grid{display:grid;gap:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.chart-grid{display:grid;gap:18px}.chart-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid.wide-left{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.card{background:#fffffff5;border:1px solid #dfe6f0;border-radius:8px;padding:19px;box-shadow:0 18px 45px #0f172a0f;min-width:0}.card-header{min-height:34px;display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:10px}.card h3{margin:0;font-size:16px;letter-spacing:0}.metric{min-height:124px;display:grid;align-content:space-between;gap:10px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:16px;top:16px;width:44px;height:44px;border-radius:999px;background:#4f46e514}.metric-label{color:#6b7280;font-size:13px;font-weight:700}.metric-value{font-size:clamp(23px,3vw,34px);font-weight:800;line-height:1;overflow-wrap:anywhere}.metric-detail{color:#7b8494;font-size:13px}.metric-teal{border-top:4px solid #14b8a6}.metric-blue{border-top:4px solid #4f46e5}.metric-rose{border-top:4px solid #f43f5e}.metric-violet{border-top:4px solid #8b5cf6}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.grid-line{stroke:#e7ebf2;stroke-width:1}.zero-line{stroke:#94a3b8;stroke-width:1.5;stroke-dasharray:4 5}.axis-label{fill:#7b8494;font-size:12px}.hero-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;padding:24px;border:1px solid #dfe6f0;border-radius:8px;background:linear-gradient(135deg,#111827f5,#312e81e6),#111827;color:#fff;box-shadow:0 22px 50px #11182729}.hero-panel span{color:#a5f3fc;font-size:12px;font-weight:900;text-transform:uppercase}.hero-panel h2{max-width:780px;margin:9px 0 0;font-size:clamp(25px,3vw,38px);line-height:1.12;letter-spacing:0}.hero-panel.compact h2{font-size:clamp(22px,2.5vw,32px)}.page-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px);gap:18px;align-items:stretch;padding:22px;border:1px solid #dfe6f0;border-radius:8px;background:#fffffff5;box-shadow:0 18px 45px #0f172a0f}.page-story span{color:#4f46e5;font-size:12px;font-weight:900;text-transform:uppercase}.page-story h2{margin:8px 0;max-width:820px;font-size:clamp(22px,3vw,34px);line-height:1.12;letter-spacing:0}.page-story p{margin:0;max-width:780px;color:#64748b;line-height:1.55}.story-meta{display:grid}.hero-stats,.insight-grid,.diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.diagnostic-grid{grid-template-columns:1fr}.insight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.insight-card{min-height:96px;padding:16px;border:1px solid #dfe6f0;border-radius:8px;display:grid;align-content:space-between;gap:8px;background:#fffffff0}.hero-panel .insight-card{background:#ffffff1a;border-color:#ffffff2e}.insight-card span{color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase}.hero-panel .insight-card span{color:#a5f3fc}.insight-card strong{font-size:26px;line-height:1}.insight-card small{color:#64748b;line-height:1.35}.hero-panel .insight-card small{color:#dbeafe}.legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;color:#64748b;font-size:12px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:9px;height:9px;border-radius:999px;display:inline-block}.empty-state{min-height:220px;display:grid;place-items:center;color:#7b8494;border:1px dashed #cbd5e1;border-radius:8px}.season-list{display:grid;gap:12px}.season-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #edf0f5}.season-row:last-child{border-bottom:0}.season-row span{font-weight:800}.season-row em{color:#7b8494;font-style:normal;font-size:13px}.weather-grid,.model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mini-chart-stack{display:grid;gap:8px}.weather-card,.model-card{padding:15px;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:6px;background:#fff}.weather-card span,.model-card span{color:#6b7280;font-size:12px;font-weight:800;text-transform:uppercase}.weather-card strong,.model-card strong{font-size:24px}.weather-card small,.model-card small{color:#7b8494}.insight-strip{padding:16px 18px;border-radius:8px;background:#ecfeff;color:#164e63;display:flex;gap:12px;align-items:center;border:1px solid #a5f3fc}.cluster-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cluster-card{min-height:150px;text-align:left;border:1px solid #dde3ec;border-radius:8px;background:#fbfcfe;padding:16px;display:grid;align-content:start;gap:10px;cursor:pointer}.cluster-card.selected{border-color:#4f46e5;box-shadow:0 0 0 3px #e0e7ff}.cluster-card span{color:#6b7280;font-weight:800}.cluster-card strong{font-size:26px}.cluster-card small{color:#7b8494;line-height:1.45}.detail-list{display:grid;gap:12px}.detail-list div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #edf0f5}.detail-list div:last-child{border-bottom:0}.detail-list span{color:#6b7280}.detail-list em{color:#64748b;font-size:12px;font-style:normal;text-align:right}.signal-table{display:grid;gap:8px}.signal-header,.signal-row{display:grid;grid-template-columns:minmax(110px,1fr) 94px 132px;gap:10px;align-items:center}.signal-header{color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;padding:0 4px 6px}.signal-row{padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.signal-row span{color:#111827;font-weight:800}.signal-row strong,.signal-row em{font-style:normal;font-weight:900;text-align:right}.signal-row .positive{color:#0f766e}.signal-row .negative{color:#be123c}.feature-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.feature-pills button{border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:#475569;padding:7px 10px;font-size:12px;font-weight:800;cursor:pointer}.feature-pills button.selected{border-color:#4f46e5;background:#eef2ff;color:#312e81}.forecast-controls{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:12px}.forecast-controls label{display:grid;gap:8px;color:#6b7280;font-size:13px;font-weight:800}.forecast-planner{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(320px,1fr);align-items:center;gap:18px}.forecast-planner>div:first-child{display:grid;gap:5px}.forecast-planner span{color:#6b7280;font-size:12px;font-weight:900;text-transform:uppercase}.forecast-planner strong{font-size:24px;color:#111827}.forecast-planner small{color:#64748b}.forecast-cue{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:900}.forecast-cue.high{color:#9f1239;background:#ffe4e6}.forecast-cue.normal{color:#3730a3;background:#e0e7ff}.forecast-cue.low{color:#0f766e;background:#ccfbf1}select,input[type=range]{width:100%}select{height:42px;padding:0 12px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#151923}input[type=range]{accent-color:#4f46e5}.table-wrap{overflow:auto;max-height:360px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf0f5;white-space:nowrap}th{color:#6b7280;font-size:12px;text-transform:uppercase}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid #dde3ec}nav{grid-template-columns:repeat(5,minmax(0,1fr))}nav button{text-align:center}.sidebar-footer{display:none}.metric-grid,.chart-grid.two,.chart-grid.wide-left,.cluster-cards,.weather-grid,.model-grid,.forecast-planner,.hero-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel,.forecast-planner,.page-story{grid-template-columns:1fr}}@media(max-width:720px){main{padding:16px}.topbar,.insight-strip,.date-controls{align-items:stretch;flex-direction:column}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid,.chart-grid.two,.chart-grid.wide-left,.cluster-cards,.weather-grid,.model-grid,.hero-stats,.insight-grid,.forecast-planner,.forecast-controls{grid-template-columns:1fr}}