:root{color-scheme:dark;--bg:#07121e;--panel:#0d1d2c;--panel2:#112435;--border:#243a49;--text:#f0f8ff;--muted:#91a9b8;--teal:#65e0ca;--orange:#ffb86b;--red:#ff7779;--blue:#7bb7f8;--radius:21px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}.ambient{position:fixed;pointer-events:none;z-index:-1;filter:blur(70px)}.ambient-one{height:500px;width:500px;background:#17445644;left:-330px;top:100px}.ambient-two{height:460px;width:460px;background:#2e526533;right:-230px;top:250px}.shell{max-width:1560px;margin:auto;padding:0 31px}.topbar{height:99px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263845}.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none}.brand-icon{width:49px;height:49px}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand-copy strong{font-size:22px;letter-spacing:1.45px;font-weight:850}.brand-copy strong span{color:var(--teal)}.brand-copy small{font-size:10px;letter-spacing:3px;color:#9ec0c6;font-weight:700}.topbar-actions{display:flex;align-items:center;gap:18px}.live-indicator{font-size:10px;color:#a5c4ca;letter-spacing:1.4px;font-weight:800}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #65e0ca20;margin-right:7px}.icon-btn{min-width:39px;height:39px;border:1px solid #334759;background:#102434;border-radius:12px;color:#d6e8ed;font-size:19px}.icon-btn:hover,.ghost-btn:hover{background:#1b3545}.ghost-btn{background:#102434;border:1px solid #31485a;color:var(--text);border-radius:12px;padding:12px 16px;font-size:12px;font-weight:700}.app-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:31px;padding-top:35px}.sidebar{padding:14px 27px 22px 0;border-right:1px solid #223441;min-height:850px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:2px;color:var(--teal)}.sidebar h1{font-size:34px;line-height:1.16;letter-spacing:-1.4px;margin:19px 0 12px;font-weight:800}.sidebar h1 em{font-style:normal;color:var(--teal)}.side-intro{color:var(--muted);font-size:13px;line-height:1.75;max-width:270px;margin:0 0 36px}.search-section{position:relative}.search-section label,.section-head{display:flex;justify-content:space-between;align-items:center;color:#9fb7c3;letter-spacing:1.5px;font-weight:800;font-size:10px}.searchbox{height:52px;background:#112334;border:1px solid #355063;border-radius:14px;display:flex;align-items:center;padding-left:14px;gap:7px;margin-top:12px;transition:border-color .15s}.searchbox:focus-within{border-color:var(--teal)}.searchbox span{font-size:23px;color:#8ca7b8}.searchbox input{background:transparent;border:0;outline:0;min-width:0;flex:1;color:white;font-size:13px}.searchbox input::placeholder{color:#748c9b}.searchbox button{height:38px;width:39px;border:0;color:#0a1820;background:var(--teal);border-radius:10px;font-size:20px;margin-right:6px}.search-hint{color:#879eac;font-size:11px;margin-top:10px;min-height:16px}.search-results{position:absolute;left:0;right:0;top:92px;background:#173043;border:1px solid #3c5969;border-radius:13px;z-index:999;max-height:250px;overflow:auto;box-shadow:0 20px 35px #0008}.result-btn{display:block;text-align:left;padding:12px 14px;border:0;border-bottom:1px solid #31495b;background:transparent;color:#eaf8ff;width:100%;font-size:13px}.result-btn:hover,.result-btn:focus{background:#285066;outline:0}.result-btn small{display:block;color:#a0bbc7;font-size:11px;margin-top:3px}.location-btn{margin:15px 0 34px;display:flex;align-items:center;gap:10px;width:100%;border-radius:12px;border:1px solid #2d4959;background:transparent;color:#d3e8f2;padding:13px 14px;font-size:12px;font-weight:750}.location-btn span{font-size:19px;color:var(--teal)}.location-btn:hover{background:#122b3c}.quick-list{display:grid;gap:8px;margin-top:15px}.quick-pill{display:flex;justify-content:space-between;align-items:center;padding:13px 13px;background:#102334;border:1px solid #263c4c;color:#e6f3f7;border-radius:11px;font-size:13px;text-align:left}.quick-pill:hover{border-color:var(--teal)}.quick-pill span{color:#89b3bd}.saved-head{margin-top:35px}.count{border:1px solid #2b4858;border-radius:20px;min-width:21px;text-align:center;padding:3px;color:var(--teal);letter-spacing:0}.favorites{margin-top:13px;display:grid;gap:8px}.empty-fav{padding:15px;border:1px dashed #304859;border-radius:12px;line-height:1.6;color:#89a4b4;font-size:12px}.fav-row{display:flex;align-items:center;background:#122938;border:1px solid #294354;border-radius:11px}.fav-select{color:#eaf8ff;text-align:left;background:none;border:0;padding:12px;flex:1;font-size:12px}.fav-remove{border:0;background:none;color:#94b0bf;padding:10px;font-size:18px}.fav-select:hover{color:var(--teal)}.sidebar-foot{color:#7894a3;font-size:11px;line-height:1.5;display:flex;gap:9px;border-top:1px solid #253846;padding-top:22px;margin-top:33px}.tiny-orb{color:var(--teal);font-size:22px;line-height:16px}.mainpane{min-width:0;padding-bottom:22px}.connection-banner{background:#543c2a;border:1px solid #b5854c;color:#ffe6cb;padding:13px 16px;border-radius:12px;font-size:13px;margin:0 0 18px}.location-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:6px 0 23px}.location-bar h2{font-size:34px;letter-spacing:-1px;margin:10px 0 5px;line-height:1.2}.location-sub{font-size:12px;color:#93adbd;margin:0}.location-actions{display:flex;gap:9px;align-items:center}.favorite-btn{font-size:24px;color:var(--orange)}.refresh-btn{border:1px solid #355261;color:#d9edf3;background:#142a3a;padding:12px 16px;border-radius:12px;font-size:12px;font-weight:800;white-space:nowrap}.refresh-btn:hover{background:#1f3849}.refresh-btn span{font-size:17px;margin-right:6px}.hero-card{position:relative;overflow:hidden;border:1px solid #365b63;background:linear-gradient(112deg,#143b45 0%,#133847 43%,#0d2334 100%);border-radius:var(--radius);min-height:277px;padding:23px 29px 0;box-shadow:0 25px 55px #0002}.hero-sheen{position:absolute;pointer-events:none;right:-30px;top:-90px;width:390px;height:350px;background:radial-gradient(circle,#46b7b21a,transparent 60%)}.hero-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px;align-items:center}.chip{display:inline-flex;align-items:center;gap:9px;padding:7px 10px;border-radius:20px;background:#d2fff615;color:#acecdf;font-size:10px;font-weight:800;letter-spacing:1.1px}.chip-dot{display:inline-block;height:6px;width:6px;background:#8ceadd;border-radius:50%}.time-meta{color:#a6c8ce;font-size:11px}.hero-body{display:flex;justify-content:space-between;min-height:185px;align-items:center;position:relative;z-index:1}.hero-copy{max-width:680px;padding:13px 0}.hero-label{color:#bedddc;font-size:13px;margin:8px 0}.risk-value{line-height:1.2;min-height:60px}.risk-main{font-size:41px;letter-spacing:-1.2px;font-weight:850}.risk-main.low{color:#7ef1c8}.risk-main.mid{color:#ffcf88}.risk-main.high{color:#ff9e98}.hero-description{font-size:13px;line-height:1.65;color:#d4e8e9;margin:5px 0}.peak-time{font-size:11px;color:#abdbda;margin:11px 0 0}.hero-art{height:180px;width:205px;flex-shrink:0;position:relative;opacity:.95;margin-right:33px}.radar-ring{position:absolute;border:1px solid #8cf4d436;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-a{height:76px;width:76px}.ring-b{height:132px;width:132px}.ring-c{height:185px;width:185px}.storm-mark{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);font-size:102px;line-height:1;font-weight:800;color:#94f6d1;text-shadow:0 0 28px #37d3b444}.radar-sweep{position:absolute;top:0;left:10px;height:175px;width:175px;border-radius:50%;border-right:2px solid #76f6ce66;animation:spin 8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-footer{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:48px;border-top:1px solid #6593933d;color:#b7d5d5;font-size:11px}.hero-footer strong{color:#e8fafa}.hero-footer button{border:0;background:transparent;color:#adf7e8;font-size:11px;white-space:nowrap;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px 0 26px}.metric-card{min-height:141px;border:1px solid #2c4353;border-radius:17px;background:linear-gradient(160deg,#132839,#101f2e);padding:18px}.metric-top{display:flex;align-items:center;gap:9px;color:#9cbbca;letter-spacing:1.05px;font-size:9px;font-weight:800}.metric-top span:first-child{font-size:19px;color:#8cded4;letter-spacing:0}.metric-value{font-weight:850;font-size:29px;letter-spacing:-.5px;margin:16px 0 5px;white-space:nowrap}.metric-foot{font-size:10px;color:#91aabc}.panel{border:1px solid #2c4251;background:linear-gradient(160deg,#102131,#0c1c2a);border-radius:20px;padding:23px;margin-bottom:19px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.panel-head h3{font-size:21px;letter-spacing:-.6px;margin:8px 0}.pill-outline{border:1px solid #2c4d59;border-radius:25px;padding:9px 11px;font-size:9px;color:#9ac7ca;letter-spacing:.65px;font-weight:800}.hour-strip{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;padding:20px 0 13px;min-height:131px}.hour-card{flex:0 0 87px;border-radius:12px;border:1px solid #2d4656;background:#102839;color:#d8ebf4;padding:12px 6px 10px;text-align:center;transition:transform .12s,border-color .12s}.hour-card:hover{border-color:#8fd3d7;transform:translateY(-2px)}.hour-card[aria-pressed=true]{border-color:var(--teal);box-shadow:0 0 0 1px #65e0ca55;background:#183b4a}.hour-day{font-size:9px;font-weight:800;color:#a8c6ce;letter-spacing:.6px;display:block}.hour-time{font-size:15px;font-weight:850;display:block;margin:9px 0}.hour-symbol{display:block;font-size:18px;margin-bottom:8px}.hour-level{height:5px;border-radius:4px;background:var(--teal);display:block;margin:0 10px 7px}.hour-level.mid{background:var(--orange)}.hour-level.high{background:var(--red)}.hour-small{font-size:10px;color:#a9c3d0}.hour-detail{background:#132b3a;border-radius:11px;padding:13px 15px;color:#b9d4e0;font-size:12px;line-height:1.8;min-height:45px}.hour-detail strong{color:white}.loading-placeholders{display:flex;gap:8px}.loading-placeholders span{background:linear-gradient(100deg,#163043,#244658,#163043);width:85px;height:92px;border-radius:10px;animation:breathe 1.8s ease-in-out infinite}@keyframes breathe{50%{opacity:.38}}.text-button{background:none;border:0;color:var(--teal);font-size:12px;font-weight:700}.map{height:345px;background:#19394b;border:1px solid #385363;border-radius:13px;overflow:hidden;margin-top:18px;z-index:0}.map-fallback{display:grid;place-items:center;height:100%;font-size:13px;color:#bcd4e1}.map-note{font-size:10px;line-height:1.65;color:#8ea7b9;margin:11px 0 0}.leaflet-control-attribution{font-size:9px!important}.leaflet-container{font-family:inherit}.map-marker{border:2px solid #092d32;background:#7ef1c8;color:#092d32;width:23px;height:23px;border-radius:50%;box-shadow:0 0 0 7px #83f5cd3a,0 3px 10px #0007}.map-marker.mid{background:#ffcf88;box-shadow:0 0 0 7px #ffcf8830}.map-marker.high{background:#ff9a97;box-shadow:0 0 0 7px #ff9a9735}.notice{display:flex;align-items:flex-start;gap:13px;background:#1e2832;border:1px solid #574a40;border-radius:15px;padding:17px 19px}.notice-icon{border:1px solid #f6c083;color:#ffc18c;height:25px;width:25px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-weight:800;flex:0 0 auto}.notice strong{color:#f6dfc8;font-size:13px}.notice p{font-size:11px;color:#bcb7b7;line-height:1.7;margin:6px 0 0}.notice a{color:#f5ce9d}.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:27px;color:#7998a9;font-size:10px}.footer strong{color:#8ce1d4}.footer a{color:#a0c4d3;text-decoration:underline}.modal{border-radius:21px;border:1px solid #497080;background:#112638;color:white;max-width:580px;width:calc(100% - 28px);padding:0;box-shadow:0 20px 90px #000a}.modal::backdrop{background:#000b}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #34515f}.modal-head h3{margin:0;font-size:19px}.modal-content{padding:8px 25px 22px;max-height:70vh;overflow-y:auto;font-size:13px;line-height:1.75;color:#cce1eb}.modal-content strong{color:white}.toast{position:fixed;right:24px;bottom:23px;max-width:380px;background:#21495a;border:1px solid #6bc9c1;color:white;border-radius:12px;padding:14px 20px;font-size:13px;box-shadow:0 15px 40px #0009;opacity:0;transform:translateY(20px);pointer-events:none;transition:all .22s;z-index:1000}.toast.show{opacity:1;transform:translateY(0)}@media (max-width:1150px){.app-grid{grid-template-columns:265px minmax(0,1fr);gap:21px}.sidebar{padding-right:20px}.metrics{grid-template-columns:repeat(2,1fr)}.hero-art{margin-right:0;width:150px;transform:scale(.85)}}@media (max-width:790px){.shell{padding:0 17px}.topbar{height:75px}.brand-icon{width:43px;height:43px}.brand-copy strong{font-size:18px}.brand-copy small{font-size:8px}.live-indicator{display:none}.app-grid{display:block;padding-top:16px}.sidebar{border-right:0;border-bottom:1px solid #294355;min-height:0;padding:7px 0 24px;margin-bottom:25px}.sidebar h1{font-size:27px;margin:12px 0 8px}.side-intro{margin:0 0 15px;max-width:none}.search-section{max-width:500px}.location-btn{margin:8px 0 20px}.quick-list{display:flex;overflow-x:auto}.quick-pill{white-space:nowrap;gap:10px}.saved-head{margin-top:20px}.favorites{display:flex;flex-wrap:wrap}.fav-row{min-width:140px}.sidebar-foot{margin-top:19px}.location-bar h2{font-size:28px}.location-actions{gap:7px}.hero-card{padding:18px 19px 0}.hero-art{width:110px;margin-right:0;transform:scale(.7);transform-origin:center center}.hero-body{min-height:170px}.risk-main{font-size:33px}.metrics{gap:9px}.metric-card{min-height:124px;padding:15px}.metric-value{font-size:27px}.panel{padding:18px}.pill-outline{display:none}.map{height:300px}.footer{line-height:1.7}}@media(max-width:480px){.brand-copy strong{font-size:16px}.install-button{font-size:10px;padding:9px}.topbar-actions{gap:7px}.location-bar{align-items:flex-start}.location-bar h2{font-size:24px}.location-actions .refresh-btn{padding:11px 9px;font-size:0}.refresh-btn span{font-size:19px;margin:0}.hero-art{width:65px;margin-right:-10px;transform:scale(.53)}.hero-body{min-height:174px}.hero-copy{max-width:80%}.risk-main{font-size:29px}.hero-description{font-size:12px}.hero-footer{font-size:10px;line-height:1.5}.metric-top{font-size:8px}.metric-value{font-size:22px}.metric-foot{font-size:9px}.panel-head h3{font-size:19px}.hour-card{flex-basis:79px}.notice p{font-size:10px}}

.radar-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:0 20px 18px;color:#dceaf5}.radar-controls label{display:flex;gap:8px;align-items:center}.radar-controls input[type=range]{flex:1;min-width:140px}.radar-controls #radarStatus{width:100%;font-size:13px}.radar-controls button:disabled{opacity:.45}

.official-panel{padding-bottom:20px}.official-intro,.official-status{margin:0 22px 18px;font-size:14px;line-height:1.6}.official-status{padding:14px;border:1px solid #426074;border-radius:12px;background:#152b3b}.official-panel h4{margin:24px 22px 12px;font-size:16px}.official-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 22px}.official-card{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid #355267;border-radius:14px;background:#102536;color:#e5f1fa;text-decoration:none}.official-card:hover,.official-card:focus-visible{border-color:#63ddce;background:#19384b}.official-card strong{color:#70e4d3}.official-card span{font-size:14px;line-height:1.5}.official-card small{color:#afc4d2}.official-shortcut{display:block;padding:12px 0;color:#70e4d3;font-size:14px}@media(max-width:600px){.official-grid{grid-template-columns:1fr}}