:root{color:#fff;font-synthesis:none;--panel:#7eb5e830;--border:#e3f2ff57;--muted:#d1e5f8;--sidebar:#0c367073;--modal:#255e99;background:#2767ac;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;margin:0}body:before{content:"";z-index:-2;background:#2867ae url(/sky.jpg) top/cover no-repeat;position:fixed;inset:0}html[data-theme=night]{--panel:#637caf33;--sidebar:#0a173799;--modal:#1b3157}html[data-theme=night] body:before{background:radial-gradient(at 85% 5%,#435878 0%,#182f55 43%,#0a1b36 100%)}html[data-theme=rain] body:before{background:radial-gradient(at 85% 5%,#7d99af 0%,#496b88 40%,#284965 100%)}html[data-theme=rain]{--modal:#355670}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button{background:0 0;border:0}button,input,select,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #ffe5a0}button:hover:not(:disabled){background-color:#ffffff1a}a,input{color:inherit}h1,h2,h3,p{margin:0}svg{flex-shrink:0}small{font-size:12px}button{transition:background .18s}main{max-width:1600px;margin-left:250px;padding:32px 30px 12px}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;flex-direction:column;width:250px;padding:34px 18px 20px;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{letter-spacing:2px;align-items:center;gap:15px;padding:0 8px 32px;font-size:29px;font-weight:600;display:flex}.brand>svg{color:#ffda7c}.search-box{border:1px solid var(--border);color:var(--muted);border-radius:24px;align-items:center;gap:9px;padding:11px 13px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:15px}.search-box input::placeholder{color:var(--muted)}.search-box button{padding:0;display:flex}.locate{color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:15px 0 9px;font-size:13px;display:flex}.list-label{color:var(--muted);justify-content:space-between;align-items:center;padding:22px 7px 12px;font-size:13px;display:flex}.list-label button{font-size:12px}.sidebar nav{min-height:80px;overflow-y:auto}.city-item{border:1px solid #0000;border-radius:13px;margin:3px 0 8px}.city-item.selected{border-color:var(--border);background:#b5d7fb36}.city-select{text-align:left;border-radius:12px;align-items:center;gap:9px;width:100%;padding:14px 10px;display:flex}.city-select>span{flex:1;font-size:17px}.city-select small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.city-select b{font-size:22px;font-weight:400}.city-actions{justify-content:flex-end;padding:0 10px 6px;display:flex}.city-actions button{padding:4px 8px}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-bottom>button{text-align:left;align-items:center;gap:16px;width:100%;padding:18px 10px;font-size:16px;display:flex}.sidebar-bottom>button+button{border-top:1px solid #ffffff2e}.sidebar-bottom p{color:var(--muted);opacity:.75;padding:22px 7px 0;font-size:11px}.search-results{background:var(--modal);border:1px solid var(--border);border-radius:12px;flex-shrink:0;max-height:280px;margin-top:8px;overflow:auto}.search-results>p{padding:14px;font-size:13px;line-height:1.6}.search-results>button{text-align:left;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:100%;padding:12px;display:flex}.search-results small{color:var(--muted);margin-top:3px;display:block}.main-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.location-heading{align-items:center;gap:10px;display:flex}h1{align-items:center;gap:10px;font-size:32px;font-weight:500;display:flex}.main-header p{color:var(--muted);margin-top:10px;font-size:15px}.header-actions{gap:10px;display:flex}.icon-button{border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.weather-hero{align-items:center;gap:30px;height:229px;padding:0 10px 18px;display:flex;position:relative}.big-temperature{letter-spacing:-9px;font-size:158px;font-weight:200;line-height:1}.big-temperature small{letter-spacing:0;font-size:34px}.weather-summary h2{margin-bottom:14px;font-size:28px;font-weight:400}.weather-summary p{color:#eff7ff;align-items:center;gap:10px;margin-top:8px;font-size:17px;display:flex}.weather-summary p span{border-right:1px solid var(--border);height:17px;margin:0 1px}.data-time{color:var(--muted);font-size:11px;position:absolute;bottom:14px;left:12px}.data-time span{margin-left:8px}.save-location{position:absolute;bottom:14px;right:0}.panel{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:18px 20px}.panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.panel-head h2{color:#e6f1fd;align-items:center;gap:8px;font-size:15px;font-weight:450;display:flex}.segments{background:#06244e3d;border-radius:8px;padding:3px;display:flex}.segments button{border-radius:6px;padding:6px 12px;font-size:13px}.segments .active{background:#dcefff3b}.segments.compact button{padding:5px 9px;font-size:11px}.hour-scroll{scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;padding-bottom:6px;display:flex;overflow-x:auto}.hour{border-right:1px solid #e5f0ff24;border-radius:6px;flex-direction:column;flex:0 0 9.9%;align-items:center;gap:11px;min-width:77px;padding:3px 4px;display:flex}.hour>span{font-size:13px}.hour>strong{font-size:22px;font-weight:400}.hour>small{color:#cce7ff;font-size:11px}.weather-icon.sun{color:#ffdb72;fill:#ffd76c}.weather-icon.partly{color:#fff;fill:#ddebfa}.weather-icon.cloud{color:#eff7ff;fill:#e1eefb}.weather-icon.moon{color:#e9edff;fill:#dfe9ff}.weather-icon.rain{color:#daedff;fill:#adcde8}.weather-icon.snow{color:#fff}.forecast-layout{grid-template-columns:1.04fr 1fr;align-items:start;gap:14px;margin-top:14px;display:grid}.daily-panel{padding:18px 18px 10px}.subtle-button{color:#e0efff;border-radius:5px;align-items:center;gap:6px;padding:5px 2px;font-size:12px;display:inline-flex}.day-row{text-align:left;border-bottom:1px solid #ebf5ff2e;grid-template-columns:60px 40px 38px minmax(25px,1fr) 38px;align-items:center;gap:9px;width:100%;padding:9px 0;font-size:17px;display:grid}.day-row:last-child{border:0}.day-label{font-size:14px}.day-label small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.day-condition{flex-direction:column;align-items:center;gap:2px;display:flex}.day-condition small{color:#cce7ff;font-size:9px}.low{color:#c8e1f8;text-align:right}.temp-track{background:#16395e4d;border-radius:8px;height:6px;display:block;position:relative}.temp-track>span{background:linear-gradient(90deg,#5fd7eb,#a9e197,#ffda64);border-radius:8px;height:6px;display:block;position:absolute}.panel-foot{color:var(--muted);margin-top:12px;font-size:10px;line-height:1.7}.metrics-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.metric{text-align:left;flex-direction:column;min-height:153px;padding:17px 18px;display:flex;position:relative;overflow:hidden}.metric-title{color:#e0effb;align-items:center;gap:8px;width:100%;font-size:13px;display:flex}.metric-title svg:last-child{opacity:.6;margin-left:auto}.metric-value{letter-spacing:-1px;margin:10px 0 5px;font-size:40px;font-weight:300;line-height:1.3;display:block}.metric-value small{letter-spacing:0;margin-left:5px;font-size:13px}.metric-note{color:#e0effb;margin-top:auto;font-size:12px;line-height:1.4;display:block}.color-scale{background:linear-gradient(90deg,#54dfac,#ebdf68,#ff9370,#e68);border-radius:4px;height:5px;margin:7px 0 13px;position:relative}.color-scale i{background:#fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;transform:translate(-50%)}.compass{border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;display:flex;position:absolute;top:56px;right:17px}.compass span{font-size:9px;position:absolute;top:4px}.compass i{font-size:35px;font-style:normal;line-height:1;display:block}.sun-arc{width:100%;height:31px;margin:0 0 5px;overflow:visible}.sun-arc path{fill:none;stroke:#ffffffa6;stroke-width:1px;stroke-dasharray:4 3}.sun-arc path+path{stroke-dasharray:none}.sun-arc circle{fill:#ffda71}.extra-grid{grid-template-columns:1fr 1fr;gap:14px;margin:14px 0;display:grid}.extra-grid h3{font-size:19px;font-weight:400;line-height:1.6}.description{color:var(--muted);white-space:pre-line;margin:12px 0;font-size:13px;line-height:1.8}.living-grid{grid-template-columns:repeat(3,1fr);gap:22px 16px;padding:8px 0;display:grid}.living-grid>div{flex-direction:column;gap:9px;display:flex}.living-grid span{color:var(--muted);font-size:12px}.living-grid strong{font-size:17px;font-weight:400}.living-grid small{color:var(--muted);font-size:10px}footer{color:var(--muted);flex-wrap:wrap;align-items:center;gap:15px;padding:26px 2px;font-size:10px;display:flex}footer>span:first-child{font-size:13px}footer button{margin-left:auto;font-size:11px}.notice{background:#50270ab3;border:1px solid #ddbd7e;border-radius:10px;margin:12px 0;padding:14px 17px;font-size:13px;line-height:1.7}.notice button{margin-left:15px;text-decoration:underline}.alert-banner{text-align:left;background:#875015cc;border:1px solid #e4bc7b;border-radius:12px;align-items:center;gap:14px;width:100%;margin-bottom:14px;padding:14px 18px;display:flex}.alert-banner span{flex:1}.alert-banner small{margin-top:5px;display:block}.loading-state,.error-state{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:70vh;display:flex}.loading-state h2,.error-state h2{font-size:23px;font-weight:400}.loading-state p,.error-state p{color:var(--muted);font-size:14px}.loading-sun{border:1px solid #dcecff;border-top:2px solid #ffdb74;border-radius:50%;width:62px;height:62px;animation:1.2s linear infinite spin}.spinning svg{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal{color:#fff;border:1px solid var(--border);background:var(--modal);border-radius:22px;width:min(620px,100vw - 32px);max-height:90dvh;padding:0;overflow:auto;box-shadow:0 30px 90px #06162f70}.modal.wide{width:min(1000px,100vw - 32px)}.modal::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05122899}.modal-head{border-bottom:1px solid var(--border);background:var(--modal);z-index:1001;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.modal-head h2{font-size:20px;font-weight:500}.modal-body{padding:24px}.modal-head .icon-button{width:32px;height:32px}.detail-hero{text-align:center;padding:10px 0 25px}.detail-hero h3{margin:10px 0;font-size:26px;font-weight:400}.detail-hero p{color:var(--muted);font-size:13px}.detail-grid{border:1px solid var(--border);background:#ffffff29;border-radius:12px;grid-template-columns:1fr 1fr;gap:1px;margin:12px 0 25px;display:grid;overflow:hidden}.detail-grid>div{background:var(--modal);flex-direction:column;gap:9px;padding:15px;display:flex}.detail-grid span{color:var(--muted);font-size:12px}.detail-grid strong{font-size:20px;font-weight:400}.mini-hours{display:flex;overflow:auto}.mini-hours>div{flex-direction:column;align-items:center;gap:12px;min-width:65px;padding:14px 5px;display:flex}.mini-hours span{font-size:12px}.mini-hours b{font-weight:400}.trend-list{margin-top:18px}.trend-list>div{align-items:center;gap:15px;padding:9px 0;font-size:13px;display:flex}.trend-list strong{text-align:right;width:78px;font-weight:400}.trend-bar{flex:1;height:5px}.trend-bar i{background:#78cef3;border-radius:6px;height:100%;display:block}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex}.setting-row strong{font-size:15px;font-weight:500}.setting-row p{color:var(--muted);margin-top:6px;font-size:12px}.setting-row input[type=checkbox]{accent-color:#8cceef;width:22px;height:22px}.setting-row select{color:#fff;border:1px solid var(--border);background:#244d79;border-radius:7px;max-width:145px;padding:9px;font-size:13px}.action-button{border:1px solid var(--border);background:#e3f0ff26;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px 18px;font-size:13px;display:inline-flex}.info-box{color:var(--muted);margin-top:22px;font-size:12px;line-height:1.8}.info-box h3{color:#fff;margin:18px 0 8px;font-size:14px;font-weight:500}.info-box p{margin:8px 0}.import-label{margin:20px 0;font-size:13px;display:block}.import-label input{max-width:100%;margin-top:10px;font-size:12px;display:block}.map-toolbar{justify-content:space-between;gap:10px;margin-bottom:16px;display:flex}.weather-map{isolation:isolate;background:#bed3e1;border-radius:12px;height:440px}.map-timeline{align-items:center;gap:15px;margin:18px 0 0;display:flex}.map-timeline input{accent-color:#9bd3ff;flex:1;min-width:0}.map-timeline span{font-size:13px}.leaflet-container{font-family:inherit}.rain-bars{align-items:end;gap:3px;height:60px;display:flex}.rain-bars>div{flex:1;align-items:end;height:100%;display:flex}.rain-bars i{background:#8bccee;border-radius:3px;width:100%;display:block}.alert-detail{border-bottom:1px solid var(--border);padding:20px 0}.alert-detail h3{font-size:19px;line-height:1.6}.alert-detail p{white-space:pre-line;margin:12px 0;font-size:13px;line-height:1.8}.toast{z-index:2000;color:#fff;border:1px solid var(--border);white-space:normal;text-align:center;background:#163354;border-radius:30px;max-width:calc(100vw - 32px);padding:13px 22px;font-size:13px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 40px #08162d60}.menu-button,.mobile-close,.sidebar-shade{display:none}@media (width>=1550px){main{padding-left:40px;padding-right:40px}.weather-hero{height:245px}.metric{min-height:162px}.day-row{padding:10px 0}}@media (width<=1150px){.sidebar{width:215px;padding-left:12px;padding-right:12px}main{margin-left:215px;padding:28px 22px}.brand{font-size:27px}.weather-hero{gap:20px}.big-temperature{font-size:132px}.forecast-layout{grid-template-columns:1fr 1fr}.day-row{grid-template-columns:47px 28px 30px minmax(20px,1fr) 30px;gap:6px;font-size:15px}.daily-panel{padding:17px 12px 12px}.metric{padding:15px 13px}.metric-value{font-size:34px}.compass{width:47px;height:47px;top:66px;right:12px}.compass i{font-size:27px}.compass span{font-size:8px;top:1px}.metric-title{gap:5px;font-size:12px}.panel-head h2{font-size:14px}.metric-title>svg:last-child{display:none}}@media (width<=850px){.sidebar{width:250px;transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-shade.visible{z-index:9;background:#071a3d99;display:block;position:fixed;inset:0}.mobile-close{width:30px;height:30px;margin-left:auto;display:flex}.menu-button{border:none;width:30px;height:35px;display:flex}main{margin-left:0;padding:22px}.main-header h1{font-size:28px}.main-header h1 svg{display:none}.weather-hero{height:228px;padding-left:7px}.big-temperature{font-size:143px}.metric{min-height:149px}.metric-value{font-size:38px}.day-row{padding:10px 0}}@media (width<=580px){main{padding:18px 16px 8px}.main-header h1{font-size:24px}.main-header p{margin-top:6px;font-size:12px}.header-actions{gap:6px}.header-actions .icon-button{width:33px;height:33px}.header-actions svg{width:18px}.location-heading{gap:4px}.weather-hero{justify-content:center;gap:22px;height:230px;padding:0 0 29px}.big-temperature{letter-spacing:-6px;font-size:118px}.weather-summary h2{margin-bottom:11px;font-size:24px}.weather-summary p{gap:6px;font-size:13px}.weather-summary p span{height:12px}.data-time{text-align:center;font-size:10px;bottom:15px;left:0;right:0}.data-time span{display:none}.panel{padding:16px}.hour-panel{padding:15px 10px}.hour-panel .panel-head{padding:0 5px}.panel-head{margin-bottom:14px}.panel-head h2{gap:6px;font-size:13px}.panel-head h2 svg{width:15px}.segments.compact button{padding:4px 7px;font-size:10px}.hour{gap:10px;min-width:63px}.hour>span{font-size:11px}.hour>strong{font-size:21px}.hour>svg{width:27px}.hour>small{font-size:10px}.forecast-layout{grid-template-columns:1fr;gap:14px}.daily-panel{padding:17px 17px 10px}.day-row{grid-template-columns:58px 36px 38px minmax(30px,1fr) 35px;gap:11px;padding:8px 0;font-size:17px}.day-condition{flex-direction:row}.day-condition small{display:none}.day-label small{margin-left:5px;font-size:9px;display:inline}.day-label{font-size:13px}.metrics-grid{gap:12px}.metric{min-height:154px;padding:17px}.metric-value{font-size:40px}.metric-title{gap:7px;font-size:13px}.compass{width:55px;height:55px;top:61px;right:16px}.extra-grid{grid-template-columns:1fr}.extra-grid h3{font-size:17px}.living-grid{grid-template-columns:1fr 1fr;gap:22px 12px}.living-grid strong{font-size:15px}.living-grid small{font-size:9px}footer{gap:8px;line-height:1.8}footer>span:nth-child(2){flex-basis:100%}footer button{margin:0}.modal{border-radius:17px;width:calc(100vw - 20px);max-height:93dvh}.modal-body{padding:18px}.modal-head{padding:16px 18px}.modal-head h2{font-size:18px}.weather-map{height:390px}.setting-row p{max-width:190px;font-size:11px}.setting-row select{max-width:122px;font-size:12px}.detail-grid strong{font-size:18px}.map-toolbar .segments button{padding:6px 9px;font-size:12px}.toast{width:max-content;font-size:12px}.save-location{padding:3px 8px;font-size:10px;bottom:0;right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body:before{background:linear-gradient(115deg,#19579f 0%,#2b71b8 48%,#4f94d5 100%)}body:after{content:"";z-index:-1;pointer-events:none;background:url(/sky.jpg) top/100% no-repeat;height:360px;position:fixed;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}html[data-theme=night] body:after,html[data-theme=rain] body:after{display:none}@media (width>=851px){.hour>span{font-size:15px}.hour>strong{font-size:24px}.panel-head h2{font-size:16px}.metric-title{font-size:15px}.metric-value{font-size:44px}.metric-note{font-size:14px}.day-row{font-size:18px}.day-label{font-size:15px}.metric-value small{font-size:14px}}@media (width<=580px){body:after{background-position:70% 0;background-size:auto 430px;height:280px}.metric-value{font-size:38px}.metric-value small{font-size:12px}body:after{background-position:25% 0}.big-temperature{font-size:clamp(76px,26vw,108px)}.weather-hero{gap:18px}.weather-summary{min-width:0}.weather-summary h2{overflow-wrap:anywhere}.weather-summary p{white-space:nowrap}}.sidebar nav{scrollbar-width:thin;scrollbar-color:#ffffff40 transparent;flex:1}.sidebar-bottom{flex-shrink:0;padding-top:14px}.sidebar-bottom>button{padding:14px 10px}.brand,.search-box,.locate,.list-label{flex-shrink:0}.city-select>span{min-width:0}.city-select small{font-size:9px;line-height:1.5}.typhoon-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.typhoon-toolbar .description{margin:0 0 7px}.typhoon-toolbar a{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.typhoon-controls{align-items:center;gap:12px;margin-bottom:16px;display:flex}.typhoon-controls>label{align-items:center;gap:8px;font-size:13px;display:flex}.typhoon-controls select,.typhoon-map-controls select{color:#fff;border:1px solid var(--border);background:#254f7c;border-radius:8px;padding:8px;font-size:13px}.typhoon-controls .search-box{border-radius:9px;max-width:220px;margin-left:auto;padding:8px 12px}.typhoon-controls input{font-size:13px}.storm-list{scrollbar-width:thin;gap:8px;max-height:110px;padding:0 0 9px;display:flex;overflow:auto}.storm-choice{border:1px solid var(--border);text-align:left;border-radius:10px;flex-shrink:0;min-width:155px;padding:11px 14px}.storm-choice.selected{background:#cce7ff24;border-color:#bfdff8}.storm-choice span{font-size:14px;display:block}.storm-choice small{color:var(--muted);margin-top:7px;font-size:10px;display:block}.storm-heading{justify-content:space-between;align-items:center;gap:12px;margin:20px 0 16px;display:flex}.storm-heading h3{font-size:27px;font-weight:500}.storm-heading h3 small{color:var(--muted);margin-left:8px;font-size:12px;font-weight:400}.storm-heading p{color:var(--muted);margin-top:7px;font-size:12px}.strength-badge{white-space:nowrap;border:1px solid;border-radius:20px;padding:7px 12px;font-size:13px}.storm-stats{background:var(--border);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:17px;display:grid;overflow:hidden}.storm-stats>div{background:var(--modal);grid-template-columns:18px 1fr;align-items:center;gap:8px;padding:16px;display:grid}.storm-stats span{color:var(--muted);font-size:12px}.storm-stats strong{grid-column:1/-1;font-size:24px;font-weight:400;line-height:1.2}.storm-stats strong small{font-size:12px}.typhoon-map-controls{flex-wrap:wrap;align-items:center;gap:14px;margin:12px 0;font-size:12px;display:flex}.typhoon-map-controls label{align-items:center;gap:6px;display:flex}.typhoon-map-controls input{accent-color:#93cfff}.typhoon-map-controls>span{align-items:center;gap:8px;margin-left:auto;display:flex}.track-key{border-top:3px solid #82b1e2;width:22px;height:0}.track-key.forecast{border-top:3px dashed #ef9da7}.typhoon-map{isolation:isolate;background:#bbd1de;border-radius:12px;height:365px}.typhoon-popup{white-space:pre-line;color:#183653;font-size:12px;line-height:1.7}.typhoon-empty{text-align:center;color:var(--muted);padding:45px 16px;font-size:14px;line-height:1.9}.selected-point{margin:14px 0;font-size:13px;line-height:1.7}.intensity-legend{color:var(--muted);flex-wrap:wrap;gap:15px;font-size:10px;display:flex}.intensity-legend span{align-items:center;gap:6px;display:flex}.intensity-legend i{border-radius:50%;width:8px;height:8px}.typhoon-forecast{margin:26px 0 18px}.typhoon-forecast h4{margin:0;font-size:16px;font-weight:500}.typhoon-table-scroll{overflow:auto}.typhoon-table-scroll table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.typhoon-table-scroll th{text-align:left;color:var(--muted);font-weight:400}.typhoon-table-scroll th,.typhoon-table-scroll td{border-bottom:1px solid var(--border);padding:11px 10px}@media (width<=580px){.typhoon-controls{flex-wrap:wrap;gap:10px}.typhoon-controls .search-box{width:100%;max-width:none;margin:0}.typhoon-controls .segments{margin-left:auto}.typhoon-controls .segments button{padding:6px 8px;font-size:12px}.storm-heading h3{font-size:23px}.storm-heading h3 small{margin:5px 0 0;font-size:10px;display:block}.storm-stats{grid-template-columns:1fr 1fr}.storm-stats>div{padding:12px}.storm-stats strong{font-size:22px}.typhoon-map{height:320px}.typhoon-map-controls{gap:8px;font-size:11px}.typhoon-map-controls select{padding:6px;font-size:11px}.typhoon-map-controls>span{margin-left:0}.selected-point{font-size:11px}.intensity-legend{gap:9px;font-size:9px}.storm-choice{min-width:145px}.sidebar-bottom>button{padding:12px 10px}.typhoon-table-scroll th,.typhoon-table-scroll td{padding:9px 7px}}.typhoon-entry{text-align:left;align-items:center;gap:13px;width:100%;margin-top:14px;padding:14px 18px;display:flex}.typhoon-entry>span{flex:1}.typhoon-entry strong{font-size:15px;font-weight:500;display:block}.typhoon-entry small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.typhoon-entry>svg:first-child{color:#b9dcff}.earth-workbench{--earth-ink:#e8f1fb;--earth-muted:#b1c9df;color:var(--earth-ink)}.earth-heading{justify-content:space-between;align-items:center;margin:0 0 17px;display:flex}.earth-heading .eyebrow{letter-spacing:2px;color:#96c9e5;align-items:center;gap:7px;font-size:10px;display:flex}.earth-heading h3{letter-spacing:.5px;margin-top:7px;font-size:23px;font-weight:450}.earth-search{background:#11294466;border:1px solid #ffffff30;border-radius:10px;align-items:center;gap:12px;margin-bottom:14px;padding:10px 13px;display:flex}.earth-search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px}.earth-search input::placeholder{color:#adcade}.earth-search button{padding:5px;display:flex}.earth-results{border:1px solid var(--border);border-radius:10px;max-height:200px;margin-bottom:12px;padding:8px;overflow:auto}.earth-results button{text-align:left;justify-content:space-between;width:100%;padding:10px;display:flex}.earth-results small{color:var(--earth-muted)}.earth-layout{grid-template-columns:150px minmax(0,1fr);gap:13px;display:grid}.earth-layers{scrollbar-width:thin;background:#10274160;border:1px solid #ffffff25;border-radius:12px;max-height:546px;padding:12px 8px;overflow:auto}.earth-layers h4{color:#c8dced;align-items:center;gap:7px;margin:0 7px 13px;font-size:12px;font-weight:500;display:flex}.earth-group{color:#b7c8d9;letter-spacing:2px;margin:13px 8px 5px;font-size:10px;display:block}.earth-layers button{text-align:left;border-radius:7px;align-items:center;gap:8px;width:100%;padding:8px;font-size:12px;display:flex}.earth-layers button.active{color:#fff;background:#c7e4ff25;box-shadow:inset 2px 0 #a0d5ff}.layer-dot{background:#7b9db8;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:block}.layer-dot.radar,.layer-dot.rain,.layer-dot.total{background:#5bbad7}.layer-dot.infrared,.layer-dot.visible,.layer-dot.daily{background:#c4cfdf}.layer-dot.temperature,.layer-dot.feels,.layer-dot.events{background:#efba7f}.layer-dot.wind,.layer-dot.gust{background:#78c8ab}.earth-layers .earth-typhoon{color:#bddbff;border-top:1px solid #ffffff20;margin-top:13px;padding-top:13px}.earth-stage{background:#16283a;border:1px solid #ffffff24;border-radius:12px;min-width:0;position:relative;overflow:hidden}.earth-map.weather-map{z-index:0;background:#142939;border:0;border-radius:0;height:546px}.earth-map-badge{z-index:500;pointer-events:none;background:#132638e8;border:1px solid #d6e7f125;border-radius:9px;padding:9px 12px;font-size:13px;position:absolute;top:12px;left:54px;box-shadow:0 3px 15px #0002}.earth-map-badge span{color:#bcd0df;margin-left:8px;font-size:10px}.earth-map-tools{z-index:500;white-space:nowrap;background:#152c43ed;border:1px solid #ffffff30;border-radius:8px;padding:3px;display:flex;position:absolute;bottom:29px;left:50%;transform:translate(-50%)}.earth-map-tools button{border-radius:5px;padding:8px 12px;font-size:12px}.earth-map-tools button[aria-pressed=true]{background:#c9e7ff24}.earth-loading,.earth-map-error{z-index:500;background:#182f47ee;border-radius:9px;width:max-content;max-width:85%;padding:11px 15px;font-size:13px;position:absolute;top:65px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #0002}.earth-map-error{color:#ffe1b2}.earth-map-error button{margin-left:12px;text-decoration:underline}.measuring,.measuring .leaflet-interactive{cursor:crosshair!important}.earth-controls{flex-wrap:wrap;align-items:center;gap:13px;padding:14px 0;display:flex}.earth-controls label,.earth-time-meta label,.earth-event-filters label{color:#d2e1ec;align-items:center;gap:7px;font-size:12px;display:flex}.earth-controls select,.earth-time-meta select,.earth-event-filters select,.earth-unit-grid select{color:#edf6ff;background:#122c4b99;border:1px solid #ffffff35;border-radius:6px;max-width:150px;padding:6px}.earth-controls option,.earth-time-meta option,.earth-event-filters option,.earth-unit-grid option{color:#17364f;background:#fff}.earth-controls input[type=range]{accent-color:#9bd1ff;width:78px}.earth-controls input[type=checkbox]{accent-color:#84bce6}.earth-controls .subtle-button{margin:0;font-size:12px}.earth-time-panel{background:#132d484d;border:1px solid #ffffff25;border-radius:12px;padding:10px 13px}.earth-time-panel .map-timeline{align-items:center;gap:11px;margin:0;padding:0;display:flex}.earth-time-panel input[type=range]{accent-color:#a8d5f7;flex:1;min-width:45px}.earth-time-panel output{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.earth-time-meta{color:#bdd0e3;flex-wrap:wrap;align-items:center;gap:14px;margin-top:9px;font-size:10px;display:flex}.earth-time-meta>span{margin-right:auto}.earth-time-meta button{font-size:11px;text-decoration:underline}.earth-time-meta select{padding:4px;font-size:10px}.earth-legend{text-align:center;max-width:480px;margin:15px auto}.earth-legend>div:first-child{border-radius:4px;height:7px}.earth-legend>div:nth-child(2){justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.earth-legend>small{color:#c7d9e8;margin-top:5px;font-size:10px;display:block}.sample-icon{background:0 0;border:none}.grid-value{color:#fff;text-shadow:0 1px 3px #000,0 0 3px #000;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:11px;font-weight:600;line-height:1.2;display:flex}.grid-value>span:last-child{background:#12294070;border-radius:4px;padding:3px}.wind-arrow{font-size:25px;line-height:1;display:inline-block}.wind-arrow.moving{animation:1s ease-in-out infinite wind-shimmer}@keyframes wind-shimmer{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.wind-arrow.moving{animation:none}}.earth-measure,.earth-point,.earth-events{background:#132d483d;border:1px solid #ffffff25;border-radius:10px;margin-top:13px;padding:14px}.earth-measure>div{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.earth-measure strong{font-size:19px;font-weight:500}.earth-measure small{color:#bcd1e2}.earth-measure p{color:#bed0e1;margin:10px 0;font-size:11px}.earth-measure button{border:1px solid #ffffff25;border-radius:6px;align-items:center;gap:5px;padding:6px 9px;font-size:12px;display:flex}.earth-event-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.earth-event-filters input{color:#fff;background:#17345277;border:1px solid #ffffff35;border-radius:7px;flex:1;min-width:0;padding:8px;font-size:12px}.earth-event-filters>span{font-size:12px}.earth-event-list{grid-template-columns:1fr 1fr;gap:3px 15px;max-height:205px;display:grid;overflow:auto}.earth-event-list button{text-align:left;border-bottom:1px solid #ffffff15;align-items:center;gap:8px;min-width:0;padding:9px 0;font-size:12px;display:flex}.earth-event-list button>span{overflow:hidden}.earth-event-list small{color:#b8cfe2;margin-top:4px;font-size:10px;display:block}.earth-event-list i{background:#ed9b58;border-radius:50%;flex-shrink:0;width:7px;height:7px}.earth-event-list i.severeStorms{background:#7ad4e8}.earth-point>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.earth-point h4{margin:0 0 8px;font-size:14px;font-weight:500}.earth-point h4 small{color:#b9d0e5;font-size:10px}.earth-point p{font-size:13px;line-height:1.7}.earth-point>small{color:#a9c5dd;font-size:10px}.earth-point-hours{gap:16px;margin-top:13px;padding-bottom:6px;display:flex;overflow:auto}.earth-point-hours>div{flex-direction:column;align-items:center;gap:7px;min-width:49px;display:flex}.earth-point-hours span,.earth-point-hours small{color:#bbd5e9;font-size:10px}.earth-point-hours b{font-size:13px;font-weight:500}.earth-source{color:#b5cee1;margin-top:12px;font-size:11px;line-height:1.8}.earth-settings{color:#c9dfef;border-top:1px solid #ffffff20;margin-top:13px;padding-top:13px;font-size:12px}.earth-settings summary{cursor:pointer}.earth-settings p{margin-top:12px;font-size:11px;line-height:1.8}.earth-unit-grid{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.earth-unit-grid label{align-items:center;gap:7px;display:flex}.modal.earth-expanded{width:calc(100vw - 24px);max-width:none;height:calc(100dvh - 24px);max-height:none}.earth-expanded .earth-map.weather-map{height:calc(100dvh - 315px);min-height:350px}.earth-expanded .earth-layers{max-height:calc(100dvh - 315px)}@media (width>=1000px){.modal.wide:has(.earth-workbench){width:1100px;max-width:calc(100vw - 48px)}.modal.wide.earth-expanded{width:calc(100vw - 24px);max-width:none}}@media (width<=650px){.earth-heading h3{font-size:19px}.earth-layout{flex-direction:column;gap:8px;display:flex}.earth-layers{border-radius:8px;align-items:stretch;gap:5px;max-height:none;padding:6px;display:flex;overflow-x:auto}.earth-layers h4,.earth-group{display:none}.earth-layers>div{flex-shrink:0;gap:3px;display:flex}.earth-layers button{white-space:nowrap;width:auto;padding:8px 9px;font-size:11px}.earth-layers button.active{box-shadow:inset 0 -2px #a0d5ff}.earth-layers .earth-typhoon{white-space:nowrap;border:0;flex-shrink:0;margin:0;padding:8px 9px}.earth-map.weather-map,.earth-expanded .earth-map.weather-map{height:430px;min-height:0}.earth-map-badge{padding:8px;font-size:11px;left:50px}.earth-map-badge span{font-size:9px}.earth-map-tools button{padding:7px 11px;font-size:11px}.earth-controls{gap:10px}.earth-controls label{font-size:11px}.earth-time-panel{padding:9px}.earth-time-panel output{font-size:11px}.earth-time-panel .icon-button{width:34px;height:34px}.earth-time-meta{gap:9px}.earth-time-meta>span{width:100%;font-size:10px}.earth-time-meta label{font-size:10px}.earth-event-list{grid-template-columns:1fr}.earth-unit-grid{gap:10px}.earth-expanded .earth-layers{max-height:none}.earth-source{font-size:10px}.grid-value{font-size:9px}.earth-point h4 small{margin-top:5px;display:block}.earth-search{gap:7px}.earth-search input{font-size:12px}.earth-heading .eyebrow{font-size:9px}.earth-measure strong{font-size:17px}}@media (width>=651px){.earth-map.weather-map{height:clamp(310px,100dvh - 410px,546px)}.earth-layers{max-height:clamp(310px,100dvh - 410px,546px)}}.earth-wind-canvas{pointer-events:none;z-index:350;position:absolute}.earth-heading-actions{gap:8px;display:flex}.earth-share{border:1px solid #ffffff30;border-radius:9px;align-items:center;gap:9px;margin-bottom:12px;padding:10px;display:flex}.earth-share label{color:#c7d9e9;flex:1;min-width:0;font-size:10px}.earth-share input{color:#d7eafa;background:#12294488;border:1px solid #ffffff30;border-radius:5px;width:100%;margin-top:7px;padding:7px;font-size:12px;display:block}