@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-opsz-normal-CfYZpDVp.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-opsz-normal-BFQXbQ-f.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-opsz-normal-BmPQvyvo.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-opsz-normal-BM0NlUE_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-opsz-normal-Ci9T9ieq.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-opsz-normal-DpK-iCPk.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-opsz-normal-BwkfbSeq.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--radius-l: 32px;--radius-card: 28px;--label-primary: #000;--label-secondary: rgba(60, 60, 67, .6);--fill-tertiary: rgba(118, 118, 128, .12);--segmented-selected-fill: #fff;--divider: rgba(0, 0, 0, .12);--thumb: rgba(60, 60, 67, .45);--arso-blue: 0, 66, 165;--hour-card-bg: #f3f3f3;--wf-400: #999;--tab-track-bg: #ececec;--radar-track-bg: #f9f9f9;--radar-fill-bg: #ececec;--radar-footer-bg: #fff;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--label-primary: #fff;--label-secondary: rgba(235, 235, 245, .6);--segmented-selected-fill: #636366;--divider: rgba(255, 255, 255, .12);--thumb: rgba(255, 255, 255, .4);--hour-card-bg: rgba(255, 255, 255, .08);--wf-400: rgba(235, 235, 245, .6);--tab-track-bg: rgba(255, 255, 255, .08);--radar-track-bg: rgba(255, 255, 255, .06);--radar-fill-bg: rgba(255, 255, 255, .16);--radar-footer-bg: rgba(255, 255, 255, .08)}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#fff;overflow:hidden}@media(prefers-color-scheme:dark){html,body{background:#1b1d21}}[data-platform=macos] html,[data-platform=macos] body{background:transparent}body{width:100%;max-width:480px;margin:0 auto;font:13px/1.25 Inter Variable,system-ui,sans-serif;color:var(--label-primary);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:default}button{font:inherit;color:inherit;background:none;border:0;cursor:default;outline:0}.ico{display:inline-flex;flex:none;width:var(--s);height:var(--s)}.ico svg{width:100%;height:100%}.ico svg[stroke]{stroke-width:var(--sw, 2)}#app{display:flex;flex-direction:column;height:100vh;height:100dvh;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom)}html[data-platform=web],[data-platform=web] body{height:auto;overflow-y:auto}[data-platform=web] #app{display:block;position:relative;height:auto}[data-platform=web] .sheet{position:fixed}[data-platform=web] .scroll.smooth-pad{transition:padding-top .25s ease,padding-bottom .25s ease}[data-platform=web] .header{position:fixed;top:max(16px,env(safe-area-inset-top));left:0;right:0;z-index:5;display:flex;align-items:flex-start;gap:12px;padding:0 16px}[data-platform=web] .city{background:#fff;border-radius:32px;padding:8px 16px;opacity:1}@media(prefers-color-scheme:dark){[data-platform=web] .city{background:#1b1d21}}[data-platform=web] .city .loc{height:44px}[data-platform=web] .city .name{font-size:36px;line-height:44px}[data-platform=web] .header>.menu{width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#ffffff54}@media(prefers-color-scheme:dark){[data-platform=web] .header>.menu{background:#1b1d2154}}[data-platform=web] .notice{padding:0 24px}[data-platform=web] .content{padding:0 24px 40px}[data-platform=web] .card{width:100%;height:246px;border-radius:44px;padding:16px 24px 24px}[data-platform=web] .card.weather{border-radius:44px}[data-platform=web] .card .top{padding-left:12px}[data-platform=web] .card .temp{font-size:84px;letter-spacing:5.04px}[data-platform=web] .card .cond span{font-size:21px}[data-platform=web] .card .metrics{border-radius:24px;padding:12px 16px}[data-platform=web] .card .range{border-radius:24px;padding:12px 16px 12px 8px}[data-platform=web] .radar{margin:0 -24px;flex:none;min-height:0;max-height:none}[data-platform=web] .radar .map{flex:none;aspect-ratio:358 / 240}[data-platform=web] .navbar{position:fixed;left:0;right:0;bottom:0}[data-platform=web] .navbar-fade{height:60px;margin-top:-60px;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none}@media(prefers-color-scheme:dark){[data-platform=web] .navbar-fade{background:linear-gradient(to bottom,#1b1d2100,#1b1d21)}}[data-platform=web] .navbar-body{background:#fff;padding-bottom:max(16px,env(safe-area-inset-bottom))}@media(prefers-color-scheme:dark){[data-platform=web] .navbar-body{background:#1b1d21}}[data-platform=web] .navbar .hourly{margin:0;padding:16px 24px 0}[data-platform=web] .navbar .hourly .track{padding:0}[data-platform=web] .navbar .tabs{height:64px;margin:16px 24px 0;border-radius:28px}[data-platform=web] .navbar .tabs .pill{height:calc(100% - 4px);border-radius:26px}[data-platform=web] .navbar .tabs button{height:calc(100% - 4px);font-size:15px}.header{padding:0 16px;margin-bottom:24px}.header .row{display:flex;align-items:flex-start;gap:12px}.city{display:flex;align-items:flex-start;gap:12px;padding-top:8px;min-height:40px;opacity:.8}.city .loc{height:40px;display:flex;align-items:center}.city .name{flex:1;min-width:0;font-size:30px;line-height:38px;font-weight:500;letter-spacing:0}.city .menu{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.notice{margin-top:4px;font-size:11px;color:var(--label-secondary);display:flex;align-items:flex-start;gap:6px}.notice[hidden]{display:none}.notice span{flex:1}.notice button{padding:2px}.notice button[hidden]{display:none}.tabs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin:0 16px 16px;padding:2px;border-radius:16px;background:var(--tab-track-bg);flex:none}.tabs .pill{position:absolute;top:2px;left:2px;width:calc((100% - 4px) / 3);height:36px;border-radius:14px;background:var(--segmented-selected-fill);transform:translate(calc(var(--i, 0) * 100%));transition:transform .35s ease-in-out}.tabs button{position:relative;display:flex;align-items:center;justify-content:center;height:36px;padding:8px 16px;font-size:14px;line-height:18px;font-weight:600;letter-spacing:-.08px;text-align:center;white-space:nowrap}.content{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 16px 16px}.content[hidden]{display:none}.card{position:relative;isolation:isolate;flex:none;width:288px;height:200px;border-radius:var(--radius-card);overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black);padding:12px 16px 16px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background-color:var(--fill-tertiary)}.card.plain{color:var(--label-primary)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-size:100% 100%;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 288 200' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)' opacity='0.66'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(30.95 -20.1 44.21 59.805 -10 236.5)'><stop stop-color='rgba(0,66,165,0.5)' offset='0'/><stop stop-color='rgba(0,66,165,0.05)' offset='0.49605'/><stop stop-color='rgba(0,66,165,0)' offset='0.67346'/></radialGradient></defs></svg>"),url("data:image/svg+xml;utf8,<svg viewBox='0 0 288 200' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)' opacity='0.66'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(30.85 17 -30.432 64.132 24.5 30)'><stop stop-color='rgba(0,66,165,0.5)' offset='0'/><stop stop-color='rgba(0,66,165,0.05)' offset='0.49605'/><stop stop-color='rgba(0,66,165,0)' offset='0.67346'/></radialGradient></defs></svg>")}.card.clear:before{background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 288 200' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)' opacity='0.66'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(30.95 -20.1 44.21 59.805 -10 236.5)'><stop stop-color='rgba(0,66,165,0.5)' offset='0'/><stop stop-color='rgba(0,66,165,0.05)' offset='0.49605'/><stop stop-color='rgba(0,66,165,0)' offset='0.67346'/></radialGradient></defs></svg>"),url("data:image/svg+xml;utf8,<svg viewBox='0 0 288 200' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%25' width='100%25' fill='url(%23grad)' opacity='0.66'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(36.4 -15.95 36.527 71.275 33.5 242)'><stop stop-color='rgba(0,66,165,0.5)' offset='0'/><stop stop-color='rgba(0,66,165,0.05)' offset='0.49605'/><stop stop-color='rgba(0,66,165,0)' offset='0.67346'/></radialGradient></defs></svg>")}.card.plain:before{display:none}.card>.top,.card>.metrics{position:relative;z-index:2}.card.weather{aspect-ratio:unset;background:var(--fill-tertiary);border-radius:var(--radius-card);overflow:hidden}.card .weather__particles{z-index:0}.card .top{display:flex;justify-content:space-between;align-items:flex-start;padding-left:10px}.card .top .state{filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.1))}.card.plain .top .state{filter:none}.card .temp{font-size:68px;line-height:normal;font-weight:300;letter-spacing:4.08px;white-space:pre}.card .cond{display:flex;align-items:center;gap:4px}.card .cond .box{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.card .cond span{font-size:18px;font-weight:500}.card .metrics,.card .range{align-self:flex-start;background:#f9f9f91a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 1px 50px #0042a526}.card .metrics .row,.card .range .row{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:500;padding:0;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.1))}.card .metrics{padding:8px 16px}.card .range{padding:8px 10px 8px 4px;margin-top:4px}.card .range .row{gap:2px}.card .range .metric{gap:0}.card .range .metric .box{width:24px;height:24px;margin-right:-4px;display:flex;align-items:center;justify-content:center}.metric{display:flex;align-items:center;gap:2px}.metric .box{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.metric.aq{gap:0}.metric.aq .aq-num{display:flex;align-items:center;gap:2px}.metric.aq .aqi-dot{width:24px;height:24px;flex:none;display:flex;align-items:center;justify-content:center}.metric.aq .aqi-dot i{display:block;width:12px;height:12px;border-radius:50%}.radar{position:relative;display:flex;flex-direction:column;gap:8px;flex:1 1 220px;min-height:140px;max-height:220px;margin:0 -16px;border-radius:var(--radius-card);overflow:hidden;background:var(--radar-footer-bg)}.radar .map{position:relative;flex:1;min-height:0;background:#8080801f}.radar canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.radar .msg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--label-secondary)}.radar .marker{position:absolute;width:16px;height:16px;margin:-16px 0 0 -8px}.radar .marker svg{display:block;width:100%;height:100%}.radar .footer{flex:none;background:var(--radar-footer-bg);padding:0 16px 16px}.radar .progress{position:relative;height:4px;border-radius:100px;background:var(--radar-track-bg);overflow:hidden}.radar .progress i{display:block;height:100%;width:0;border-radius:100px;background:var(--radar-fill-bg);transition:width linear}.hourly{flex:none;margin:0 -16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.hourly::-webkit-scrollbar{display:none}.hourly .track{display:flex;align-items:flex-start;gap:8px;padding:0 16px;width:max-content}.hcard{width:64px;flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 0 12px;background:var(--hour-card-bg);border-radius:16px}.hcard .t{font-size:10px;font-weight:600;color:var(--wf-400);white-space:nowrap}.hcard .t.now{color:var(--label-primary)}.hcard .top2{display:flex;flex-direction:column;align-items:center}.hcard .ico-wrap{height:32px;display:flex;align-items:center}.hcard .v{font-size:18px;font-weight:500;padding-left:6px}.hcard .detail{display:flex;flex-direction:column;align-items:center;justify-content:center}.hcard .detail.has-precip{height:28px;gap:4px}.hcard .w{font-size:10px;font-weight:600;color:var(--wf-400);white-space:nowrap}.hcard .p{font-size:10px;font-weight:600;color:var(--wf-400);display:flex;align-items:center;gap:1px;white-space:nowrap}.hcard .p .drop{width:9px;height:9px;flex:none}.hcard .p .drop svg{width:100%;height:100%}.rows{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;margin:12px -16px 0;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent)}.rows::-webkit-scrollbar{display:none}.rows.flush{margin-top:0;-webkit-mask-image:none}.row{display:flex;align-items:center;padding:10px 16px;font-size:13px}.row+.row{position:relative}.row+.row:before{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:var(--divider)}.row .lead{width:74px}.row .ic{width:36px;display:flex;justify-content:center}.row .sp{flex:1}.row .pr{width:40px;text-align:right;font-size:10px;color:var(--label-secondary);display:flex;justify-content:flex-end;align-items:center;gap:2px}.row .a{width:44px;text-align:right;font-weight:500}.row .b{width:52px;text-align:right;font-size:10px}.row .a.dim{color:var(--label-secondary);font-weight:400}.empty{padding-top:40px;text-align:center;color:var(--label-secondary)}:root{--sheet-bg: rgba(255, 255, 255, .94);--field-bg: rgba(118, 118, 128, .12);--accent: #0a84ff}@media(prefers-color-scheme:dark){:root{--sheet-bg: rgba(38, 38, 40, .94)}}input,.btn,details,summary{user-select:text;-webkit-user-select:text}.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--sheet-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;display:flex;flex-direction:column;border-radius:var(--radius-l)}#app{position:relative}.sheet.picker{top:76px;border-radius:20px;margin:0 8px 8px;box-shadow:0 8px 30px #0000002e;overflow:hidden}.picker .search{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--divider);color:var(--label-secondary)}.picker input{flex:1;min-width:0;font:inherit;font-size:14px;color:var(--label-primary);background:none;border:0;outline:0}.picker .list{flex:1;overflow-y:auto;padding-bottom:8px}.prow{display:flex;align-items:center;width:100%;padding:8px 14px;font-size:14px;text-align:left;gap:8px}.prow .pick{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 0}.prow.here{font-weight:500}.prow .fav{color:var(--label-secondary)}.prow .fav.on{color:#fc0}.hdr{padding:10px 14px 2px;font-size:11px;font-weight:600;color:var(--label-secondary)}.hint{padding:12px 14px;font-size:12px;color:var(--label-secondary);text-align:center}.sheet.settings{top:0;padding:20px 16px 16px;border-radius:var(--radius-l)}.settings .bar{display:flex;align-items:center;gap:8px;margin-bottom:16px}.settings h2{font-size:20px;font-weight:590}.settings .body{flex:1;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:10px}.settings h3,.settings h4{font-size:12px;font-weight:600;color:var(--label-secondary);margin-top:4px}.settings h3{font-size:16px;color:var(--label-primary)}.settings input{width:100%;font:inherit;font-size:13px;padding:8px 10px;border-radius:10px;border:0;outline:0;background:var(--field-bg);color:var(--label-primary)}.settings .inline{display:flex;align-items:center;gap:8px}.settings .note,.settings details p{font-size:12px;color:var(--label-secondary);line-height:1.4}.settings details{font-size:12px}.settings summary{cursor:default;color:var(--label-secondary);margin-bottom:6px}.settings details p{margin-bottom:6px}.about-body{align-items:center;text-align:center;padding-top:24px;gap:6px}.about-name{font-size:22px;font-weight:600}.about-version{font-size:12px;color:var(--label-secondary);margin-bottom:8px}.about-body .note{margin-bottom:4px}.about-body>div{margin-top:16px}.btn{font-size:13px;padding:7px 12px;border-radius:10px;background:var(--field-bg);white-space:nowrap}.btn:disabled,.link:disabled{opacity:.4}.btn.primary{background:var(--accent);color:#fff;font-weight:590}.link{font-size:12px;color:var(--accent);padding:0 0 6px}.actions{display:flex;justify-content:flex-end;margin-top:auto;padding-top:8px}.status{display:flex;align-items:flex-start;gap:6px;font-size:12px}.status.ok{color:#34c759}.status.bad{color:#ff3b30}.seg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:2px;border-radius:12px;background:var(--fill-tertiary);flex:none}.seg .pill{position:absolute;top:2px;left:2px;width:calc((100% - 4px) / 3);height:calc(100% - 4px);border-radius:10px;background:var(--segmented-selected-fill);box-shadow:0 1px 4px #00000014;transform:translate(calc(var(--i, 0) * 100%));transition:transform .25s ease-in-out}.seg button{position:relative;padding:7px 4px;font-size:12px;font-weight:500}.ent{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 4px;text-align:left;border-bottom:1px solid var(--divider);font-size:13px}.ent b{display:block;font-weight:500}.ent small{display:block;font-size:11px;color:var(--label-secondary)}.ent em{font-style:normal;color:var(--label-secondary)}.spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--divider);border-top-color:var(--label-secondary);animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.warnings{flex:none;margin-bottom:12px;padding:10px 12px;border-radius:16px;display:flex;flex-direction:column;gap:6px;background:color-mix(in srgb,var(--wc) 15%,transparent)}.warnings[hidden]{display:none}.warnings .w{display:flex;gap:8px;align-items:flex-start}.warnings b{display:block;font-size:12px;font-weight:600}.warnings small{display:block;font-size:10px;color:var(--label-secondary)}