@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.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}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-vietnamese-400-normal-TxZB8OSn.woff2)format("woff2"),url(/assets/public-sans-vietnamese-400-normal-BO1meqcx.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-ext-400-normal-mk90oQqJ.woff2)format("woff2"),url(/assets/public-sans-latin-ext-400-normal-B02wwOdZ.woff)format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/public-sans-latin-400-normal-8Rpg0ruU.woff2)format("woff2"),url(/assets/public-sans-latin-400-normal-SBbinRkI.woff)format("woff");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}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-vietnamese-600-normal-P4BtCUdw.woff2)format("woff2"),url(/assets/public-sans-vietnamese-600-normal-CcnAzmUX.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-ext-600-normal-DchWdWJ_.woff2)format("woff2"),url(/assets/public-sans-latin-ext-600-normal-DfkbVac2.woff)format("woff");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:Public Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/public-sans-latin-600-normal-Fru-LXNs.woff2)format("woff2"),url(/assets/public-sans-latin-600-normal-BR59oU-I.woff)format("woff");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{--bg:#e3e7e2;--paper:#f8f9f6;--ink:#16201b;--muted:#5d6a63;--line:#dde2dc;--water:#1d4ed8;--water-soft:#e3eafc;--green:#2f7d4f;--green-soft:#e3f1e7;--amber:#b86e00;--amber-soft:#fbefd9;--red:#b42318;--red-soft:#fbe3e0;--display:"Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--text:"Public Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html,body{overscroll-behavior-x:none;overflow-x:clip}input,textarea{font-size:16px!important}body{background:var(--paper);color:var(--ink);font:15px/1.45 var(--text);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--water);outline-offset:2px}.screen{max-width:520px;min-height:100dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex}.brand{font:800 20px/1 var(--display);letter-spacing:-.02em;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.brand svg{width:22px;height:22px;color:var(--water)}.h1{font:800 30px/1.08 var(--display);letter-spacing:-.02em;margin:6px 0 0}.fine{color:var(--muted);margin:0;font-size:12px}.muted{color:var(--muted)}.field{border:1.5px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;height:52px;padding:0 14px;display:flex}.field:focus-within{border-color:var(--ink)}.field svg{width:18px;height:18px;color:var(--muted);flex:none}.field input{font:inherit;background:0 0;border:0;outline:0;flex:1;min-width:0}.btn{border:0;border-radius:25px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;font-weight:600;display:flex}.btn svg{width:18px;height:18px}.btn.dark{background:var(--ink);color:#fff}.btn.light{background:var(--line)}.btn:disabled{opacity:.5;cursor:default}.results{border:1px solid var(--line);background:#fff;border-radius:14px;display:grid;overflow:hidden}.results button{text-align:left;border:0;border-top:1px solid var(--line);background:0 0;gap:1px;padding:11px 14px;display:grid}.results button:first-child{border-top:0}.results button:hover,.results button:focus-visible{background:var(--water-soft)}.results small{color:var(--muted);font-size:12px}.map{border-radius:18px;flex:1;min-height:340px;position:relative;overflow:hidden}.map .ml{position:absolute;inset:0}.map .pin{pointer-events:none;z-index:2;justify-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.map .pin i{font:600 12px/1 var(--text);background:var(--ink);color:#fff;white-space:nowrap;border-radius:8px;padding:6px 9px;font-style:normal}.map .pin:after{content:"";background:var(--water);border:3px solid #fff;border-radius:50%;width:14px;height:14px;margin-top:4px;box-shadow:0 2px 6px #0000004d}.map .hint{z-index:2;text-align:center;background:#f8f9f6f0;border-radius:9px;padding:7px 9px;font-size:12px;position:absolute;top:10px;left:10px;right:10px}.top{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.top>div{text-overflow:ellipsis;min-width:0;overflow:hidden}.top b{font-weight:600}.top small{color:var(--muted);font-size:12px;display:block}.chip{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:16px;flex:none;padding:7px 12px;font-size:13px;font-weight:600}.verdict{border-radius:18px;gap:9px;padding:16px;display:grid}.verdict.green{background:var(--green-soft)}.verdict.amber{background:var(--amber-soft)}.verdict.red{background:var(--red-soft)}.lvl{font:800 26px/1.05 var(--display);letter-spacing:-.02em;align-items:center;gap:8px;display:flex}.green .lvl{color:var(--green)}.amber .lvl{color:var(--amber)}.red .lvl{color:var(--red)}.lvl svg{flex:none;width:26px;height:26px}.verdict p{margin:0}.drops{flex-wrap:wrap;gap:3px;display:flex}.drops svg{width:9px;height:11px}.drops.few svg{width:22px;height:27px}.drops .on{color:var(--water)}.drops .off{color:#b9c3c9}.days{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:calc(14.2857% - 2.57143px);grid-auto-flow:column;gap:3px;padding-bottom:4px;display:grid;overflow-x:auto}.days .day{scroll-snap-align:start}.days{-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}.day{border:1px solid var(--line);background:#fff;border-radius:10px;justify-items:center;gap:1px;padding:6px 0 5px;display:grid}.day svg{width:20px;height:20px}.day b{font-size:11px;font-weight:600}.day span{font-size:9.5px}.day.green span{color:var(--green)}.day.amber{background:var(--amber-soft);border-color:#0000}.day.amber span{color:var(--amber)}.day.red{background:var(--red-soft);border-color:#0000}.day.red span{color:var(--red)}h3{color:var(--muted);margin:0;font-size:13px;font-weight:600}.act{align-items:center;gap:10px;display:flex}.act i{border:1px solid var(--line);background:#fff;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;display:grid}.act i svg{width:18px;height:18px}.area{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.area i{background:#ffd23f59;border:2.5px solid #b08a00;border-radius:4px;flex:none;width:24px;height:24px}.area b{font-size:14px;display:block}.chat{border-top:1px solid var(--line);gap:8px;padding-top:14px;padding-bottom:8px;display:grid}.me{background:var(--ink);color:#fff;border-radius:16px 16px 4px;justify-self:end;max-width:88%;padding:9px 12px}.bot{white-space:pre-wrap;margin:0}.steps{color:var(--muted);gap:3px;font-size:12px;display:grid}.steps div{align-items:center;gap:6px;display:flex}.steps svg{width:13px;height:13px;color:var(--green);flex:none}.spin{border:2px solid var(--water);border-right-color:#0000;border-radius:50%;flex:none;width:12px;height:12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.suggest{flex-wrap:wrap;gap:6px;display:flex}.askbar{margin:auto -16px calc(-16px - env(safe-area-inset-bottom));padding:18px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(#f8f9f600, var(--paper) 16px);z-index:5;position:sticky;bottom:0}.ask{background:var(--ink);border-radius:26px;align-items:center;gap:10px;height:52px;padding:0 6px 0 18px;display:flex}.ask input{color:#eef1ec;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1}.ask input::placeholder{color:#a9b3ad}.ask button{background:#eef1ec;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.ask button svg{width:18px;height:18px;color:var(--ink)}.skeleton{background:linear-gradient(90deg,#eceee9,#f6f7f3,#eceee9) 0 0/200% 100%;border-radius:18px;animation:1.2s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.error{background:var(--red-soft);color:var(--red);border-radius:12px;padding:10px 12px;font-size:14px}@media (prefers-reduced-motion:reduce){.spin,.skeleton{animation:none}}.stage{z-index:4;touch-action:none;cursor:grab;background:#c9d3d6;flex:none;height:46vh;min-height:150px;margin:0 -16px;position:sticky;top:0;overflow:hidden;box-shadow:0 6px 16px #16201b1f}.stage .scene{left:0;right:0;top:var(--crop,0px);height:46vh;min-height:300px;max-height:520px;position:absolute}.stage .scene canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage .scene .tag,.stage .tag{font:600 12px/1 var(--text);background:var(--ink);color:#fff;white-space:nowrap;pointer-events:none;z-index:2;border-radius:8px;padding:6px 8px;position:absolute;transform:translate(-50%,-130%)}.stage .tag.blue{background:var(--water)}.stage .tag.green{background:var(--green)}.stage .tag.red{background:var(--red)}.stage .clock{z-index:3;font:600 12px/1.25 var(--text);text-align:right;background:#f8f9f6f0;border-radius:8px;padding:6px 9px;position:absolute;top:12px;right:12px}.stage .clock span{color:var(--muted);font-weight:400;display:block}.stage .legend{z-index:3;background:#f8f9f6f0;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;display:flex;position:absolute;bottom:12px;left:12px}.stage .legend i{border-radius:2px;width:12px;height:8px;margin-left:4px;display:inline-block}.stage .legend .w{background:linear-gradient(90deg,#8cd9ff,#1a8cf2,#0838a0);width:22px}.stage .legend .a{background:#f0a12e}.stage .legend .r{background:var(--red)}.stage .legend .g{background:var(--green)}.stage .load{z-index:3;text-align:center;color:#fff;text-shadow:0 1px 3px #00000080;pointer-events:none;gap:5px;width:220px;font-size:12px;transition:opacity .4s;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.stage .load i{background:#ffffff59;border-radius:2px;height:3px;display:block;overflow:hidden}.stage .load i b{background:#fff;height:100%;transition:width .3s;display:block}.stage .load.done{opacity:0}.day.sel{outline:2px solid var(--ink);outline-offset:-2px}.hero{height:34vh;min-height:200px;margin:-16px -16px 0;position:relative;overflow:hidden}.hero img{object-fit:cover;width:100%;height:100%;display:block}.hero:after{content:"";background:linear-gradient(transparent, var(--paper));height:45%;position:absolute;inset:auto 0 0}.hero span{font:600 11px/1.2 var(--text);background:#f8f9f6eb;border-radius:7px;padding:5px 8px;position:absolute;top:12px;left:12px}.near{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.near b{font-size:14px;display:block}.near span{color:var(--muted)}.outlook{gap:8px;display:grid}.weeks{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px;display:grid}.week{border:1px solid var(--line);background:#fff;border-radius:12px;gap:1px;padding:8px 10px;font-size:12px;display:grid}.week b{font-size:12px}.week span{font-weight:600}.week small{color:var(--muted)}.week.wetter span{color:var(--water)}.week.drier span{color:var(--amber)}