@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/jost-cyrillic-wght-normal-CjwCQKo9.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/jost-latin-ext-wght-normal-BDUtSsKd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Jost Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/jost-latin-wght-normal-ObQm3Zd1.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,html[data-theme=light]{--bg:#eef1f5;--ink:#1c1f24;--quiet:#5f6670;--rule:#c9cfd6;--surface:#f7f8fa;--scrim:#0b0d1052;--shadow:0 8px 28px #0b0d101f}html[data-theme=dark]{--bg:#0b0d10;--ink:#e8eaed;--quiet:#9aa0a8;--rule:#2a2e35;--surface:#15181c;--scrim:#00000080;--shadow:0 8px 28px #00000080}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--font:"Jost Variable", "Jost", system-ui, sans-serif;--tap:44px;--radius:14px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--top-h:52px;--bottom-h:68px;--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}body{overscroll-behavior:none;overflow:hidden}#root{min-height:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.6}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:8px}h1,h2,h3,p{margin:0}.topbar{z-index:20;height:calc(var(--top-h) + var(--safe-top));padding:var(--safe-top) 8px 0;background-color:var(--bg);justify-content:space-between;align-items:center;gap:4px;display:flex;position:fixed;top:0;bottom:auto;left:0;right:0}.icon-btn{width:var(--tap);height:var(--tap);color:var(--ink);transition:background-color .16s var(--ease);border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-btn:hover{background-color:color-mix(in srgb, var(--ink) 8%, transparent)}.icon-btn:active{transform:scale(.96)}.brand svg{width:26px;height:26px}.place-btn{min-height:var(--tap);min-width:0;transition:background-color .16s var(--ease);border-radius:22px;align-items:center;gap:4px;padding:0 12px;font-size:17px;display:inline-flex}.place-btn:hover{background-color:color-mix(in srgb, var(--ink) 8%, transparent)}.place-btn-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rail{display:none}.pages{top:calc(var(--top-h) + var(--safe-top));scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:auto hidden}.page:focus-visible{outline-offset:-3px;border-radius:0}.hour-strip:focus-visible{outline-offset:-3px;border-radius:0}.pages::-webkit-scrollbar{display:none}.page{scroll-snap-align:start;scroll-snap-stop:always;overscroll-behavior-y:contain;flex:0 0 100%;min-width:0;overflow-y:auto}.page-inner{max-width:560px;min-height:100%;padding:8px 24px calc(var(--bottom-h) + var(--safe-bottom) + 24px);margin:0 auto}.page-title{letter-spacing:-.01em;text-align:center;margin:clamp(8px,4vh,40px) 0 clamp(24px,5vh,44px);font-size:clamp(44px,13vw,64px);font-weight:200;line-height:1.05}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px;display:grid}.metric{border-bottom:1px solid var(--rule);text-align:center;min-width:0;padding-bottom:16px}.metric-wide,.metric:last-child:nth-child(odd){grid-column:1/-1}.metric-label{color:var(--quiet);justify-content:center;align-items:center;gap:8px;font-size:15px;display:flex}.metric-label svg{flex:none;width:18px;height:18px}.metric-value{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:8px;font-size:40px;font-weight:200;line-height:1.2}.metric-value.is-word{margin-top:10px;font-size:28px;font-weight:300;line-height:1.25}.unit{color:var(--quiet);font-size:17px;font-weight:400}.metric-caption{color:var(--quiet);margin-top:4px;font-size:14px}.layers{justify-content:space-evenly;gap:12px;margin-top:12px;font-size:22px;font-weight:300;display:flex}.layers small{color:var(--quiet);margin-right:4px;font-size:13px;font-weight:400}.now{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100% - 16px);padding-top:clamp(16px,6vh,64px);display:flex}.now-icon{width:128px;height:128px}.now-temp{font-variant-numeric:tabular-nums;margin-top:28px;font-size:clamp(96px,30vw,136px);font-weight:100;line-height:1}.now-place{margin-top:20px;font-size:20px}.now-cond{color:var(--quiet);margin-top:6px;font-size:16px}.now-hilo{color:var(--quiet);white-space:pre;margin-top:4px;font-size:15px}.first-run{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;display:flex}.first-title{margin-top:24px;font-size:30px;font-weight:300}.first-body{color:var(--quiet);margin-bottom:12px;font-size:16px;line-height:1.45}.btn-wide{justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;display:inline-flex}.btn-wide svg{width:20px;height:20px}.notice{border:1px solid var(--rule);color:var(--ink);text-align:left;border-radius:12px;margin-top:8px;padding:12px 14px;font-size:14px;line-height:1.4}.cloud-samples{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px;display:grid}.cloud-sample{color:var(--quiet);flex-direction:column;align-items:center;gap:6px;font-size:13px;display:flex}.cloud-pct{color:var(--ink);font-size:22px;font-weight:200}.hour-strip{overscroll-behavior-x:contain;scrollbar-width:none;gap:4px;margin:32px -24px 0;padding:0 24px 8px;display:flex;overflow-x:auto}.hour-strip::-webkit-scrollbar{display:none}.hour{color:var(--quiet);flex-direction:column;flex:0 0 56px;align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}.hour-icon{width:24px;height:24px;color:var(--ink)}.hour-temp{color:var(--ink);font-size:20px;font-weight:300}.hour-pop{min-height:1em;font-size:12px}.day-list{margin:0;padding:0;list-style:none}.day{border-bottom:1px solid var(--rule);grid-template-columns:3.6em 28px 3em 2.4em minmax(40px,1fr) 2.4em;align-items:center;gap:10px;min-height:52px;font-size:17px;display:grid}.day-icon{width:24px;height:24px}.day-rain,.day-lo{color:var(--quiet);text-align:right;font-variant-numeric:tabular-nums;font-size:15px}.day-hi{text-align:right;font-variant-numeric:tabular-nums}.day-bar{background:var(--rule);border-radius:2px;height:3px;position:relative}.day-bar-fill{background:var(--ink);border-radius:2px;position:absolute;top:0;bottom:0}.dial{width:min(68vw,260px);color:var(--quiet);margin:0 auto 36px;display:block;overflow:visible}.dial-arc{width:min(76vw,300px)}.dial-mark{color:var(--ink)}.dial-tick,.dial-label{fill:var(--quiet);font-size:13px;font-family:var(--font);letter-spacing:.04em}.dial-value{fill:var(--ink);font-size:46px;font-weight:200;font-family:var(--font)}.trend-falling{transform:rotate(180deg)}.trend-steady{transform:rotate(90deg)}.trend-change{transform:rotate(45deg)}.bottombar{z-index:20;height:calc(var(--bottom-h) + var(--safe-bottom));padding:4px 16px var(--safe-bottom);background-color:var(--bg);flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:fixed;top:auto;bottom:0;left:0;right:0}.bottombar:before{content:"";pointer-events:none;background:linear-gradient(to bottom, transparent, var(--bg));height:32px;position:absolute;bottom:100%;left:0;right:0}.bottombar-label{color:var(--quiet);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;min-height:18px;font-size:13px;overflow:hidden}.link-btn{color:var(--ink);min-height:24px;margin-left:8px;text-decoration:underline}.dots{display:flex}.dot{width:var(--tap);height:var(--tap);place-items:center;display:grid}.dot span{background:var(--rule);width:6px;height:6px;transition:width .22s var(--ease), background-color .22s var(--ease);border-radius:3px}.dot.is-on span{background:var(--ink);width:18px}@media (min-width:1024px){.topbar,.bottombar{display:none}.rail{border-right:1px solid var(--rule);background-color:var(--bg);z-index:20;flex-direction:column;gap:24px;width:232px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:auto}.pages{top:0;left:232px}.rail ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.rail-brand{min-height:var(--tap);align-items:center;gap:10px;padding:0 12px;font-size:24px;font-weight:300;display:flex}.rail-brand svg{width:28px;height:28px}.rail-link{width:100%;min-height:var(--tap);color:var(--quiet);text-align:left;border-radius:10px;align-items:center;gap:10px;padding:0 12px;font-size:16px;display:flex}.rail-link svg{flex:none;width:20px;height:20px}.rail-link:hover{color:var(--ink);background-color:color-mix(in srgb, var(--ink) 6%, transparent)}.rail-link.is-on{color:var(--ink);background-color:color-mix(in srgb, var(--ink) 9%, transparent)}.rail-foot{flex-direction:column;gap:2px;margin-top:auto;display:flex}.page-inner{padding-top:32px;padding-bottom:48px}}.sheet-root{z-index:50;position:fixed;top:0;bottom:0;left:0;right:0}.sheet-scrim{background:var(--scrim);animation:fade .18s var(--ease);position:absolute;top:0;bottom:0;left:0;right:0}.sheet{overscroll-behavior:contain;background:var(--surface);max-height:88dvh;color:var(--ink);padding:0 20px calc(var(--safe-bottom) + 20px);box-shadow:var(--shadow);animation:rise .22s var(--ease);border-radius:20px 20px 0 0;outline:none;position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.sheet-grip{background:var(--rule);border-radius:2px;width:36px;height:4px;margin:8px auto 0}.sheet-head{z-index:1;background:var(--surface);justify-content:space-between;align-items:center;padding:8px 0;display:flex;position:sticky;top:0}.sheet-title{font-size:26px;font-weight:300}@media (min-width:720px){.sheet{width:420px;max-height:none;animation:slide .22s var(--ease);border-radius:20px 0 0 20px;padding-top:12px;top:0;left:auto}.sheet-grip{display:none}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@keyframes slide{0%{opacity:0;transform:translate(24px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.settings-group{border-bottom:1px solid var(--rule);flex-direction:column;gap:16px;padding:16px 0;display:flex}.settings-group:last-child{border-bottom:0}.group-title{letter-spacing:.04em;color:var(--quiet);font-size:13px;font-weight:500}.setting-label{font-size:16px}.setting-row{min-height:var(--tap);justify-content:space-between;align-items:center;display:flex}.segmented{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.segmented legend{margin-bottom:8px;padding:0}.segmented-track{border:1px solid var(--rule);border-radius:12px;gap:3px;padding:3px;display:flex}.seg-option{min-height:42px;color:var(--quiet);cursor:pointer;text-align:center;transition:background-color .16s var(--ease), color .16s var(--ease);border-radius:9px;flex:1;place-items:center;padding:0 6px;font-size:15px;display:grid;position:relative}.seg-option input{opacity:0;cursor:pointer;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.seg-option.is-on{background:var(--ink);color:var(--bg)}.seg-option:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.select-btn{min-height:var(--tap);border:1px solid var(--rule);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-width:112px;padding:0 12px;font-size:15px;display:inline-flex}.select-list{z-index:60;background:var(--surface);border:1px solid var(--rule);max-height:320px;box-shadow:var(--shadow);animation:fade .12s var(--ease);border-radius:12px;padding:4px;position:fixed;overflow-y:auto}.select-option{width:100%;min-height:var(--tap);text-align:left;border-radius:8px;align-items:center;padding:0 12px;font-size:15px;display:flex}.select-option:hover{background:color-mix(in srgb, var(--ink) 8%, transparent);outline-offset:-2px}.select-option:focus-visible{background:color-mix(in srgb, var(--ink) 8%, transparent);outline-offset:-2px}.select-option[aria-selected=true]{font-weight:500}.about p{font-size:15px}.quiet{color:var(--quiet);font-size:14px}.display-check summary{min-height:var(--tap);cursor:pointer;align-items:center;font-size:15px;display:flex}.display-check dl{gap:6px;margin:8px 0 0;font-size:13px;display:grid}.display-check dl>div{border-bottom:1px solid var(--rule);justify-content:space-between;gap:12px;padding-bottom:6px;display:flex}.display-check dt{color:var(--quiet)}.display-check dd{text-align:right;overflow-wrap:anywhere;margin:0}.safe-probe{height:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);visibility:hidden}.search{flex-direction:column;gap:8px;padding:4px 0 8px;display:flex}.search-input{border:1px solid var(--rule);background:var(--bg);width:100%;min-height:48px;color:var(--ink);font:inherit;border-radius:12px;padding:0 14px;font-size:17px}.search-input:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.search-status{min-height:18px}.result-list,.place-list{margin:0;padding:0;list-style:none}.result-list{margin-bottom:8px}.result-row,.place-row{text-align:left;flex:1;align-items:center;gap:12px;width:100%;min-width:0;min-height:56px;display:flex}.result-row{border-bottom:1px solid var(--rule)}.place-item{border-bottom:1px solid var(--rule);align-items:center;display:flex}.place-list>li:not(.place-item){border-bottom:1px solid var(--rule)}.result-row>svg,.place-row>svg{width:22px;height:22px;color:var(--quiet);flex:none}.place-row.is-current .place-name{font-weight:500}.place-text{flex-direction:column;flex:1;min-width:0;display:flex}.place-name{text-overflow:ellipsis;white-space:nowrap;font-size:18px;overflow:hidden}.place-region{color:var(--quiet);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.place-row .place-icon{width:24px;height:24px;color:var(--ink)}.place-temp{text-align:right;min-width:2.2em;font-size:26px;font-weight:200}.place-remove svg{width:18px;height:18px;color:var(--quiet)}.saved-count{align-items:center;gap:10px;margin-top:16px;display:flex}.count-dots{gap:4px;display:inline-flex}.count-dots span{background:var(--rule);border-radius:2px;width:14px;height:4px}.count-dots span.is-on{background:var(--ink)}.toast{left:12px;right:12px;bottom:calc(var(--safe-bottom) + var(--bottom-h) + 12px);z-index:40;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:8px;padding:8px 8px 8px 16px;font-size:15px;display:flex;position:fixed}.toast span{flex:1}.btn-primary,.btn-secondary,.btn-ghost{min-height:var(--tap);border-radius:12px;padding:0 16px;font-size:16px}.btn-primary{background:var(--ink);color:var(--bg);box-shadow:var(--shadow);font-weight:500}.btn-secondary{border:1px solid var(--rule);color:var(--ink)}.btn-ghost{color:var(--quiet)}@media (min-width:1024px){.toast{width:420px;bottom:24px;left:auto;right:24px}}
