:root{--ink:#06131e;--deep:#091b28;--panel:#102637;--panel2:#142e40;--line:#28485b;--paper:#edf6fa;--muted:#a9bdca;--cyan:#6ee7ff;--yellow:#ffcf5a;--orange:#ff805f;--red:#ff5964;--green:#62e59b;--radius:20px;--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);min-width:320px}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.topbar{position:sticky;top:0;z-index:1000;min-height:68px;padding:8px clamp(14px,3vw,40px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(6,19,30,.93);backdrop-filter:blur(18px)}.brand{justify-self:start;display:flex;align-items:center;gap:10px;color:var(--paper);text-decoration:none;font-weight:850;letter-spacing:-.04em}.brand-orbit{width:25px;height:25px;border:2px solid var(--cyan);border-radius:50%;box-shadow:inset -7px 0 0 -5px var(--yellow),0 0 20px rgba(110,231,255,.3)}.mode-nav{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--deep)}.mode-tab,.notebook-button{min-height:42px;border:0;background:transparent;border-radius:999px;padding:0 16px;font:750 12px var(--mono)}.mode-tab{color:var(--muted)}.mode-tab.active{background:var(--paper);color:var(--ink)}.notebook-button{justify-self:end;border:1px solid var(--line);color:var(--muted)}.notebook-button span{color:var(--yellow)}.mode-panel{display:none}.mode-panel.active{display:block}.map-stage{position:relative;height:calc(100dvh - 68px);min-height:640px;background:var(--deep);overflow:hidden}.storm-map{height:100%;width:100%;z-index:1}.leaflet-tile-pane .base-tiles{filter:grayscale(.45) brightness(.47) contrast(1.16) saturate(.7)}.leaflet-control-attribution{background:rgba(6,19,30,.78)!important;color:var(--muted)!important}.leaflet-control-attribution a{color:var(--cyan)!important}.leaflet-control-zoom a{background:var(--deep)!important;color:var(--paper)!important;border-color:var(--line)!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--panel);color:var(--paper)}.plate{position:absolute;z-index:500;background:rgba(9,27,40,.91);border:1px solid rgba(169,189,202,.25);backdrop-filter:blur(16px);box-shadow:0 12px 38px rgba(0,0,0,.24)}.map-title{left:24px;top:24px;width:min(430px,calc(100% - 48px));padding:18px 20px;border-radius:var(--radius)}.kicker{margin:0 0 9px;color:var(--cyan);font:800 11px/1.2 var(--mono);letter-spacing:.13em}.map-title h1,.section-hero h1{margin:0;font-size:clamp(34px,5vw,68px);line-height:.92;letter-spacing:-.055em}.map-title h1 em,.section-hero h1 em{font-style:normal;color:var(--yellow)}.map-title>p:last-child{margin:10px 0 0;color:var(--muted);font-size:13px}.region-switch{left:24px;top:190px;display:flex;padding:5px;border-radius:999px;gap:2px}.region-switch button,.layer-switch button,.filter-row button{border:0;background:transparent;color:var(--muted);min-height:38px;border-radius:999px;padding:0 11px;font:750 11px var(--mono)}.layer-switch{top:24px;right:24px;display:flex;gap:4px;flex-wrap:wrap;max-width:560px;padding:6px;border-radius:16px}.layer-switch button{display:flex;align-items:center;gap:7px}.layer-switch button.active{background:var(--paper);color:var(--ink)}.swatch{display:inline-block;width:9px;height:9px;border-radius:50%}.radar-swatch{background:var(--green)}.outlook-swatch{background:var(--yellow)}.tornado-swatch{background:var(--orange)}.warning-swatch{background:var(--red)}.station-swatch{background:var(--cyan)}.signal-panel{right:24px;top:92px;width:340px;max-height:calc(100% - 202px);overflow:auto;padding:20px;border-radius:var(--radius)}.signal-head{display:flex;justify-content:space-between;gap:12px;color:var(--cyan);font:800 10px var(--mono);letter-spacing:.1em}.live-state{color:var(--green)}.live-state.stale{color:var(--yellow)}.live-state.error{color:var(--red)}.signal-panel h2{font-size:25px;line-height:1.05;letter-spacing:-.04em;margin:24px 0 10px}.signal-panel>p{color:var(--muted);font-size:14px;line-height:1.5}.signal-actions{display:flex;gap:8px;margin-top:18px}.signal-actions button{min-height:42px;border:1px solid var(--line);background:var(--panel2);border-radius:12px;padding:0 12px;font:750 11px var(--mono)}.signal-actions button:first-child{background:var(--yellow);border-color:var(--yellow);color:var(--ink);flex:1}.station-detail{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.station-detail div{padding:10px;background:rgba(6,19,30,.58);border:1px solid var(--line);border-radius:12px}.station-detail span{display:block;color:var(--muted);font:10px var(--mono);margin-bottom:5px}.station-detail strong{font-size:18px}.timeline{left:50%;bottom:18px;transform:translateX(-50%);width:min(760px,calc(100% - 48px));padding:10px 12px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;border-radius:16px}.play-button,.now-button{min-height:42px;border:1px solid var(--line);background:var(--panel2);border-radius:11px}.play-button{width:42px;color:var(--yellow)}.now-button{padding:0 12px;font:750 11px var(--mono)}.timeline input{width:100%;accent-color:var(--yellow)}.timeline-meta{display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono);margin-top:4px}.timeline-meta span:first-child{color:var(--paper)}.below{width:min(1280px,calc(100% - 40px));margin:auto}.content-section{padding:72px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading h2,.case-workbench h2,.lab-controls h2,.notebook h2{margin:0;font-size:clamp(30px,4vw,52px);line-height:1;letter-spacing:-.05em}.section-heading>p{color:var(--muted);font-size:13px;max-width:420px}.sensor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sensor-card,.loading-card{border:1px solid var(--line);background:var(--deep);border-radius:var(--radius);padding:20px}.sensor-card{min-height:220px}.sensor-card header{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font:10px var(--mono)}.sensor-card h3{margin:28px 0 4px;font-size:20px}.sensor-card>p{color:var(--muted);font-size:12px;margin:0}.sensor-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.sensor-values span{color:var(--muted);font:10px var(--mono)}.sensor-values strong{display:block;color:var(--paper);font-size:19px;margin-top:4px}.fresh{color:var(--green)!important}.stale{color:var(--yellow)!important}.filter-row{display:flex;gap:5px}.filter-row button{border:1px solid var(--line)}.filter-row button.active{background:var(--cyan);border-color:var(--cyan);color:var(--ink)}.alert-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.alert-item{border:1px solid var(--line);background:var(--deep);padding:20px;border-radius:var(--radius);display:flex;flex-direction:column;min-height:190px}.alert-item header{display:flex;justify-content:space-between;color:var(--muted);font:10px var(--mono);gap:10px}.alert-item h3{font-size:20px;letter-spacing:-.03em;margin:28px 0 8px}.alert-item p{color:var(--muted);font-size:13px;line-height:1.5}.alert-item a{margin-top:auto;color:var(--cyan);font:750 11px var(--mono);text-decoration:none}.severity-high{color:var(--red)}.section-hero{padding:80px clamp(20px,6vw,90px) 52px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--deep),var(--ink))}.section-hero p:last-child{color:var(--muted);max-width:650px;font-size:17px;line-height:1.5;margin:22px 0 0}.case-picker{display:flex;gap:8px;padding:20px clamp(20px,6vw,90px);overflow:auto;border-bottom:1px solid var(--line)}.case-chip{flex:0 0 auto;border:1px solid var(--line);background:var(--deep);border-radius:14px;padding:14px 18px;text-align:left;min-width:190px}.case-chip span{display:block;color:var(--muted);font:10px var(--mono);margin-bottom:6px}.case-chip strong{font-size:14px}.case-chip.active{border-color:var(--yellow);background:#2a2a25}.case-workbench{width:min(1280px,calc(100% - 40px));margin:38px auto 80px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px}.case-media,.case-evidence{border:1px solid var(--line);background:var(--deep);border-radius:var(--radius);overflow:hidden}.case-media-frame{aspect-ratio:16/9;background:#030b10}.case-media-frame iframe{width:100%;height:100%;border:0}.case-media-copy,.case-evidence{padding:24px}.case-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.case-meta span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);font:10px var(--mono)}.case-media-copy p,.evidence-card p{color:var(--muted);line-height:1.55}.case-source{color:var(--cyan);font:750 11px var(--mono)}.case-step{color:var(--cyan);font:800 10px var(--mono);letter-spacing:.12em}.case-question{font-size:22px;line-height:1.15;margin:15px 0}.guess-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.guess-grid button,.confidence-choice button,.case-next{min-height:44px;border:1px solid var(--line);background:var(--panel);border-radius:11px}.guess-grid button.selected,.confidence-choice button.selected{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.confidence-choice{display:flex;gap:6px;margin-top:14px}.confidence-choice button{flex:1;font-size:11px}.case-next{width:100%;margin-top:14px;background:var(--cyan);border-color:var(--cyan);color:var(--ink);font-weight:800}.case-next:disabled{opacity:.42}.evidence-card{padding:16px;border-left:3px solid var(--yellow);background:var(--panel);margin:14px 0}.evidence-card strong{display:block;margin-bottom:8px}.reveal-rating{font:900 clamp(54px,8vw,86px)/1 var(--sans);color:var(--yellow);letter-spacing:-.08em}.revision-note{padding:14px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:12px;margin-top:12px}.lab-tabs{display:flex;padding:20px clamp(20px,6vw,90px);gap:8px;border-bottom:1px solid var(--line)}.lab-tabs button{border:1px solid var(--line);background:var(--deep);border-radius:999px;min-height:44px;padding:0 18px}.lab-tabs button.active{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}.lab-panel{display:none;width:min(1280px,calc(100% - 40px));margin:38px auto 80px;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:18px}.lab-panel.active{display:grid}.lab-visual,.lab-controls{border:1px solid var(--line);background:var(--deep);border-radius:var(--radius);overflow:hidden}.lab-visual canvas{display:block;width:100%;height:auto;min-height:420px}.lab-controls{padding:28px}.lab-controls h2{margin-bottom:30px}.lab-controls label{display:block;color:var(--muted);font-size:12px;margin:20px 0}.lab-controls output{float:right;color:var(--paper);font:750 12px var(--mono)}.lab-controls input,.lab-controls select{width:100%;margin-top:10px}.lab-controls input{accent-color:var(--yellow)}.lab-controls select{min-height:44px;background:var(--panel);color:var(--paper);border:1px solid var(--line);border-radius:10px;padding:0 10px}.lab-result{background:var(--panel);padding:18px;border-left:3px solid var(--yellow);margin-top:26px}.lab-result span{color:var(--yellow);font:10px var(--mono)}.lab-result strong{display:block;font-size:28px;margin-top:8px}.lab-result p,.method-note{color:var(--muted);font-size:12px;line-height:1.5}.doppler-legend{display:flex;gap:13px;flex-wrap:wrap;color:var(--muted);font:10px var(--mono)}.doppler-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.toward{background:#39b9ff}.away{background:#ff5e55}.blind{background:#f2f0df}.notebook{width:min(680px,calc(100% - 24px));max-height:85vh;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--deep);color:var(--paper)}.notebook::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}.notebook-head{position:sticky;top:0;background:var(--deep);padding:22px;display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid var(--line)}.notebook-head button{border:0;background:transparent;font-size:28px}.notebook-entry{padding:18px 22px;border-bottom:1px solid var(--line)}.notebook-entry time{color:var(--muted);font:10px var(--mono)}.notebook-entry strong{display:block;margin:8px 0}.notebook-entry p{color:var(--muted);font-size:13px}.notebook-empty{padding:50px 22px;color:var(--muted);text-align:center}.notebook-actions{display:flex;gap:8px;padding:18px 22px}.notebook-actions button,.notebook-actions label{min-height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:0 14px;font:750 11px var(--mono)}.notebook-actions input{display:none}.toast{position:fixed;z-index:2000;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--paper);color:var(--ink);padding:12px 16px;border-radius:999px;font:750 12px var(--mono);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}footer{border-top:1px solid var(--line);padding:24px clamp(20px,6vw,90px);display:flex;justify-content:space-between;gap:16px;color:var(--muted);font:10px var(--mono)}@media(max-width:980px){.topbar{grid-template-columns:1fr auto}.mode-nav{position:fixed;z-index:1001;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);box-shadow:0 10px 40px rgba(0,0,0,.5);width:calc(100% - 24px)}.mode-tab{padding:0 10px}.notebook-button{display:none}.map-title{top:14px;left:14px}.region-switch{top:148px;left:14px}.layer-switch{top:204px;left:14px;right:auto}.signal-panel{left:14px;right:14px;top:auto;bottom:92px;width:auto;max-height:230px}.timeline{bottom:14px;width:calc(100% - 28px)}.map-stage{min-height:680px}.sensor-grid{grid-template-columns:repeat(2,1fr)}.case-workbench,.lab-panel.active{grid-template-columns:1fr}.case-evidence{order:-1}}@media(max-width:640px){.topbar{min-height:60px}.brand{font-size:14px}.map-stage{height:calc(100dvh - 60px);min-height:660px}.map-title{padding:14px 16px}.map-title h1{font-size:31px}.map-title>p:last-child{display:none}.region-switch{top:115px;max-width:calc(100% - 28px);overflow:auto}.layer-switch{top:166px;max-width:calc(100% - 28px);overflow-x:auto;flex-wrap:nowrap}.layer-switch button{flex:0 0 auto}.signal-panel{bottom:86px;max-height:245px}.signal-panel h2{font-size:21px;margin-top:16px}.timeline{grid-template-columns:42px 1fr}.now-button{display:none}.below,.case-workbench,.lab-panel{width:calc(100% - 24px)}.content-section{padding:50px 0}.section-heading{display:block}.section-heading>p,.filter-row{margin-top:12px}.sensor-grid,.alert-list{grid-template-columns:1fr}.case-picker{padding:14px 12px}.section-hero{padding:55px 18px 36px}.section-hero h1{font-size:43px}.case-workbench,.lab-panel{margin-top:18px}.case-media-copy,.case-evidence,.lab-controls{padding:18px}.lab-visual canvas{min-height:300px}footer{padding-bottom:88px;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}