:root{--bg:#071019;--panel:#0e1923;--line:#233744;--text:#eff7fb;--muted:#8ca0ad;--accent:#39bdf8}
*{box-sizing:border-box}body{margin:0;background:#071019;color:var(--text);font-family:Inter,system-ui,Segoe UI,sans-serif}
button,input,select,textarea{font:inherit}button{background:#132431;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:9px;cursor:pointer}
button:hover,button.active{border-color:#3f8fb4;background:#17384b}.primary{background:#17678b;border-color:#2b8bb5}
.topbar{height:72px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#08121a;position:sticky;top:0;z-index:20}
.topbar h1{margin:0;font-size:19px}.topbar p{margin:2px 0 0;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.8px}.case-actions{display:flex;gap:7px}
main{display:grid;grid-template-columns:250px 1fr;gap:14px;padding:14px}.panel{background:linear-gradient(#10202c,#0a161f);border:1px solid var(--line);border-radius:11px}
.leftbar{padding:13px;height:fit-content;position:sticky;top:86px}.section-title{font-size:9px;color:#91a5b2;font-weight:800;letter-spacing:1px;margin:8px 0}
.case-card{padding:10px;border:1px solid #2b4f63;background:#0b1b26;border-radius:8px}.case-card span,.case-card small{display:block;color:var(--muted);font-size:9px}.case-card strong{display:block;margin:4px 0;font-size:14px}
.outlook-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px}.outlook-tabs button{font-size:10px}
.probability-list{display:flex;flex-direction:column;gap:5px}.probability-list button{display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:10px}
.probability-list .swatch{width:14px;height:8px;border-radius:2px}
.leftbar label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--muted);margin:8px 0}.leftbar select,.leftbar textarea{background:#08131b;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:8px}
.report-controls{display:flex;flex-direction:column;gap:5px}.report-controls small{font-size:8px;color:var(--muted);line-height:1.4}.workspace{display:flex;flex-direction:column;gap:12px}
.map-head{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.map-head span{font-size:9px;color:#6fd1f8;font-weight:800}.map-head h2{font-size:16px;margin:3px 0}.map-head p{font-size:10px;color:var(--muted);margin:0}.derived-box{text-align:right}.derived-box span{display:block;color:var(--muted)}.derived-box strong{font-size:22px}
.forecast-map{position:relative;aspect-ratio:975/610;background:#061018;overflow:hidden}.forecast-map svg,.forecast-map canvas{position:absolute;inset:0;width:100%;height:100%}
#baseSvg{z-index:1}.forecast-map canvas{z-index:3;cursor:crosshair;touch-action:none}.hidden-layer{display:none}.state{fill:#132530;stroke:#526b78;stroke-width:.65}.nation{fill:none;stroke:#93a8b2;stroke-width:1.5}
.report-svg{z-index:4;pointer-events:none}.report-svg.hidden{display:none}.report-dot{stroke:#081019;stroke-width:1.1}.report-dot.tornado{fill:#ef5656}.report-dot.hail{fill:#61c97d}.report-dot.wind{fill:#5b8def}
.map-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:10px;z-index:6}.map-loading.hidden{display:none}.map-foot{display:flex;justify-content:space-between;padding:8px 10px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}
.hazard-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.summary-card{padding:11px;cursor:pointer}.summary-card span,.summary-card small{display:block;color:var(--muted);font-size:9px}.summary-card strong{display:block;font-size:20px;margin:3px 0}.categorical-card{border-color:#365d70}
.rules-panel{padding:13px}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.rule-grid div{background:#08151e;border:1px solid var(--line);border-radius:7px;padding:9px}.rule-grid b{font-size:11px}.rule-grid span{display:block;color:var(--muted);font-size:8px;margin-top:3px}
.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,10px);opacity:0;background:#eef9fe;color:#10232d;padding:8px 12px;border-radius:7px;font-size:10px;font-weight:700;transition:.2s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}
body.blind-mode #caseDate{filter:blur(6px)}
@media(max-width:900px){main{grid-template-columns:1fr}.leftbar{position:static}.hazard-summary-grid{grid-template-columns:1fr 1fr}.rule-grid{grid-template-columns:1fr 1fr}}

.cig-list{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.cig-list button{font-size:9px;padding:7px 4px;text-align:center}
.cig-list button.active{background:#4b315b;border-color:#a867ca}
.cig-list button:disabled{opacity:.35;cursor:not-allowed}
.cig-note{display:block;color:var(--muted);font-size:8px;line-height:1.35;margin-top:5px}

.compare-panel{overflow:hidden}
.compare-head{padding:13px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--line)}
.compare-head span{font-size:9px;color:#6fd1f8;font-weight:800}
.compare-head h3{margin:3px 0 0;font-size:13px}
.compare-actions{display:flex;gap:6px}.compare-actions button{font-size:9px}
.compare-actions button:disabled{opacity:.45;cursor:not-allowed}
.submitted-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:10px;border-bottom:1px solid var(--line)}
.submitted-summary.hidden{display:none}.submitted-summary div{background:#08151e;border:1px solid var(--line);border-radius:7px;padding:8px}
.submitted-summary span{display:block;color:var(--muted);font-size:8px}.submitted-summary strong{display:block;font-size:12px;margin-top:3px}
.correct-panel.hidden{display:none}.correct-toolbar{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line)}
.correct-toolbar strong{font-size:11px}.correct-toolbar small{display:block;color:var(--muted);font-size:8px;margin-top:2px}
.correct-tabs{display:flex;gap:5px;flex-wrap:wrap}.correct-tabs button{font-size:8px;padding:6px}.correct-tabs button.active{background:#17384b;border-color:#3f8fb4}
.correct-image-wrap{min-height:420px;background:#061018;display:grid;place-items:center;position:relative}.correct-image-wrap img{max-width:100%;max-height:600px;object-fit:contain}
#correctLoading,#correctMissing{position:absolute;color:var(--muted);font-size:10px}.hidden{display:none!important}
.correct-footer{padding:9px 12px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:8px;border-top:1px solid var(--line)}
.correct-footer button{font-size:8px;padding:6px}
@media(max-width:900px){.submitted-summary{grid-template-columns:1fr 1fr}.compare-head,.correct-toolbar{align-items:flex-start;flex-direction:column}}

.report-dot.tornado{fill:#ef5656}.report-dot.hail{fill:#61c97d}.report-dot.wind{fill:#5b8def}

.archive-source-card{display:flex;flex-direction:column;gap:5px;background:#08151e;border:1px solid var(--line);border-radius:8px;padding:9px}
.archive-source-card strong{font-size:10px}.archive-source-card span{font-size:8px;color:var(--muted);margin-bottom:3px}.archive-source-card button{font-size:9px;padding:7px}.archive-source-card input{background:#07131b;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px;font-size:9px}
.niu-panel{overflow:hidden}.niu-toolbar{padding:11px 12px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid var(--line)}.niu-toolbar span{display:block;color:#e582ff;font-size:8px;font-weight:800;letter-spacing:.8px}.niu-toolbar strong{display:block;font-size:12px;margin-top:3px}.niu-toolbar small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.niu-tabs{display:flex;gap:5px;flex-wrap:wrap}.niu-tabs button{font-size:8px;padding:6px}.niu-tabs button.active{background:#4a3159;border-color:#a76ac3}.niu-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px}.niu-image-card{background:#07141d;border:1px solid var(--line);border-radius:8px;overflow:hidden}.niu-image-card img{width:100%;min-height:240px;max-height:470px;object-fit:contain;background:#050c11;display:block;cursor:zoom-in}.niu-image-meta{padding:8px 9px;border-top:1px solid var(--line)}.niu-image-meta strong{font-size:10px}.niu-image-meta small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.niu-empty{min-height:220px;display:grid;place-items:center;color:var(--muted);font-size:10px}.niu-footer{border-top:1px solid var(--line);padding:9px 11px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:8px}.niu-footer button{font-size:8px;padding:6px}@media(max-width:900px){.niu-toolbar{align-items:flex-start;flex-direction:column}.niu-image-grid{grid-template-columns:1fr}}