@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f5f7fb;background:#0b1423;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:dark;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}button{font:inherit;cursor:pointer}body{margin:0;background:radial-gradient(ellipse at 50% -15%,#1b3656 0,#0b1423 55%);min-height:100vh;overscroll-behavior-y:contain}.app{max-width:760px;margin:0 auto;padding:env(safe-area-inset-top) max(16px,env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}header{height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand b{display:block;font-size:17px;letter-spacing:-.4px}.brand small{display:block;color:#8fa1b9;font-size:11px;margin-top:2px;white-space:nowrap}.logo{width:38px;height:38px;border-radius:12px;background:#f6b83f;color:#17253b;display:grid;place-items:center;flex:none}.iconbtn{border:1px solid #31445e;background:#172941;color:#e8effa;border-radius:12px;padding:10px;display:flex;align-items:center;flex:none}.seg{display:flex;background:#111f32;border:1px solid #283a52;border-radius:12px;padding:3px;gap:2px;margin-left:auto}.seg button{border:0;background:none;color:#9eb0c5;border-radius:9px;padding:7px 10px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:5px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seg button.on{background:#f4b83e;color:#18263a}.seg button:disabled{opacity:.45}.seg.small{display:inline-flex;margin:4px 0 6px}.seg.small button{padding:5px 10px;font-size:11px}.alert-banner{width:100%;display:flex;align-items:center;gap:8px;border:1px solid #b45309;background:#3b2412;color:#fcd9a8;border-radius:14px;padding:11px 14px;margin-bottom:10px;font-size:13px;text-align:left}.alert-banner span{margin-left:auto;font-size:11px;opacity:.8}.alert-banner.sev-extreme,.alert-banner.sev-severe{border-color:#dc2626;background:#3f1418;color:#fecaca}.hero{border:1px solid #344962;border-radius:24px;padding:20px;background:linear-gradient(145deg,#1c3a5a,#14283f 58%,#172a42);box-shadow:0 18px 50px #0003}.hero-top,.section-title,.alert-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:10px;letter-spacing:1.2px;color:#9eb4cb;font-weight:800;display:flex;align-items:center;gap:5px;text-transform:uppercase}.hero h1{font-size:22px;margin:7px 0 3px;letter-spacing:-.6px}.hero p{font-size:12px;color:#b4c4d6;margin:0}.hero p.coords{font-size:11px;color:#8ea3bb;margin-top:3px;font-variant-numeric:tabular-nums}.current{display:flex;justify-content:space-between;align-items:center;padding:16px 4px 14px;transition:opacity .2s}.current.dim{opacity:.4}.temp{font-size:80px;font-weight:500;letter-spacing:-5px;line-height:1}.temp sup{font-size:28px;letter-spacing:-1px;vertical-align:top;margin-left:4px}.condition{font-size:16px;font-weight:700;margin-top:5px}.feels{font-size:12px;color:#a8bbce;margin-top:4px}.sun-icon{color:#f8c95f;filter:drop-shadow(0 0 18px #f8c95f55);padding-right:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff20;padding-top:14px;gap:6px}.metric{display:grid;gap:3px;justify-items:start;align-content:start}.metric>span{color:#87c7ee}.metric svg{width:17px;height:17px}.metric small{font-size:10px;color:#9fb3c8}.metric b{font-size:14px;white-space:nowrap}.station{display:flex;gap:7px;align-items:flex-start;margin-top:14px;padding:10px 12px;background:#0f2136;border-radius:12px;font-size:11.5px;color:#b9c8d8;line-height:1.45}.station svg{flex:none;margin-top:2px;color:#87c7ee}.hero-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.ghost{display:inline-flex;align-items:center;gap:6px;border:1px solid #31445e;background:#14263c;color:#dbe6f2;border-radius:10px;padding:8px 11px;font-size:12px;font-weight:600}.tabs{display:flex;gap:5px;padding:14px 16px 12px;position:sticky;top:0;background:#0b1423;z-index:1000;margin:0 -16px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:1 0 auto;padding-left:13px!important;padding-right:13px!important;border:1px solid #283a52;background:#111f32;color:#9eb0c5;border-radius:12px;padding:11px 4px;font-weight:700;font-size:12.5px;display:flex;align-items:center;justify-content:center;gap:5px}.tabs button.active{background:#f4b83e;color:#18263a;border-color:#f4b83e}.badge{background:#dc2626;color:#fff;border-radius:9px;font-size:10px;padding:1px 6px}.panel{background:#111f32;border:1px solid #263951;border-radius:20px;padding:18px;margin:0 0 12px;overflow:hidden}.section-title{margin-bottom:12px;align-items:flex-start}.section-title h2{font-size:17px;margin:5px 0 0;letter-spacing:-.4px;line-height:1.3}.chip{font-size:10px;border:1px solid #334b68;color:#a8bdd3;padding:5px 9px;border-radius:20px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.conf-high{border-color:#15803d;color:#86efac}.conf-medium{border-color:#a16207;color:#fcd34d}.conf-low{border-color:#b91c1c;color:#fca5a5}.rain-strip{display:flex;min-height:96px;align-items:end;padding:6px 0 0}.rain-slot{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:5px}.rainbar{width:14px;background:linear-gradient(#65c5f1,#3985d7);border-radius:4px 4px 0 0;min-height:3px}.rain-slot small{font-size:9.5px;color:#9fb1c7;white-space:nowrap}.rain-slot b{font-size:10px;color:#e4edf7}.hour-scroll{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;margin:0 -4px;scrollbar-width:none}.hour-scroll::-webkit-scrollbar{display:none}.hour{scroll-snap-align:start;flex:0 0 62px;background:#172941;border-radius:12px;padding:9px 4px;display:grid;justify-items:center;gap:5px}.hour small{font-size:10.5px;color:#91a7bf}.hour b{font-size:15px}.hour svg{color:#cfe0f2}.prob{display:flex;align-items:center;gap:2px;color:#81c6ef;font-size:10.5px}.windc{font-size:9.5px;color:#8ea3bb}.chart{height:175px;margin:8px -6px 0}.chart.tall{height:215px}.period{padding:10px 0;border-top:1px solid #22344b}.period b{font-size:12.5px}.period p{margin:4px 0 0;font-size:12.5px;color:#b8c7d8;line-height:1.55}.days{display:grid}.day{display:grid;grid-template-columns:52px 54px 34px 1fr 34px;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #22344b;font-size:13px}.dayicon{display:flex;align-items:center;gap:4px;color:#cfe0f2}.dayicon small{font-size:10px;color:#81c6ef}.lo{color:#8ea3bb;text-align:right}.hi{font-weight:700}.range{position:relative;height:5px;background:#1d3049;border-radius:3px}.range i{position:absolute;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,#65c5f1,#f5a623)}.sun-row{display:flex;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #22344b;font-size:12px;color:#b8c7d8}.sun-row span{display:flex;align-items:center;gap:5px}.mtable{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:6px;font-variant-numeric:tabular-nums}.mtable th{font-size:10px;color:#91a7bf;text-align:right;font-weight:700;padding:6px 4px}.mtable th:first-child,.mtable td:first-child{text-align:left}.mtable td{padding:8px 4px;border-top:1px solid #22344b;text-align:right}.mtable td i{display:inline-block;width:10px;height:3px;border-radius:2px;margin-right:7px;vertical-align:middle}.radar-wrap{border-radius:14px;overflow:hidden;background:#24364b}.radar{height:min(62vh,460px)}.radar-bar{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0f1d2f}.radar-bar input{flex:1;accent-color:#f4b83e}.radar-bar b{font-size:12px;min-width:56px;text-align:right}.radar-bar .iconbtn{padding:7px}.leaflet-container{background:#1a2738;font-family:inherit}.leaflet-control-attribution{background:#0b1423cc!important;color:#8ea3bb!important;font-size:9px}.leaflet-control-attribution a{color:#a8bdd3!important}.alert{padding:13px 0;border-top:1px solid #2a3b53}.alert-head{justify-content:flex-start;color:#f7c45b}.alert.sev-severe .alert-head,.alert.sev-extreme .alert-head{color:#f87171}.alert-head b{font-size:13px}.alert h3{font-size:14px;margin:10px 0 6px}.alert p{font-size:12px;color:#aabbd0;line-height:1.55;white-space:pre-wrap}.alert small{color:#91a5bc;font-size:11px}.empty{display:grid;justify-items:center;text-align:center;gap:8px;padding:30px 10px;color:#86efac}.empty b{font-size:14px;color:#e6edf7}.empty p{font-size:12px;margin:0;color:#94abc2}.fine{font-size:11px;color:#8397b0;line-height:1.5}.muted{font-size:12.5px;color:#a8b8cb;line-height:1.6}.sub{font-size:14px;margin:18px 0 2px}.observation{display:grid;gap:12px;margin-top:10px}.observation label{font-size:12px;color:#a9bbcf;display:grid;gap:6px}.observation input,.coord input{background:#0c192a;border:1px solid #334861;color:#fff;padding:12px;border-radius:10px;min-width:0;width:100%;font:inherit;font-size:16px}.primary,.coord button{background:#f4b83e;border:0;color:#17253a;padding:12px 16px;border-radius:11px;font-weight:800}.manual{margin-top:12px;padding:12px;background:#10243b;border-radius:12px}.manual b{font-size:12px}.manual small{color:#fca5a5;font-size:11px}.coord{display:flex;gap:7px;margin-top:8px}.error,.warn{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:12px;line-height:1.5}.error{border:1px solid #8c4a4a;background:#472c34;color:#ffd1d1}.warn{border:1px solid #8a6a1f;background:#3a2f14;color:#fde7b0}.accuracy-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.accuracy-stats div{background:#172941;border-radius:11px;padding:11px 8px;display:grid;gap:6px;align-content:start}.accuracy-stats small{font-size:10px;color:#91a7bf}.accuracy-stats b{font-size:17px;color:#f5c35b}.accuracy-stats b.sm{font-size:12.5px}footer{text-align:center;padding:14px 0}footer p{color:#8094ad;font-size:11px;margin:5px 0}.offline{display:flex;align-items:center;justify-content:center;gap:5px;color:#fcd34d!important}.install{display:inline-flex;align-items:center;gap:7px;background:#172941;border:1px solid #334b68;color:#e5edf7;border-radius:12px;padding:11px 15px;font-size:12px;font-weight:700;margin-top:6px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:380px){.brand small{display:none}.temp{font-size:68px}.stats{grid-template-columns:repeat(2,1fr);row-gap:12px}}@media(min-width:650px){.hero{padding:26px}.panel{padding:22px}.temp{font-size:92px}}.places{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px 12px;padding:2px 16px 4px;scrollbar-width:none}.places::-webkit-scrollbar{display:none}.place{scroll-snap-align:start;flex:0 0 clamp(138px,40vw,170px);display:grid;gap:3px;text-align:left;border:1px solid #283a52;background:#111f32;color:#e6edf7;border-radius:16px;padding:11px 12px}.place.on{border-color:#f4b83e;background:linear-gradient(160deg,#1c3a5a,#14283f);box-shadow:0 0 0 1px #f4b83e inset}.pl-label{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#cfe0f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-label svg{flex:none;color:#f4b83e}.pl-main{display:flex;align-items:center;justify-content:space-between;color:#f8c95f}.pl-main b{font-size:30px;font-weight:600;color:#f5f7fb;letter-spacing:-1.5px}.place small{font-size:10.5px;color:#9fb3c8;display:flex;align-items:center;gap:3px;white-space:nowrap}.place small svg{color:#81c6ef}.pl-sub{color:#7f93ab!important}.pl-sub em{color:#fbbf24;font-style:normal}.place.add{align-content:center;justify-items:center;text-align:center;border-style:dashed;color:#cfe0f2;gap:5px}.place.add svg{color:#f4b83e}.place.add b{font-size:12px}.hero h1{margin-top:6px}.center{text-align:center}.leaflet-tooltip.map-label{background:#0b1423e6;color:#e6edf7;border:1px solid #334b68;border-radius:6px;font:600 11px DM Sans,sans-serif;padding:2px 6px;box-shadow:none}.leaflet-tooltip.map-label:before{display:none}.head-btns{display:flex;gap:8px}.hero p.addr{color:#d6e2ee;margin-bottom:2px}.linkbtn{background:none;border:0;color:#f4b83e;font-weight:700;font-size:12px;display:flex;align-items:center;gap:2px;padding:4px 0;white-space:nowrap}.sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;z-index:2000;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s}.sheet{width:100%;max-width:640px;max-height:88vh;overflow:auto;background:#0f1d2f;border:1px solid #2a3d56;border-radius:22px 22px 0 0;padding:16px 16px calc(20px + env(safe-area-inset-bottom));animation:up .2s}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(40px);opacity:.5}}.sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sheet-head b{font-size:17px}.searchbox{display:flex;align-items:center;gap:8px;background:#0b1626;border:1px solid #334861;border-radius:12px;padding:0 12px;color:#9eb0c5}.searchbox input{flex:1;background:none;border:0;color:#fff;font:inherit;font-size:16px;padding:13px 0;outline:none;min-width:0}.hits{display:grid;gap:6px;margin:8px 0}.hit,.picked{display:flex;gap:10px;align-items:flex-start;text-align:left;width:100%;background:#13243a;border:1px solid #263951;border-radius:12px;padding:11px 12px;color:#e6edf7}.hit svg,.picked svg{flex:none;color:#f4b83e;margin-top:2px}.hit span,.picked span{display:grid;gap:2px;min-width:0}.hit b,.picked b{font-size:13.5px}.hit small,.picked small{font-size:11.5px;color:#9fb3c8}.hit em{font-size:10px;color:#6f86a1;font-style:normal}.gpshit{margin-top:8px;border-color:#2f5a8a;background:#132a45}.gpshit svg{color:#65b3f1}.picked .coords{font-variant-numeric:tabular-nums}.field{display:grid;gap:6px;font-size:12px;color:#a9bbcf;margin-top:14px}.field input{background:#0c192a;border:1px solid #334861;color:#fff;padding:12px;border-radius:10px;font:inherit;font-size:16px}.sheet-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.primary:disabled{opacity:.5}.warnText{color:#fcd34d!important}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#13243a;border-radius:12px}.setting-row>span{display:flex;gap:10px;align-items:center}.setting-row>span>svg{color:#f4b83e;flex:none}.setting-row span span{display:grid;gap:2px}.setting-row small,.toggle small{font-size:11.5px;color:#9fb3c8}.setting-row b,.toggle b{font-size:13.5px}.toggle{display:flex;gap:12px;align-items:flex-start;padding:12px 4px;border-bottom:1px solid #22344b}.toggle span{display:grid;gap:2px;flex:1}.toggle input[type=checkbox]{width:20px;height:20px;accent-color:#f4b83e;margin-top:2px;flex:none}.toggle.select{align-items:center}.toggle select{background:#0c192a;color:#fff;border:1px solid #334861;border-radius:9px;padding:8px;font:inherit;font-size:14px}.sheet .ghost{margin-top:10px}.sub{display:flex;align-items:center;gap:6px}.tips{margin:6px 0 0;padding-left:18px;font-size:12.5px;color:#b8c7d8;line-height:1.55}.tips li{margin-bottom:6px}.tday{border-top:1px solid #22344b}.tday .day{width:100%;background:none;border:0;color:inherit;border-top:0;text-align:left;padding:11px 0}.tday .day b{display:grid;line-height:1.15}.tday .day b small{font-size:10px;color:#7f93ab;font-weight:500}.tday .hi{display:flex;align-items:center;gap:2px;justify-content:flex-end}.chev{color:#7f93ab;transition:transform .15s}.tday.open .chev{transform:rotate(180deg)}.tday .day{grid-template-columns:52px 54px 34px 1fr 50px}.tday-body{padding:0 0 12px}.tday-sum{font-size:12px;color:#b8c7d8;display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:0 0 10px}.cal-head,.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-head{margin:10px 0 4px}.cal-head span{text-align:center;font-size:10px;color:#7f93ab;font-weight:700}.cell{position:relative;aspect-ratio:1/1.12;border-radius:9px;border:1px solid #22344b;background:#13243a;color:#e6edf7;display:grid;align-content:start;justify-items:center;padding:4px 2px;gap:1px;min-width:0}.cell small{font-size:9.5px;color:#9fb3c8;white-space:nowrap}.cell b{font-size:13px;line-height:1.1}.cell em{font-size:10.5px;color:#b8c7d8;font-style:normal}.cell.past,.cell.none{opacity:.3}.cell.extended{border-style:solid;border-color:#3a4f6b}.cell.outlook{border:1px dashed #4a6283}.cell.sel{outline:2px solid #f4b83e;outline-offset:1px}.wet{color:#65c5f1}.cell .wet{position:absolute;top:4px;right:4px}.cal-detail{display:grid;gap:3px;margin-top:10px;padding:10px 12px;background:#13243a;border-radius:12px;font-size:12px;color:#b8c7d8}.cal-detail b{color:#e6edf7;font-size:13px}.legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;font-size:11px;color:#9fb3c8}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:14px;height:10px;border-radius:3px;display:inline-block;border:1px solid #2a3d56}.legend i.dashed{border:1px dashed #4a6283;background:#13243a}