:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8f1f3;background:#09151e;font-size:14px}*{box-sizing:border-box}body{margin:0}#map{position:absolute;inset:0}header{position:absolute;top:0;left:0;right:0;height:88px;background:linear-gradient(#09141ff5,#09141f00);display:flex;align-items:center;justify-content:space-between;padding:20px 28px;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;gap:13px;align-items:center;font-size:22px;font-weight:750;letter-spacing:2px}.cyclone{font-size:39px;color:#96ead5}.eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:1.4px;color:#97abb8;margin-top:6px}.top-actions{display:flex;gap:20px;align-items:center}#status{font-size:12px;color:#a6c8ba}.panel{background:#0e1d2aee;border:1px solid #2c3e4b;box-shadow:0 12px 40px #0004;border-radius:12px;backdrop-filter:blur(16px)}aside{position:absolute;left:28px;top:105px;width:300px;padding:22px;max-height:calc(100dvh - 285px);overflow:auto}h1{font-size:27px;letter-spacing:-1px;margin:12px 0 20px;font-weight:600}p{color:#9db0bd;line-height:1.6;font-size:14px;margin:15px 0}button,select,.file{font:inherit;border:1px solid #344754;background:#172b3a;color:#d8e7ed;border-radius:7px;padding:10px 12px;cursor:pointer}button:hover{background:#254150}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #8be2ce;outline-offset:3px}.tabs{display:flex;gap:4px}.tabs button{font-size:12px;padding:10px 7px;flex:1}.active{background:#8be2ce!important;color:#092a2b!important;border-color:#8be2ce!important}label{display:block;color:#b6c8d3;margin:17px 0 8px}select{width:100%}.layers{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.layers button{text-align:left;font-size:14px;padding:12px 10px}.layers small{display:block;font-size:11px;color:inherit;opacity:.65;margin-top:5px}.divider{height:1px;background:#2b3c49;margin:20px 0}.toggle{display:flex;align-items:center;justify-content:space-between;margin:16px 0}input[type=checkbox]{accent-color:#8be2ce;width:18px;height:18px}input[type=range]{accent-color:#8be2ce;width:100%;cursor:pointer}output{float:right;color:#8be2ce}details{margin-top:20px;border-top:1px solid #2b3c49;padding-top:17px}summary{cursor:pointer;color:#9fb6c2}details a{color:#8be2ce}.file{display:block;font-size:13px;text-align:center}.file input{display:none}.inspect{position:absolute;right:28px;top:105px;width:230px;padding:18px}#reading{font-size:21px;margin:12px 0 7px;min-height:25px}#coords{font-size:12px;color:#9db0bd}.legend{position:absolute;right:28px;bottom:190px;width:230px;padding:16px}.legend>div:first-child{display:flex;justify-content:space-between}#unit{color:#a6bbc7}#ramp{height:8px;border-radius:5px;margin:14px 0 7px}.ticks{display:flex;justify-content:space-between;font-size:12px;color:#acc1ca}.timeline{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);width:min(810px,calc(100% - 56px));padding:19px 23px}.time-head{display:flex;justify-content:space-between;align-items:center}#date{font-size:23px;margin-top:6px;letter-spacing:-.5px}.run{color:#a0b8c6;font-size:12px;max-width:220px;text-align:right}.transport{display:flex;gap:12px;align-items:center;margin:17px 0 10px}.transport button{padding:5px 10px;font-size:22px}#play{background:#8be2ce;color:#092a2b;width:42px}#speed{width:65px;padding:8px}.time-foot{display:flex;justify-content:space-between;font-size:12px;color:#90a9b7}#notice{position:absolute;left:50%;top:95px;transform:translateX(-50%);max-width:500px;background:#49372bf0;padding:12px 20px;border-radius:8px;display:none;line-height:1.5}.mapboxgl-ctrl-top-right{top:285px;right:18px}.mapboxgl-ctrl-bottom-right{bottom:4px}.mapboxgl-popup-content{background:#0e1d2a;color:white}@media(max-width:800px){header{height:75px;padding:12px 16px}.brand{font-size:18px}.brand .eyebrow{font-size:9px}.top-actions #status{display:none}#home{font-size:12px}aside{left:14px;top:85px;width:240px;padding:15px;max-height:calc(100dvh - 290px)}h1{font-size:23px;margin:10px 0}.inspect{right:14px;top:auto;bottom:205px;width:190px;padding:12px}.legend{right:14px;bottom:290px;width:190px}.timeline{width:calc(100% - 28px);bottom:32px;padding:14px}#date{font-size:18px}.run{max-width:130px;font-size:11px}.time-foot{font-size:10px}.mapboxgl-ctrl-top-right{top:85px;right:4px}}@media(max-width:520px){aside{width:210px;max-height:calc(100dvh - 285px)}aside .eyebrow{font-size:10px}h1{font-size:21px}.layers button{font-size:12px}.legend{width:125px;bottom:290px;font-size:11px}.inspect{width:160px;bottom:205px}#reading{font-size:16px}.top-actions button{padding:8px}.brand .eyebrow{letter-spacing:.5px;font-size:8px}.run{display:none}.time-foot #step{display:none}}
@media(min-width:801px) and (max-height:850px){aside{top:95px;padding:16px;max-height:calc(100dvh - 125px)}aside h1{font-size:24px;margin:8px 0 12px}aside p{margin:10px 0;line-height:1.45}aside label{margin-top:12px}.layers button{padding:9px 10px}.divider{margin:14px 0}.toggle{margin:12px 0}details{margin-top:14px;padding-top:13px}.timeline{left:350px;right:28px;width:auto;transform:none}.legend{bottom:210px}}
#mobileLayers{display:none}@media(max-width:520px){#mobileLayers{display:block;position:absolute;left:14px;top:85px;background:#142c3b;z-index:3}aside{display:none;top:134px;width:calc(100% - 28px);max-height:calc(100dvh - 330px)}.panel-open aside{display:block}.panel-open .inspect,.panel-open .legend{display:none}.legend{bottom:350px;width:160px}.inspect{bottom:205px;width:190px}.layers button{font-size:14px}.layers small{font-size:12px}.time-head{min-height:43px}}
.advisory{font-size:12px;line-height:1.5;color:#e2c58c}
button:disabled{opacity:.4;cursor:default}
@media(max-width:520px){.panel-open .legend,.panel-open .inspect{display:none!important}}
.forecast-provider{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin-top:12px}.forecast-provider select{max-width:165px;background:#152a38;color:#e7eff3;border:1px solid #425361;border-radius:6px;padding:7px;font:inherit}