@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anuphan-thai-400-normal-CYPG-7cc.woff2)format("woff2"),url(/assets/anuphan-thai-400-normal-B8wWdyvX.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anuphan-vietnamese-400-normal-FcZRxsvJ.woff2)format("woff2"),url(/assets/anuphan-vietnamese-400-normal-xZfYJPys.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:Anuphan;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anuphan-latin-ext-400-normal-CCaRbzGi.woff2)format("woff2"),url(/assets/anuphan-latin-ext-400-normal-ZaQJ1nhL.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:Anuphan;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anuphan-latin-400-normal-BQH10Ma6.woff2)format("woff2"),url(/assets/anuphan-latin-400-normal-BDYevJ6X.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:Anuphan;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/anuphan-thai-500-normal-CZoh8WWr.woff2)format("woff2"),url(/assets/anuphan-thai-500-normal-DOsDZgfO.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/anuphan-vietnamese-500-normal-CBsphc3_.woff2)format("woff2"),url(/assets/anuphan-vietnamese-500-normal-ewe65ly5.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:Anuphan;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/anuphan-latin-ext-500-normal-Y75EY0_0.woff2)format("woff2"),url(/assets/anuphan-latin-ext-500-normal-cib8PPgw.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:Anuphan;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/anuphan-latin-500-normal-DE4mzdQz.woff2)format("woff2"),url(/assets/anuphan-latin-500-normal-B9L7_HnD.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:Anuphan;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/anuphan-thai-600-normal-Co7SjXAc.woff2)format("woff2"),url(/assets/anuphan-thai-600-normal-CeOd1Bty.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/anuphan-vietnamese-600-normal-CwE0m07H.woff2)format("woff2"),url(/assets/anuphan-vietnamese-600-normal-UiJfg5Q5.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:Anuphan;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/anuphan-latin-ext-600-normal-D-QrtA5h.woff2)format("woff2"),url(/assets/anuphan-latin-ext-600-normal-DGNNjdAA.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:Anuphan;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/anuphan-latin-600-normal-C3byZ5Vp.woff2)format("woff2"),url(/assets/anuphan-latin-600-normal-DSdXqWS_.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:Anuphan;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/anuphan-thai-700-normal-rOsLv-jZ.woff2)format("woff2"),url(/assets/anuphan-thai-700-normal-B9xfo8qq.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/anuphan-vietnamese-700-normal-CEKCPHv1.woff2)format("woff2"),url(/assets/anuphan-vietnamese-700-normal-Bt-kD8dc.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:Anuphan;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/anuphan-latin-ext-700-normal-BDcT6wBH.woff2)format("woff2"),url(/assets/anuphan-latin-ext-700-normal-C5WMEDsH.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:Anuphan;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/anuphan-latin-700-normal-WxQNlaBM.woff2)format("woff2"),url(/assets/anuphan-latin-700-normal-D1LjmPNx.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{--ink:#22263a;--dusk:#4a4f66;--dusk-2:#6b7088;--mist:#f6f7fa;--mist-2:#f0f2f6;--white:#fff;--sun:#ffc94d;--sun-light:#ffe7a3;--sun-strong:#e0a100;--sun-soft:#f5d27a;--sunlit:#fff6da;--sun-text:#8a6400;--line:#eceef3;--line-strong:#9a9fb3;--line-disabled:#d5d8e2;--sky-calm:#eef1f7;--sky-clear:#fff1c9;--sky-partly:#e3ecf7;--sky-fog:#e9eaf0;--sky-drizzle:#cfdcf2;--sky-storm:#6e7a91;--storm-ink:#5e6a82;--rain:#6f93d8;--rain-soft:#a9c0ea;--calm-blue:#eef2f9;--radius-card:12px;--radius-pill:999px;--radius-sheet:24px;--elev-1:0 2px 8px 0 #22263a0f;--elev-3:0 8px 16px 0 #22263a14;--elev-4:0 16px 32px 0 #22263a1a;--font:"Anuphan", system-ui, sans-serif;--font-th:"Anuphan", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:var(--mist);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}html:lang(th) body{font-family:var(--font-th)}button,a{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--rain);outline-offset:2px}.app{--sky-top:var(--sky-calm);--sky-bottom:var(--mist);background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 52%);flex-direction:column;max-width:440px;min-height:100dvh;margin:0 auto;transition:--sky-top .6s,--sky-bottom .6s;display:flex;position:relative}@property --sky-top{syntax:"<color>";inherits:true;initial-value:#eef1f7}@property --sky-bottom{syntax:"<color>";inherits:true;initial-value:#f6f7fa}.app[data-sky=clear]{--sky-top:var(--sky-clear);--sky-bottom:#f6f7fa}.app[data-sky=partly]{--sky-top:var(--sky-partly);--sky-bottom:#f6f7fa}.app[data-sky=fog]{--sky-top:var(--sky-fog);--sky-bottom:#f1f1f1}.app[data-sky=drizzle]{--sky-top:var(--sky-drizzle);--sky-bottom:#f1f4f8}.app[data-sky=storm]{--sky-top:var(--sky-storm);--sky-bottom:#eceff3}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 8px;display:flex}.logo{color:var(--ink);flex:none;align-items:center;gap:8px;transition:color .4s;display:flex}.logo-dot{background:radial-gradient(circle at 40% 38%, var(--sun-light), var(--sun));border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 4px #ffc94d38}.logo-name{letter-spacing:-.01em;font-size:17px;font-weight:700}.logo-dark{color:var(--white)}.topbar-actions{align-items:center;gap:8px;display:flex}.link-btn{background:var(--white);border-radius:var(--radius-pill);min-height:32px;color:var(--ink);box-shadow:var(--elev-1);border:0;padding:6px 12px;font-size:13px;font-weight:500}.lang-btn{border:1px solid var(--line-strong);background:var(--white);border-radius:var(--radius-pill);color:var(--dusk);min-height:32px;padding:4px 12px;font-size:13px;font-weight:500}.progress{grid-template-columns:repeat(6,1fr);gap:4px;padding:4px 16px 0;display:grid}.progress span{background:#22263a1f;border-radius:2px;height:4px;transition:background .3s}.progress span.on{background:var(--ink)}.stage{place-items:center;padding:8px 16px 0;display:grid}.stage-lg{min-height:230px}.stage-sm{min-height:150px}.art{width:var(--art-w,240px);aspect-ratio:320/240;display:grid;position:relative}.art-img{-webkit-user-select:none;user-select:none;grid-area:1/1;width:100%;height:100%}.art-img svg{width:100%;height:100%;display:block;overflow:visible}.fx{pointer-events:none;position:absolute;inset:0;overflow:hidden}.fog span{filter:blur(10px);background:#ffffffb3;border-radius:50%;width:140%;height:22%;animation:7s ease-in-out infinite alternate drift;position:absolute;left:-20%}.fog span:first-child{top:30%}.fog span:nth-child(2){opacity:.8;animation-delay:-2s;top:52%}.fog span:nth-child(3){opacity:.6;animation-delay:-4s;top:72%}@keyframes drift{0%{transform:translate(-8%)}to{transform:translate(8%)}}.rain i{background:var(--rain);opacity:.7;border-radius:2px;width:2px;height:14px;animation:1.4s linear infinite fall;position:absolute;top:-12%}.rain.heavy i{background:var(--storm-ink);height:18px;animation-duration:.9s}@keyframes fall{to{transform:translate(-10px,260px)}}.flash{opacity:0;background:#fff;animation:6s infinite flash}@keyframes flash{0%,92%,to{opacity:0}93%{opacity:.6}95%{opacity:.1}96%{opacity:.45}}.sheet{background:var(--white);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:var(--elev-3);flex:1;margin-top:8px;padding:24px 16px 32px}.sheet-full{margin-top:16px}.screen{flex-direction:column;gap:16px;display:flex}.h-display{color:var(--ink);text-wrap:balance;margin:0;font-size:28px;font-weight:600;line-height:36px}.h-title{text-wrap:balance;margin:0;font-size:22px;font-weight:500;line-height:30px}.h-sub{margin:8px 0 0;font-size:16px;font-weight:500;line-height:20px}html:lang(th) .h-display{font-size:26px;line-height:38px}html:lang(th) .h-title{font-size:21px;line-height:32px}.body{color:var(--dusk);margin:0;font-size:16px;line-height:26px}html:lang(th) .body{font-weight:300;line-height:28px}.caption{color:var(--dusk);margin:-8px 0 0;font-size:14px;line-height:22px}.fine,.note{color:var(--dusk);margin:0;font-size:13px;line-height:20px}.fine{text-align:center}.note{background:var(--calm-blue);border-radius:var(--radius-card);padding:12px}.btn-primary,.btn-secondary{border-radius:var(--radius-pill);justify-content:center;align-items:center;min-height:52px;margin-top:8px;font-size:18px;font-weight:500;text-decoration:none;transition:background .15s,transform .1s;display:flex}.btn-primary{background:var(--ink);color:var(--white);border:0}.btn-primary:active{background:var(--dusk)}.btn-primary:disabled{background:var(--line-disabled);color:var(--white);cursor:not-allowed}.btn-secondary{background:var(--white);border:1.5px solid var(--ink);color:var(--ink)}.btn-text{color:var(--ink);text-underline-offset:3px;background:0 0;border:0;padding:12px;font-size:15px;text-decoration:underline}.back{color:var(--dusk);background:0 0;border:0;align-self:flex-start;align-items:center;gap:2px;margin:-8px 0 -4px;padding:4px 8px 4px 0;font-size:14px;display:inline-flex}.options{flex-direction:column;gap:8px;display:flex}.option{text-align:left;border-radius:var(--radius-card);border:1.5px solid var(--line);background:var(--white);min-height:56px;box-shadow:var(--elev-1);align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.option:hover{border-color:var(--sun-soft)}.option.selected{border-color:var(--sun-strong);background:var(--sunlit)}.option-text{flex-direction:column;gap:2px;display:flex}.option-label{color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;font-size:16px;font-weight:500;line-height:22px;display:flex}.option-hint{color:var(--dusk);font-size:13px;line-height:18px}html:lang(th) .option-hint{font-weight:300}.wicon{width:44px;height:44px;color:var(--ink);border-radius:12px;flex:none;place-items:center;display:grid}.w-clear{background:var(--sky-clear);color:var(--sun-text)}.w-partly{background:var(--sky-partly);color:var(--ink)}.w-fog{background:var(--sky-fog);color:var(--storm-ink)}.w-drizzle{background:var(--calm-blue);color:var(--ink)}.w-storm{background:var(--line-disabled);color:var(--white)}.exit.suggested{border-color:var(--ink);background:var(--calm-blue)}.badge{color:var(--white);background:var(--ink);border-radius:var(--radius-pill);padding:2px 8px;font-size:12px;font-weight:500;line-height:16px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);background:var(--white);border-radius:var(--radius-pill);min-height:40px;color:var(--ink);padding:8px 16px;font-size:15px}.chip.selected{border-color:var(--sun-strong);background:var(--sunlit);color:var(--ink);font-weight:500}.segmented{flex-direction:column;gap:8px;display:flex}.seg{text-align:left;border:1.5px solid var(--line);background:var(--white);border-radius:var(--radius-card);min-height:48px;padding:12px 14px;font-size:15px}.seg.selected{border-color:var(--sun-strong);background:var(--sunlit);font-weight:500}.safety-mark{background:var(--sky-fog);width:56px;height:56px;color:var(--storm-ink);border-radius:16px;place-items:center;display:grid}.forecast-card{background:var(--white);box-shadow:var(--elev-4);border:1px solid var(--sky-partly);border-radius:16px;position:relative;overflow:hidden}.forecast-sky{background:linear-gradient(180deg, var(--sky-partly), var(--white));align-items:center;gap:10px;padding:14px 16px;display:flex}.forecast-card[data-sky=fog] .forecast-sky{background:linear-gradient(180deg, var(--sky-fog), var(--white))}.forecast-card[data-sky=drizzle] .forecast-sky{background:linear-gradient(180deg, var(--sky-drizzle), var(--white))}.forecast-card[data-sky=storm] .forecast-sky{background:linear-gradient(180deg, var(--line-disabled), var(--white))}.forecast-card[data-sky=clear] .forecast-sky{background:linear-gradient(180deg, var(--sky-clear), var(--white))}.forecast-label{flex:1;font-size:15px;font-weight:500}.forecast-date{color:var(--dusk);font-size:13px}.forecast-text{color:var(--ink);white-space:pre-line;outline:none;min-height:160px;padding:8px 20px 96px;font-size:19px;font-weight:500;line-height:30px}html:lang(th) .forecast-text{font-size:18px;line-height:32px}.forecast-text:focus-visible{box-shadow:inset 0 0 0 2px var(--rain-soft)}.forecast-art{pointer-events:none;width:104px;position:absolute;bottom:10px;right:12px}.forecast-art svg{width:100%;height:auto;display:block}.chat{background:var(--mist-2);border-radius:16px;justify-content:flex-end;padding:16px;display:flex}.bubble{background:var(--sun);max-width:88%;color:var(--ink);white-space:pre-line;border-radius:16px 16px 4px;padding:12px 14px;font-size:15px;line-height:24px}.scrim{z-index:20;background:#22263a66;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.help-sheet{background:var(--white);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;flex-direction:column;gap:16px;width:100%;max-width:440px;max-height:92dvh;padding:24px 16px 28px;display:flex;overflow:auto}.hotlines{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hotline{border-radius:var(--radius-card);border:1.5px solid var(--sun-soft);background:var(--white);justify-content:space-between;align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.hotline-text{flex-direction:column;gap:2px;display:flex}.hotline-number{color:var(--ink);font-variant-numeric:tabular-nums;flex:none;font-size:18px;font-weight:600}.toast{background:var(--ink);color:var(--white);border-radius:var(--radius-pill);z-index:30;max-width:calc(100% - 32px);padding:10px 18px;font-size:14px;position:fixed;bottom:24px;left:50%;translate:-50%}.layout{flex-direction:column;flex:1;display:flex}.progress-desktop,.stage-none{display:none}@media (width>=600px) and (width<=1023px){body{background:linear-gradient(180deg, var(--sky-partly), var(--mist) 60%)}.app{max-width:560px;min-height:calc(100dvh - 48px);box-shadow:var(--elev-4);border-radius:32px;margin:24px auto;overflow:hidden}}@media (width>=1024px){body{background:var(--mist)}.app{background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-bottom) 55%);max-width:none}.topbar{padding:20px 64px}.logo-name{font-size:20px}.logo-dot{width:22px;height:22px}.progress-mobile{display:none}.progress-desktop{margin-bottom:20px;padding:0;display:grid}.back{margin:0 0 -4px}.layout{flex-direction:row;justify-content:center;align-items:flex-start;gap:64px;padding:32px 64px 64px}.stage,.stage-none{background:linear-gradient(180deg, var(--sky-top), #fff9);border-radius:32px;flex:none;place-items:center;width:560px;height:640px;min-height:0;padding:0;transition:--sky-top .6s;display:grid;position:sticky;top:32px;overflow:hidden}.art{width:440px}.sheet,.sheet-full{border-radius:24px;flex:none;width:520px;min-height:640px;margin:0;padding:40px}.screen{gap:20px}.h-display,html:lang(th) .h-display{font-size:36px;line-height:48px}.h-title,html:lang(th) .h-title{font-size:26px;line-height:36px}.body,html:lang(th) .body{font-size:18px;line-height:30px}.scrim{align-items:center}.help-sheet{border-radius:24px;max-width:480px;padding:32px}}@media (prefers-reduced-motion:reduce){.fog span,.rain i,.flash{animation:none}.rain i{top:20%}}