@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/03937bfe6091b706-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/c92454cded8c6c76-s.woff2) format("woff2");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:Bai Jamjuree;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/0408c26e42871bfc-s.woff2) format("woff2");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:Bai Jamjuree;font-style:normal;font-weight:200;font-display:swap;src:url(/_next/static/media/0260ff06fcf37a93-s.p.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/bd07166b4bfc61e8-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Bai Jamjuree;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/cfcec813dc3a08e9-s.woff2) format("woff2");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:Bai Jamjuree;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/36fd679057d5a2c4-s.woff2) format("woff2");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:Bai Jamjuree;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/c7264a3a2106b0d0-s.p.woff2) format("woff2");unicode-range:u+00??,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}@font-face{font-family:Bai Jamjuree Fallback;src:local("Arial");ascent-override:96.70%;descent-override:24.18%;line-gap-override:0.00%;size-adjust:103.41%}.__className_5d1927{font-family:Bai Jamjuree,Bai Jamjuree Fallback;font-style:normal}.__variable_5d1927{--font-display:"Bai Jamjuree","Bai Jamjuree Fallback"}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:Noto Sans Thai,Sarabun,system-ui,-apple-system,sans-serif;background:#060a13;color:#eaf2fb;line-height:1.6;min-height:100vh}.window-scene{position:relative;min-height:100vh}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:#8fc7f5}main{position:relative;z-index:1;max-width:560px;margin:0 auto;padding:20px 16px 48px;display:flex;flex-direction:column;gap:20px;min-height:100vh}header.app-header{text-align:center;padding-top:12px}header.app-header h1{font-family:var(--font-display),"Noto Sans Thai","Sarabun",sans-serif;font-weight:300;font-size:1.5rem;margin:0 0 4px}header.app-header p{margin:0;color:#a9c3de;font-size:.9rem;text-wrap:balance}.nav-buttons{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.btn,.nav-buttons{justify-content:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;border:none;background:#16233a;color:#eaf2fb;font-size:.9rem;font-weight:600;text-decoration:none}.btn.btn-outline{background:transparent;border:1.5px solid #2e4a6e;color:#bcd6ee}.btn.btn-primary{background:linear-gradient(135deg,#4f9dde,#2166a8);color:#f2f9ff}.btn.btn-sm{padding:7px 12px;font-size:.8rem}.btn:disabled{background:#16233a}.rain-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 50% -10%,#16283f 0,transparent 60%),linear-gradient(190deg,#0c1729,#060a13 55%,#04070d)}.rain-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.rain-static{display:none;position:absolute;inset:0;background-image:repeating-linear-gradient(112deg,rgba(156,198,232,.55),rgba(156,198,232,.55) 1px,transparent 0,transparent 16px)}@media (prefers-reduced-motion:reduce){.rain-canvas{display:none}.rain-static{display:block}}.glass-overlay{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.glass-vignette{position:absolute;inset:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask-image:radial-gradient(ellipse at 50% 45%,transparent 42%,black 94%);mask-image:radial-gradient(ellipse at 50% 45%,transparent 42%,black 94%);opacity:.7}.glass-streaks{position:absolute;inset:-10% -10%;opacity:.2;background-image:repeating-linear-gradient(98deg,rgba(185,214,237,.12),rgba(185,214,237,.12) 1px,transparent 0,transparent 68px),repeating-linear-gradient(94deg,rgba(205,227,245,.08),rgba(205,227,245,.08) 2px,transparent 0,transparent 140px);filter:blur(.5px);animation:glass-streak-drift 42s linear infinite;transition:opacity 1.4s ease}@keyframes glass-streak-drift{0%{background-position:0 0,0 0}to{background-position:0 820px,0 640px}}.glass-reflection{position:absolute;inset:0;background:radial-gradient(circle at 86% 8%,rgba(255,197,122,.24),transparent 42%);opacity:0;transition:opacity 1.4s ease}[data-weather=raining-now] .glass-streaks{opacity:.55;animation-duration:16s}[data-weather=dry] .glass-streaks{opacity:.04}[data-weather=dry] .glass-reflection{opacity:1}@media (prefers-reduced-motion:reduce){.glass-streaks{animation:none}.glass-reflection,.glass-streaks{transition:none}}.status-line{text-align:center;color:#a9c3de}.app-card{background:rgba(7,14,27,.9);border:1px solid rgba(184,212,240,.22);border-radius:20px;padding:24px 18px;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:0 0 0 1px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12),0 24px 60px -20px rgba(0,0,0,.65);display:flex;flex-direction:column;gap:18px;transition:border-color 1.4s ease}[data-weather=rain-soon] .app-card,[data-weather=raining-now] .app-card{border-color:rgba(140,200,245,.36)}[data-weather=dry] .app-card{border-color:rgba(255,205,145,.32)}.location-picker{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.privacy-note{margin:0;font-size:.78rem;color:#8ba3c2;max-width:340px;text-wrap:pretty}.province-select{width:100%;padding:10px 12px;border-radius:10px;border:1.5px solid #2e4a6e;background:#0b1424;color:#eaf2fb;font-size:.95rem}.location-label{font-size:.9rem;color:#bcd6ee;justify-content:center;flex-wrap:wrap}.answer,.location-label{text-align:center;display:flex;align-items:center;gap:10px}.answer{flex-direction:column;padding:12px 0}.answer-main{margin:0;max-width:100%;overflow-wrap:break-word;text-wrap:balance;font-family:var(--font-display),"Noto Sans Thai","Sarabun",sans-serif;font-weight:200;font-size:clamp(2.1rem,10vw,4rem);line-height:1.2;text-shadow:0 0 1px rgba(255,255,255,.55),0 0 14px currentColor}.latin-run{letter-spacing:.09em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.answer-main[data-state=raining-now]{color:#7fd0ff}.answer-main[data-state=rain-soon]{color:#ffd479}.answer-main[data-state=dry]{color:#9fe3b8}.answer-secondary{margin:0;max-width:100%;overflow-wrap:break-word;text-wrap:balance;font-size:.95rem;color:#a9c3de}.answer-secondary .latin-run{letter-spacing:.04em}.ribbon{display:grid;grid-template-columns:repeat(8,1fr);align-items:end;grid-gap:6px;gap:6px;height:96px;padding:14px 10px 10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px}.ribbon-bin{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}.ribbon-bin:before{content:"";position:absolute;inset:-4px 1px 22px 1px;border-radius:8px;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(5px) saturate(60%);backdrop-filter:blur(5px) saturate(60%);opacity:1;transition:opacity .5s ease;pointer-events:none}.ribbon-bin[data-level="1"]:before,.ribbon-bin[data-level="2"]:before,.ribbon-bin[data-level="3"]:before,.ribbon-bin[data-level="4"]:before{opacity:0}.ribbon-bar{width:100%;border-radius:5px 5px 2px 2px;background:#1c2c46;transition:height .3s ease}.ribbon-bin[data-level="1"] .ribbon-bar{background:#3a6ea5}.ribbon-bin[data-level="2"] .ribbon-bar{background:#4f9dde}.ribbon-bin[data-level="3"] .ribbon-bar{background:#6fc1ff}.ribbon-bin[data-level="4"] .ribbon-bar{background:#bfe6ff}.ribbon-time{font-family:ui-monospace,SFMono-Regular,Roboto Mono,Consolas,monospace;font-size:.68rem;color:#8ba3c2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.error-box{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:16px;border-radius:12px;background:#2a1414;border:1px solid #4a2323;color:#f3c6c6}.error-box p{margin:0}.updated-stamp{margin:0;text-align:center;font-size:.78rem;color:#6f88a6;text-wrap:balance}.updated-stamp .latin-run{font-family:ui-monospace,SFMono-Regular,Roboto Mono,Consolas,monospace;letter-spacing:.02em}.method-content{background:rgba(7,14,27,.85);border:1px solid rgba(184,212,240,.2);border-radius:20px;padding:28px 24px;backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);box-shadow:0 0 0 1px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.1),0 28px 64px -24px rgba(0,0,0,.65)}.method-content h2{font-size:1.05rem;margin-top:28px}.method-content h2:first-child{margin-top:0}.method-content p{text-wrap:pretty}.method-content code{background:#16233a;border-radius:6px;padding:2px 6px;font-size:.85em}.method-content ul{padding-left:20px}footer.app-footer{text-align:center;padding:24px 16px 8px;font-size:.78rem;color:#5c7392;position:relative;z-index:1}footer.app-footer p{text-wrap:pretty}@media (min-width:1024px){main{max-width:1180px;padding:56px 48px 72px;gap:32px}header.app-header{text-align:left;padding-top:0}body>header.app-header{max-width:1180px;margin:0 auto;padding-left:48px;padding-right:48px}header.app-header h1{font-size:2.1rem}header.app-header p{font-size:1rem}.app-card{padding:48px 56px;gap:32px;border-radius:28px}.location-label{justify-content:flex-start}.answer{align-items:flex-start;text-align:left;padding:8px 0 4px;gap:18px}.answer-main{font-size:clamp(4.6rem,7.5vw,8.5rem)}.answer-secondary{font-size:1.15rem}.ribbon{height:220px;gap:16px;padding:24px 22px 18px;border-radius:20px}.ribbon-bin{gap:12px}.ribbon-time{font-size:.95rem}.nav-buttons{justify-content:flex-start}.btn.fullscreen-btn{padding:14px 24px;border-radius:14px;font-size:1rem;font-weight:700;background:linear-gradient(135deg,#4f9dde,#2166a8);border-color:transparent;color:#f2f9ff}}