:root{--ink:#071829;--navy:#0b2438;--panel:#0d2b43;--line:rgba(163,213,235,.18);--muted:#8ca9ba;--white:#f1f8fa;--orange:#ff7948;--aqua:#61d5e8;--yellow:#ffc75a}*{box-sizing:border-box}body{margin:0;background:#061827;color:var(--white);font-family:Manrope,Arial,sans-serif}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;background:#071c2d;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:30px;position:relative;z-index:20}.brand{color:#f4fbfd;text-decoration:none;display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:1.5px}.brand>span:last-child span{color:#63d6e8}.brand-mark{width:28px;height:28px;position:relative;display:block;border-radius:50%;border:3px solid #65d8e9}.brand-mark:after{content:"";position:absolute;width:7px;height:7px;background:#071c2d;border-radius:50%;top:7px;left:7px}.brand-mark i{position:absolute;background:#65d8e9;width:4px;height:10px;border-radius:4px;left:10px;top:-5px;transform-origin:2px 19px}.brand-mark i:nth-child(2){transform:rotate(120deg)}.brand-mark i:nth-child(3){transform:rotate(240deg)}.basin-label{font:11px 'DM Mono';color:#9db8c5;letter-spacing:1px}.basin-label b{color:#426276;margin:0 5px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#68e2a3;margin-right:7px;box-shadow:0 0 0 4px rgba(104,226,163,.12)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.icon-button{width:34px;height:34px;border:1px solid var(--line);background:#0c2a40;color:#afcbd8;border-radius:5px;font-size:18px;cursor:pointer}.time-stamp{font:9px 'DM Mono';letter-spacing:.7px;line-height:1.5;color:#7f9faf;margin-left:10px}.time-stamp strong{color:#d5e7ed;font-weight:500}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 365px;flex:1;min-height:0}.map-panel{height:calc(100vh - 104px);min-height:650px;position:relative;overflow:hidden;background:#12324d}#map{position:absolute;inset:0;background:#12324d}.leaflet-control-zoom{display:none}.leaflet-container{font-family:Manrope,Arial,sans-serif;background:#12324d}.leaflet-tile{filter:saturate(.9) contrast(1.03)}.map-topline{position:absolute;z-index:500;top:21px;left:24px;right:26px;display:flex;justify-content:space-between;color:#bad0d9;font:10px 'DM Mono';letter-spacing:.8px;text-shadow:0 1px 6px #071829}.eyebrow{font:10px 'DM Mono';letter-spacing:1.3px;color:#6dcfe0;display:block}.map-legend{position:absolute;z-index:500;top:53px;left:24px;background:rgba(6,27,43,.82);border:1px solid var(--line);border-radius:6px;padding:9px 11px;display:flex;gap:13px;font-size:10px;color:#d0e1e7;backdrop-filter:blur(7px)}.map-legend div{display:flex;align-items:center;gap:5px}.legend-line{height:3px;width:16px;background:var(--orange);display:inline-block}.legend-line.forecast{background:repeating-linear-gradient(90deg,#62d9ed 0 4px,transparent 4px 7px)}.legend-cloud{width:10px;height:10px;background:radial-gradient(circle,#f6feff 0 30%,rgba(228,249,252,.4) 40%,transparent 72%);border-radius:50%;display:inline-block}.map-tools{position:absolute;z-index:500;right:20px;top:21px;display:flex;gap:5px}.map-tool{font:10px Manrope;border:1px solid rgba(183,222,235,.25);background:rgba(6,27,43,.86);border-radius:4px;padding:8px 9px;color:#b2cbd6;cursor:pointer}.map-tool.active{background:#16445b;color:white;border-color:#47b9cb}.map-tool.unavailable,.map-tool:disabled{cursor:not-allowed;opacity:.48;background:rgba(6,27,43,.62);border-color:rgba(183,222,235,.12)}.tool-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}.orange{background:var(--orange)}.white{background:#f3fdff}.blue{background:#65d6ed}.violet{background:#bf8cff}.storm-callout{position:absolute;z-index:501;top:98px;right:21px;width:264px;background:rgba(6,25,40,.94);border:1px solid rgba(108,214,232,.5);border-left:3px solid var(--orange);padding:15px 17px 14px;box-shadow:0 12px 25px rgba(0,0,0,.25);backdrop-filter:blur(10px)}.storm-kicker{font:9px 'DM Mono';letter-spacing:1px;color:#6bd5e6}.storm-callout h2{margin:7px 0 8px;font-size:18px;letter-spacing:-.4px}.cat{font:10px 'DM Mono';color:#ffd1a8;background:rgba(255,121,72,.18);padding:3px 5px;border-radius:3px;vertical-align:middle}.storm-callout p{color:#9eb8c6;font-size:11px;line-height:1.7;margin:0 0 10px}.storm-callout p b{color:#e9f4f7}.storm-callout button:not(.close-callout){background:none;border:0;padding:0;color:#66d8ea;font-weight:700;font-size:11px;cursor:pointer}.storm-callout button span{margin-left:8px}.close-callout{position:absolute;right:8px;top:6px;background:none;color:#8faab8;border:0;font-size:18px;cursor:pointer}.timeline-wrap{position:absolute;z-index:500;bottom:0;left:0;right:0;padding:16px 25px 14px;background:linear-gradient(transparent,rgba(4,19,31,.94) 30%)}.timeline-head{display:flex;justify-content:space-between;align-items:center}.timeline-head strong{font:11px 'DM Mono';letter-spacing:.7px}.playback{display:flex;gap:5px}.playback button{width:28px;height:27px;border:1px solid rgba(195,226,234,.35);background:rgba(8,32,48,.88);color:#d9ebef;border-radius:4px;cursor:pointer}.playback .play{background:#62d6e9;color:#082034;border:0}input[type=range]{width:100%;accent-color:#ff7948;margin:9px 0 3px;cursor:pointer}.timeline-labels{display:flex;justify-content:space-between;font:9px 'DM Mono';color:#91afbd}.right-rail{background:#092035;border-left:1px solid var(--line);height:calc(100vh - 104px);min-height:650px;overflow:auto}.rail-section{padding:20px;border-bottom:1px solid var(--line)}.section-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:14px}.section-head h2{font-size:17px;margin:4px 0 0;letter-spacing:-.4px}.text-button{border:0;background:none;padding:2px 0;color:#66d9e9;font:9px 'DM Mono';letter-spacing:.5px;cursor:pointer}.system-card{width:100%;text-align:left;display:flex;align-items:center;gap:11px;padding:10px;border:1px solid transparent;background:#0c2a40;color:#edf7f9;border-radius:6px;cursor:pointer;margin-bottom:5px}.system-card.selected{border-color:rgba(105,216,235,.5);background:#12364d}.category{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:bold 13px 'DM Mono';border:2px solid}.cat2{color:#ffc0a7;border-color:#ff7a48;background:rgba(255,121,72,.14)}.ts{color:#9eeaf1;border-color:#58cadb;background:rgba(88,202,219,.14);font-size:10px}.system-info{display:grid;gap:2px;flex:1}.system-info b{font-size:12px}.system-info small{font:10px 'DM Mono';color:#9bb7c4}.chev{color:#74d9e8;font-size:20px}.impact-chances{display:grid;gap:4px;margin-top:7px;padding-top:7px;border-top:1px solid rgba(163,213,235,.13)}.impact-chances em{font:8px 'DM Mono';font-style:normal;color:#7ea4b5;letter-spacing:.45px}.impact-chances>span{display:flex;gap:5px;flex-wrap:wrap}.impact-chances i{font:9px 'DM Mono';font-style:normal;border-radius:3px;padding:3px 4px}.impact-chances i b{font-weight:500;margin-left:2px}.impact-chances .severe{color:#ffb8ad;background:rgba(255,94,78,.14)}.impact-chances .moderate{color:#ffd58d;background:rgba(255,190,84,.14)}.impact-chances .light{color:#a5e9be;background:rgba(96,211,145,.13)}.eta{font:8px 'DM Mono';letter-spacing:.35px;color:#7ed7e7;margin-top:5px;line-height:1.35}.watch-badge{font:9px 'DM Mono';letter-spacing:.7px;color:#ffd089;background:rgba(255,190,84,.14);border:1px solid rgba(255,190,84,.32);padding:5px 6px;border-radius:3px}.impact{background:linear-gradient(120deg,#0d2940,#102c41)}.impact-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.impact-grid div{padding:10px 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.impact-grid small{display:block;color:#82a5b5;font:8px 'DM Mono';letter-spacing:.5px;margin-bottom:3px}.impact-grid b{font-size:11px}.impact-note{font-size:10px;color:#a8c0cb;line-height:1.6;margin:12px 0 0}.impact-note span{color:#ffc45e;margin-right:4px}.news-card{display:grid;grid-template-columns:82px 1fr;gap:11px;padding:11px 0;border-top:1px solid var(--line)}.news-card:first-child{border-top:0;padding-top:0}.news-time{font:9px 'DM Mono';color:#72d7e7;letter-spacing:.4px}.news-title{font-size:11px;line-height:1.45;color:#e6f3f6;text-decoration:none;display:block;cursor:pointer}.news-title:hover{color:#74dced}.news-title:focus-visible{outline:2px solid #74dced;outline-offset:3px;border-radius:2px}.news-title b{color:white}.news-title:hover b{color:#fff}.tag-chip{display:inline-block;margin-top:6px;font:8px 'DM Mono';letter-spacing:.4px;padding:3px 4px;color:#9fc4ce;border:1px solid var(--line);border-radius:2px}footer{height:32px;background:#061726;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#638596;font:9px 'DM Mono';letter-spacing:.25px}.storm-marker{width:48px;height:48px;border-radius:50%;background:conic-gradient(from 30deg,rgba(255,255,255,.96),rgba(166,223,235,.55),rgba(255,255,255,.94),rgba(94,183,205,.1),rgba(255,255,255,.85));box-shadow:0 0 0 10px rgba(192,239,249,.16),0 0 28px 10px rgba(206,244,255,.38);position:relative;animation:spin 5s linear infinite}.storm-marker:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#164d69;box-shadow:inset 0 0 0 5px rgba(246,255,255,.88)}.storm-marker:after{content:"";position:absolute;inset:19px;border-radius:50%;background:#0d3855}.storm-marker.small{transform:scale(.65);animation-duration:3.7s}@keyframes spin{to{transform:rotate(360deg)}}.storm-marker.small{animation-name:spinsmall}@keyframes spinsmall{to{transform:rotate(360deg) scale(.65)}}.custom-storm-label{background:rgba(5,25,40,.93);border:1px solid rgba(128,222,238,.78)!important;border-radius:5px;color:#fff!important;box-shadow:0 2px 8px rgba(0,0,0,.38);font:800 11px Manrope;letter-spacing:.15px;line-height:1.45;padding:5px 8px;text-shadow:none;-webkit-font-smoothing:antialiased}.storm-intensity{font:800 10px 'DM Mono';letter-spacing:.55px;color:#eafcff;text-shadow:none}.storm-intensity.projected{color:#ffe08a;text-shadow:none}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{display:none}.storm-popup .leaflet-popup-content-wrapper{background:#09233a;color:white;border:1px solid #4dc9dc;border-radius:5px}.storm-popup .leaflet-popup-tip{background:#09233a}.storm-popup .leaflet-popup-content{font:11px Manrope;margin:10px 12px}.storm-popup b{color:#71dced}@media(max-width:900px){.workspace{grid-template-columns:1fr}.right-rail{height:auto;min-height:0;border-left:0;display:grid;grid-template-columns:1fr 1fr}.news{grid-column:1/-1}.map-panel{height:72vh;min-height:560px}.storm-callout{display:none}footer{font-size:7px}.basin-label{display:none}}@media(max-width:560px){.topbar{padding:0 13px;height:58px}.time-stamp{display:none}.workspace .map-panel{height:69vh;min-height:460px}.right-rail{display:block}.map-tools{top:15px;right:12px}.map-tool{font-size:0;padding:8px}.map-tool .tool-dot{margin:0}.map-legend{left:12px;top:47px;gap:7px}.map-legend div{font-size:0}.map-legend div span{margin:0}.map-topline{left:13px;top:16px}.map-topline span:last-child{display:none}.timeline-wrap{padding:12px 13px}.map-panel{height:calc(100vh - 90px)}footer{height:32px;padding:0 12px}.brand{font-size:14px}.top-actions{gap:5px}.icon-button{width:30px;height:30px}.right-rail{height:auto}.rail-section{padding:17px 14px}}