:root{--ink:#e6ebe7;--muted:#8c9c9d;--bg:#101b21;--panel:#15232a;--line:#2c3c41;--green:#bbdfb4;--orange:#e9ad69;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}button{background:0 0;border:0}input[type=range]{accent-color:var(--green);cursor:pointer;height:4px}input[type=checkbox]{accent-color:var(--green);width:14px;height:14px;margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app{grid-template-rows:78px minmax(0,1fr) 38px;height:100dvh;min-height:650px;display:grid}.header{border-bottom:1px solid var(--line);background:var(--bg);z-index:3;align-items:center;gap:34px;padding:0 30px;display:flex}.brand{letter-spacing:-1.8px;align-items:center;gap:8px;font-size:34px;font-weight:600;display:flex}.brand>svg{width:35px;height:35px;color:var(--green)}.brand-dot{color:var(--green)}.header-caption{color:var(--muted);border-left:1px solid var(--line);padding-left:30px;font-size:12px}.sources-button{color:#b1beb9;align-items:center;gap:20px;margin-left:auto;font-size:12px;display:flex}.sources-button span{color:var(--green)}.eyebrow{letter-spacing:1.5px;color:var(--green);font:9px/1.5 Courier New,monospace}.workspace{grid-template-columns:330px minmax(0,1fr);min-height:0;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--panel);z-index:2;flex-direction:column;min-height:0;display:flex}.sidebar-heading{padding:24px 26px 18px}.sidebar-heading h1{letter-spacing:-1px;margin:12px 0 10px;font-size:28px;font-weight:500}.sidebar-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.tabs{border-bottom:1px solid var(--line);gap:26px;margin:0 24px;display:flex}.tabs button{color:var(--muted);align-items:center;gap:8px;padding:12px 0 15px;font-size:12px;display:flex;position:relative}.tabs button[aria-selected=true]{color:var(--ink)}.tabs button[aria-selected=true]:after{content:"";background:var(--green);height:2px;position:absolute;bottom:-1px;left:0;right:0}.tabs i,.tiny-dot{background:var(--green);border-radius:50%;width:5px;height:5px;display:inline-block}.filters{padding:22px 24px 4px}.search{border:1px solid #3a4a4e;border-radius:4px;align-items:center;gap:10px;padding:10px 12px;display:flex}.search svg{width:16px;height:16px;stroke:var(--muted);flex-shrink:0}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;min-width:0;font-size:12px}.search:focus-within{border-color:var(--green)}.search input::placeholder{color:#8d9b9c}.year-filter{color:var(--muted);justify-content:space-between;align-items:center;margin-top:15px;font-size:11px;display:flex}.year-filter select{background:var(--panel);border:0;border-bottom:1px solid var(--line);color:var(--ink);min-width:92px;padding:5px 3px}.list-heading{letter-spacing:1.2px;color:#9aabab;justify-content:space-between;padding:24px 26px 12px;font:8px Courier New,monospace;display:flex}.storm-list{scrollbar-width:thin;scrollbar-color:#3a4a4e transparent;flex:1;min-height:0;overflow:auto}.storm-row{text-align:left;border-bottom:1px solid #26363d;border-left:2px solid #0000;align-items:center;gap:13px;width:100%;padding:13px 24px;transition:background .15s;display:flex}.storm-row:hover{background:#1d3037}.storm-row.selected{border-left-color:var(--green);background:#233930}.storm-symbol{color:#aac7b2;background:#24353a;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.storm-symbol svg{width:28px;height:28px}.storm-row strong{font-size:14px;font-weight:500;line-height:1.3;display:block}.storm-row small{color:var(--muted);margin-top:7px;font-size:10px;display:block}.storm-row small span{color:#63777b;margin:0 5px}.row-end{color:#849c96;letter-spacing:.5px;white-space:nowrap;margin-left:auto;font:8px Courier New,monospace}.row-end>span{color:var(--green);margin-left:12px;font-size:14px;display:inline-block}.list-note{color:var(--muted);padding:8px 24px;font-size:11px;line-height:1.7}.sidebar-footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:9px;padding:18px 24px;font:9px Courier New,monospace;display:flex}.empty-state{color:var(--muted);padding:35px 26px;font-size:12px;line-height:1.8}.empty-state>svg{color:#9ebba5;opacity:.6;width:50px;height:50px;margin-bottom:10px}.empty-state h2{color:var(--ink);letter-spacing:-.4px;font-size:19px;font-weight:500;line-height:1.4}.empty-state p{margin:12px 0 20px}.empty-state button,.empty-state a{color:var(--green);text-align:left;padding:8px 0;font-size:12px;display:block}.status-label{color:var(--orange);letter-spacing:1px;font:8px Courier New,monospace}.map-panel{background:#d4dbd8;min-width:0;position:relative;overflow:hidden}.map-host{position:absolute;inset:0}.map-heading{color:#213d3f;pointer-events:none;background:#f4f5efef;border:1px solid #d8ded6;border-radius:5px;max-width:calc(100% - 90px);padding:18px 20px;position:absolute;top:26px;left:28px;box-shadow:0 2px 14px #263a3210}.map-heading .eyebrow{color:#496d62}.map-heading h2{letter-spacing:-.7px;margin:7px 0;font-size:25px;font-weight:500;line-height:1.2}.map-heading p{color:#6d7c75;margin:0;font-size:10px}.layers{background:#15232af2;border:1px solid #3b4f50;border-radius:5px;min-width:152px;padding:14px;position:absolute;top:104px;right:20px;box-shadow:0 4px 20px #101b2120}.layers>label{cursor:pointer;align-items:center;gap:9px;font-size:10px;line-height:1.4;display:flex}.layers>label+label{margin-top:14px}.layers label>span:last-child:not(:first-child){color:var(--green);margin-left:auto;font:8px Courier New,monospace}.layers .opacity{color:var(--muted);font-size:9px;display:block}.opacity input{width:125px;margin-top:12px;display:block}.satellite-control{background:#15232af2;border:1px solid #3b4f50;border-radius:5px;width:260px;padding:16px;position:absolute;top:250px;right:20px}.satellite-control strong{margin:9px 0 16px;font-size:12px;font-weight:400;display:block}.satellite-control label{display:block}.satellite-control input{width:100%;margin:4px 0 12px}.satellite-control small{color:var(--muted);font-size:9px;line-height:1.7;display:block}.satellite-control p{font-size:11px;line-height:1.7}.satellite-control button{color:var(--green);padding:0;text-decoration:underline}.map-intro{background:#15232af5;border:1px solid #3b4f50;border-radius:5px;width:300px;padding:24px;position:absolute;bottom:55px;left:28px;box-shadow:0 8px 35px #101b2120}.map-intro h3{letter-spacing:-.8px;margin:12px 0;font-size:24px;font-weight:400;line-height:1.2}.map-intro p{color:var(--muted);max-width:215px;font-size:12px;line-height:1.7}.map-intro button{color:var(--green);justify-content:space-between;align-items:center;width:100%;padding:12px 0 0;font-size:12px;display:flex}.map-intro button span{font-size:20px}.map-legend{color:#49645c;pointer-events:none;flex-wrap:wrap;gap:17px;font-size:9px;display:flex;position:absolute;bottom:12px;left:28px}.map-legend>span{background:#f3f5efda;border-radius:2px;align-items:center;gap:5px;padding:4px 6px;display:flex}.map-legend i{background:#286357;width:13px;height:2px;display:block}.map-legend .forecast-key{background:0 0;border-top:2px dashed #b66f42;height:0}.map-message{color:#2d5148;z-index:1;background:#dce3df;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.image-status,.selection-error{background:var(--panel);color:var(--ink);border-radius:4px;max-width:calc(100% - 240px);padding:12px 15px;font-size:11px;line-height:1.5;position:absolute;top:160px;left:28px}.image-status{max-width:260px;inset:auto 20px 50px auto}.storm-detail{background:#15232af8;border:1px solid #3b4f50;border-radius:5px;width:min(460px,100% - 56px);padding:16px 18px 12px;position:absolute;bottom:55px;left:28px;box-shadow:0 8px 35px #101b2133}.detail-top{justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px;display:flex}.detail-top>div{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.detail-top .eyebrow{letter-spacing:.8px;font-size:8px}.detail-top h3{letter-spacing:-.5px;order:-1;margin:0;font-size:17px;font-weight:400}.close{color:var(--muted);padding:0 0 5px 8px;font-size:25px;line-height:1}.metrics{grid-template-columns:1fr 1fr 1.2fr;gap:15px;display:grid}.metrics small{color:var(--muted);letter-spacing:.6px;font:8px/1.5 Courier New,monospace;display:block}.metrics strong{white-space:nowrap;margin-top:5px;font-size:16px;font-weight:400;display:block}.metrics>div:last-child strong{padding-top:3px;font-size:12px}.intensity-chart{width:100%;height:36px;color:var(--green);margin-top:10px;display:block}.playback{align-items:center;gap:12px;padding:6px 0 10px;display:flex}.playback button{color:var(--green);background:#bbdfb41a;border:1px solid #71987e55;border-radius:3px;flex-shrink:0;place-items:center;width:32px;height:30px;font-size:12px;display:grid}.playback input{flex:1;min-width:0}.playback>span{color:var(--muted);text-align:right;min-width:55px;font:9px Courier New,monospace}.detail-source{border-top:1px solid var(--line);color:#96aaa3;justify-content:space-between;gap:12px;padding-top:9px;font-size:9px;line-height:1.5;display:flex}.detail-source>span{white-space:nowrap;color:var(--muted)}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:0 25px;font-size:9px;display:flex}.footer a{color:#b2c4b7}.footer button{color:var(--muted);padding:0;font-size:9px}.maplibregl-ctrl-top-right{top:16px;right:10px}.maplibregl-ctrl-group{border:1px solid #c9d3c9;box-shadow:0 2px 8px #253c2d14!important}.maplibregl-ctrl-attrib{max-width:80%;font-size:9px!important}.maplibregl-ctrl-bottom-right{max-width:70%}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#071014c9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.sources-modal{background:var(--panel);border:1px solid #3e5554;border-radius:6px;max-width:610px;max-height:90dvh;padding:35px;position:relative;overflow:auto}.sources-modal .close{position:absolute;top:20px;right:22px}.sources-modal h2{letter-spacing:-1px;margin:15px 0 25px;font-size:30px;font-weight:400}.sources-modal p{color:#afbdba;margin:0 0 19px;font-size:13px;line-height:1.8}.sources-modal a{color:var(--green)}.sources-modal small{color:var(--muted);font-size:10px;line-height:1.8}@media (min-width:1600px){.workspace{grid-template-columns:370px minmax(0,1fr)}.sidebar-heading{padding-top:28px}.map-heading{top:35px;left:35px}.map-intro,.storm-detail{bottom:65px;left:35px}}@media (max-width:1050px){.workspace{grid-template-columns:290px minmax(0,1fr)}.sidebar-heading{padding:26px 22px 20px}.sidebar-heading h1{font-size:25px}.tabs{gap:20px;margin:0 22px}.layers{top:150px}.satellite-control{width:220px;top:290px}.storm-detail{width:min(460px,100% - 40px);left:20px}.map-heading{top:20px;left:20px}.metrics{gap:10px}.metrics strong{font-size:14px}.metrics>div:last-child strong{font-size:10px}.header-caption{font-size:11px}.footer,.footer button{font-size:8px}.image-status{inset:260px auto auto 20px}}@media (max-width:700px){.app{grid-template-rows:66px auto auto;height:auto;min-height:100dvh}.header{gap:16px;padding:0 18px}.brand{font-size:29px}.brand>svg{width:30px;height:30px}.header-caption{display:none}.sources-button{gap:10px;font-size:10px}.workspace{flex-direction:column;display:flex}.sidebar{border-right:0;border-top:1px solid var(--line);order:2;min-height:270px;max-height:460px}.sidebar-heading{padding:22px 20px 12px}.sidebar-heading h1{margin:8px 0;font-size:23px}.sidebar-heading p{display:none}.tabs{gap:30px;margin:0 20px}.tabs button{padding:10px 0 13px}.filters{grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:15px;padding:18px 20px 0;display:grid}.year-filter{margin:0;display:block}.year-filter label{display:none}.year-filter select{width:100%}.list-heading{padding:18px 20px 10px}.storm-row,.sidebar-footer{padding:14px 20px}.empty-state{padding:20px}.empty-state>svg{display:none}.empty-state h2{margin:0 0 10px;font-size:17px}.empty-state p{margin:10px 0}.map-panel{order:1;height:70dvh;min-height:530px;max-height:750px}.map-heading{padding:12px 15px;top:15px;left:15px}.map-heading h2{font-size:21px}.map-heading .eyebrow{font-size:8px}.map-heading p{font-size:9px}.layers{min-width:142px;padding:12px;top:122px;right:15px}.layers>label{font-size:10px}.layers .opacity{display:none}.satellite-control{width:210px;padding:12px;top:220px;right:15px}.satellite-control strong{margin:8px 0;font-size:10px}.satellite-control input{margin-bottom:6px}.satellite-control small{font-size:8px}.map-intro{width:260px;padding:20px;bottom:49px;left:15px}.map-intro h3{font-size:22px}.map-intro p{font-size:11px}.storm-detail{width:calc(100% - 24px);padding:14px 15px 10px;bottom:46px;left:12px}.detail-top h3{margin:0;font-size:16px}.metrics{grid-template-columns:1fr 1fr 1.2fr;gap:8px}.metrics small{font-size:7px}.metrics strong{font-size:14px}.metrics>div:last-child strong{font-size:10px}.intensity-chart{height:30px;margin-top:8px}.playback{gap:12px;padding:5px 0 10px}.detail-source{padding-top:10px;font-size:8px}.map-legend{gap:5px;font-size:8px;bottom:9px;left:12px}.map-legend>span:last-child:not(:nth-child(2)){display:none}.footer{flex-wrap:wrap;gap:10px;padding:16px 20px;font-size:9px;line-height:1.6}.footer>span:nth-child(2){order:3;width:100%}.footer button{font-size:9px}.maplibregl-ctrl-top-right{top:5px;right:5px}.maplibregl-ctrl-attrib{font-size:8px!important}.image-status,.selection-error{max-width:180px;padding:10px;font-size:10px;top:120px;left:15px;right:auto}.image-status{max-width:calc(100% - 30px);top:auto;bottom:360px}.modal-backdrop{padding:15px}.sources-modal{padding:28px 23px}.sources-modal h2{margin-right:20px;font-size:26px}.sources-modal p{font-size:12px}}.track-download{flex-shrink:0;margin-left:auto;position:relative}.track-download summary{cursor:pointer;color:var(--green);white-space:nowrap;list-style:none}.track-download summary::-webkit-details-marker{display:none}.track-download summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}.track-download>div{z-index:3;background:#1c3037;border:1px solid #486256;border-radius:4px;min-width:105px;padding:4px;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 4px 16px #06110a55}.track-download button{text-align:left;width:100%;color:var(--green);border-radius:2px;padding:9px 11px;font-size:11px;display:block}.track-download button:hover{background:#bbdfb414}.satellite-playback>.satellite-save{white-space:nowrap;width:auto;height:27px;padding:0 7px;font-size:9px}.video-export-status{z-index:12;background:#15232a;border:1px solid #6b9279;border-radius:5px;align-items:center;gap:20px;width:max-content;max-width:calc(100% - 30px);padding:14px 18px;font-size:12px;line-height:1.6;display:flex;position:fixed;bottom:52px;left:50%;transform:translate(-50%);box-shadow:0 5px 24px #07111055}.video-export-status button{color:var(--green);white-space:nowrap;padding:4px}.video-export-status small{color:var(--muted);margin-top:3px;font-size:10px;display:block}@media (max-width:700px){.satellite-playback>.satellite-save{height:23px;padding:0 5px;font-size:8px}.video-export-status{gap:12px;font-size:11px;bottom:20px}}.track-endpoint{color:#286357;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;background:#f4f6f0f5;border:1px solid #a3b7ab;border-radius:3px;align-items:center;gap:6px;padding:5px 8px;font:600 10px/1.2 Arial,sans-serif;display:flex;box-shadow:0 1px 5px #10201a12}.track-endpoint:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.track-endpoint-end{color:#9c5c32;border-color:#c9af96}.track-endpoint:hover{background:#fff}.track-endpoint:focus-visible{outline-offset:3px;outline:2px solid #286357}.satellite-playback{align-items:center;gap:12px;margin:10px 0;display:flex}.satellite-playback>button{background:#bbdfb41a;border:1px solid #71987e55;border-radius:3px;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:10px;display:grid;text-decoration:none!important}.satellite-playback label{flex:1;min-width:0}.satellite-playback input{width:100%;margin:0}@media (max-width:700px){.satellite-control{width:calc(100% - 190px);min-width:145px;padding:12px;top:122px;left:15px;right:auto}.satellite-control .eyebrow{letter-spacing:.8px;font-size:7px}.satellite-control small{font-size:7px;line-height:1.5}.satellite-playback{gap:8px;margin:7px 0}.satellite-control strong{font-size:9px}.satellite-playback>button{width:23px;height:23px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}