*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:IBM Plex Sans Thai Looped,Sarabun,Tahoma,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.bottom-0{bottom:0}.bottom-16{bottom:4rem}.bottom-2{bottom:.5rem}.left-0{left:0}.left-2{left:.5rem}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.z-40{z-index:40}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[16\/9\]{aspect-ratio:16/9}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-2{width:.5rem}.w-20{width:5rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[56px\]{min-width:56px}.max-w-2xl{max-width:42rem}.max-w-\[280px\]{max-width:280px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-amber-700{--tw-border-opacity:1;border-color:rgb(180 83 9/var(--tw-border-opacity,1))}.border-amber-900\/60{border-color:#78350f99}.border-blue-800{--tw-border-opacity:1;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.border-emerald-700{--tw-border-opacity:1;border-color:rgb(4 120 87/var(--tw-border-opacity,1))}.border-emerald-800{--tw-border-opacity:1;border-color:rgb(6 95 70/var(--tw-border-opacity,1))}.border-indigo-700{--tw-border-opacity:1;border-color:rgb(67 56 202/var(--tw-border-opacity,1))}.border-orange-700{--tw-border-opacity:1;border-color:rgb(194 65 12/var(--tw-border-opacity,1))}.border-orange-800{--tw-border-opacity:1;border-color:rgb(154 52 18/var(--tw-border-opacity,1))}.border-orange-900\/60{border-color:#7c2d1299}.border-red-500\/40{border-color:#ef444466}.border-red-700{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity,1))}.border-red-900\/60{border-color:#7f1d1d99}.border-sky-500\/20{border-color:#0ea5e933}.border-sky-500\/30{border-color:#0ea5e94d}.border-sky-500\/40{border-color:#0ea5e966}.border-sky-700{--tw-border-opacity:1;border-color:rgb(3 105 161/var(--tw-border-opacity,1))}.border-sky-800{--tw-border-opacity:1;border-color:rgb(7 89 133/var(--tw-border-opacity,1))}.border-sky-900\/60{border-color:#0c4a6e99}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.border-slate-800{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity,1))}.border-slate-800\/60{border-color:#1e293b99}.border-slate-800\/80{border-color:#1e293bcc}.bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-950{--tw-bg-opacity:1;background-color:rgb(69 26 3/var(--tw-bg-opacity,1))}.bg-amber-950\/40{background-color:#451a0366}.bg-amber-950\/80{background-color:#451a03cc}.bg-blue-950{--tw-bg-opacity:1;background-color:rgb(23 37 84/var(--tw-bg-opacity,1))}.bg-emerald-400{--tw-bg-opacity:1;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-950{--tw-bg-opacity:1;background-color:rgb(2 44 34/var(--tw-bg-opacity,1))}.bg-emerald-950\/80{background-color:#022c22cc}.bg-indigo-700{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.bg-indigo-950{--tw-bg-opacity:1;background-color:rgb(30 27 75/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-orange-950{--tw-bg-opacity:1;background-color:rgb(67 20 7/var(--tw-bg-opacity,1))}.bg-orange-950\/40{background-color:#43140766}.bg-orange-950\/80{background-color:#431407cc}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600\/30{background-color:#dc26264d}.bg-red-950{--tw-bg-opacity:1;background-color:rgb(69 10 10/var(--tw-bg-opacity,1))}.bg-red-950\/40{background-color:#450a0a66}.bg-red-950\/80{background-color:#450a0acc}.bg-sky-400{--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity,1))}.bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}.bg-sky-500\/20{background-color:#0ea5e933}.bg-sky-600{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}.bg-sky-600\/20{background-color:#0284c733}.bg-sky-950{--tw-bg-opacity:1;background-color:rgb(8 47 73/var(--tw-bg-opacity,1))}.bg-sky-950\/40{background-color:#082f4966}.bg-sky-950\/80{background-color:#082f49cc}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/60{background-color:#0f172a99}.bg-slate-900\/90{background-color:#0f172ae6}.bg-slate-900\/95{background-color:#0f172af2}.bg-slate-950{--tw-bg-opacity:1;background-color:rgb(2 6 23/var(--tw-bg-opacity,1))}.bg-slate-950\/40{background-color:#02061766}.bg-slate-950\/60{background-color:#02061799}.bg-slate-950\/90{background-color:#020617e6}.bg-slate-950\/95{background-color:#020617f2}.bg-\[radial-gradient\(\#1e293b_1px\,transparent_1px\)\]{background-image:radial-gradient(#1e293b 1px,#0000 1px)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right, var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-red-950\/70{--tw-gradient-from:#450a0ab3 var(--tw-gradient-from-position);--tw-gradient-to:#450a0a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-sky-950\/40{--tw-gradient-from:#082f4966 var(--tw-gradient-from-position);--tw-gradient-to:#082f4900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-slate-900{--tw-gradient-to:#0f172a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-red-950\/40{--tw-gradient-to:#450a0a66 var(--tw-gradient-to-position)}.to-slate-950{--tw-gradient-to:#020617 var(--tw-gradient-to-position)}.fill-white{fill:#fff}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pt-1{padding-top:.25rem}.pt-3{padding-top:.75rem}.text-center{text-align:center}.font-sans{font-family:IBM Plex Sans Thai Looped,Sarabun,Tahoma,sans-serif}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-amber-300{--tw-text-opacity:1;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-400{--tw-text-opacity:1;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-emerald-300{--tw-text-opacity:1;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-indigo-300{--tw-text-opacity:1;color:rgb(165 180 252/var(--tw-text-opacity,1))}.text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity,1))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-sky-300{--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.text-sky-400{--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.accent-sky-500{accent-color:#0ea5e9}.opacity-40{opacity:.4}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.\[background-size\:16px_16px\]{background-size:16px 16px}:root{--background:#090d16;--foreground:#f1f5f9;--card:#111827;--card-foreground:#f8fafc;--border:#1e293b;--accent:#0284c7}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Sarabun,Noto Sans Thai,Segoe UI,Roboto,sans-serif}.maplibre-container{width:100%;height:100%;position:absolute;top:0;left:0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 8px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.live-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0b1520;--card:#132230;--accent:#69c7e8}body{font-size:16px;line-height:1.65;background:var(--background)!important}h1,h2,h3{text-wrap:balance;line-height:1.4}h3{font-weight:600}a,button,input,select{touch-action:manipulation}button,a,input,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:4px;outline:3px solid #8ddaf4}a{text-underline-offset:4px}button:disabled{opacity:.5;cursor:wait}input,select{color:#f1f5f9;background:#0b1824;border:1px solid #455969;border-radius:8px;width:100%;min-height:46px;padding:10px 12px}input::placeholder{color:#9eafbd}.page-container{width:100%;max-width:1200px;margin:0 auto;padding:34px 28px 50px}.page-heading{margin:16px 0 26px}.lead{color:#b8cbd8;margin-top:8px;font-size:1.08rem}.muted{color:#a7bac8;font-size:.9rem}.site-header{z-index:50;background:#0b1520f5;border-bottom:1px solid #294051;position:sticky;top:0}.header-inner{align-items:center;gap:32px;max-width:1280px;margin:auto;padding:14px 28px;display:flex}.brand{color:#83d5ee;white-space:nowrap;align-items:center;gap:12px;display:flex}.brand span{color:#f1f5f9;font-size:1.2rem;font-weight:700;line-height:1.25}.brand small{color:#9db4c4;margin-top:4px;font-size:.75rem;font-weight:400;display:block}.desktop-nav{gap:5px;margin-left:auto;display:flex}.desktop-nav a{white-space:nowrap;color:#b8cbd8;border-radius:7px;padding:10px 15px}.desktop-nav a[aria-current],.desktop-nav a:hover{color:#98e2f6;background:#203c4d}.desktop-nav a.live-nav{color:#ffb4bd;background:#3a2028;border:1px solid #a94350;align-items:center;gap:8px;font-weight:700;display:inline-flex}.desktop-nav a.live-nav:hover,.desktop-nav a.live-nav:focus-visible{color:#fff0f1;background:#57303a;border-color:#ed6978}.live-nav-icon{display:inline-flex;position:relative}.live-nav-dot{background:#ff596b;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 2px #3a2028}.home-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.home-heading h1{margin-top:8px}.location-panel{background:#173449;border-radius:14px;padding:28px}.section-title{align-items:center;gap:10px;margin-bottom:10px;display:flex}.section-title svg{color:#90d9ed}.search-form{gap:8px;margin-top:24px;display:flex}.search-form input{min-width:0}.primary-button,.secondary-button{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 18px;font-weight:600;display:inline-flex}.primary-button{color:#092331;background:#87d7ed}.primary-button:hover{background:#afeaff}.secondary-button{color:#c4e7f3;background:#132b3b;border:1px solid #466273}.secondary-button:hover{background:#214357}.location-button{color:#9fe3f5;align-items:center;gap:8px;min-height:44px;padding:12px 0;font-weight:600;display:flex}.privacy-note{color:#a8becd;margin-top:18px;font-size:.75rem}.place-results{background:#0c2130;border-radius:8px;max-height:300px;margin-top:12px;overflow:auto}.place-results a{border-bottom:1px solid #294353;align-items:center;gap:12px;padding:12px;display:flex}.place-results a:hover{background:#284658}.place-results span{color:#abc2d0;font-size:.85rem}.place-results span:last-child{margin-left:auto}.saved-places>span{background:#0e2636;border-radius:7px;align-items:center;margin:8px 8px 0 0;display:inline-flex}.saved-places a{padding:8px}.saved-places button{padding:12px}.rain-entry{background:linear-gradient(140deg,#112735,#0d1d28);border:1px solid #345061;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;padding:26px 34px;display:flex}.rain-entry>svg{color:#7cd2ed}.rain-entry p{color:#b5cedc;margin:8px 0}.rain-entry small{color:#9fb6c4}.quality{color:#9fbdcc;margin-top:8px;font-size:.75rem}.quality-caution{color:#f2cb8c}.notice{background:#292b29;border-left:3px solid #d8b479;border-radius:0 8px 8px 0;flex-wrap:wrap;align-items:center;gap:18px;margin:24px 0;padding:16px 20px;font-size:.88rem;display:flex}.notice>span{color:#f6d8a7;font-weight:600}.notice p{color:#c9c5ba;flex:1}.notice a{color:#f3d8ae;text-decoration:underline}.warning-copy{flex:1;min-width:220px}.warning-copy small{color:#c4c0b2}.official-notice{background:#302a23;border-left-color:#f1b665}.warning-description{white-space:pre-line}.reading-page summary{cursor:pointer;min-height:44px;margin-top:16px}.today-summary{max-width:850px;padding:12px 0 26px}.today-summary>p:not(.quality){color:#d2e1eb;margin-top:8px;font-size:1.13rem}.overview-grid{grid-template-columns:1.15fr 1fr;gap:24px;display:grid}.panel{background:#132330;border:1px solid #2a414f;border-radius:12px;margin-bottom:24px;padding:24px}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.section-heading h2{align-items:center;gap:8px;display:flex}.section-heading>a{color:#8dd9ef;font-size:.85rem}.district-row{border-bottom:1px solid #2b414f;align-items:center;gap:16px;padding:18px 0;display:flex}.district-row>span:first-child{flex:1;min-width:0}.district-row small{color:#a9bdcb;font-size:.8rem;font-weight:400;display:block}.district-row>b{text-align:right;font-variant-numeric:tabular-nums;font-size:1.2rem}.district-row>b small{display:inline}.district-row:hover{background:#1a3040}.footnote{color:#a5b8c5;margin-top:16px;font-size:.78rem}.footnote a{text-decoration:underline}.empty-state{text-align:center;color:#b9cbd6;padding:36px 10px}.empty-state a{color:#90d9ed;padding:12px;display:inline-block}.dam-mini{border-bottom:1px solid #2b414f;padding:16px 0}.dam-mini>div{justify-content:space-between;display:flex}.dam-mini meter{width:100%;height:9px;margin-top:12px}.dam-mini meter::-webkit-meter-bar{background:#294554;border:0}.dam-mini meter::-webkit-meter-optimum-value{background:#79cce6}.page-footer{color:#9eb7c5;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:20px;font-size:.8rem;display:flex}.page-footer a{text-decoration:underline}.day-tabs{gap:8px;margin:12px 0;padding:6px 0 12px;display:flex;overflow:auto}.day-tabs a{border:1px solid #355361;border-radius:8px;flex-shrink:0;padding:10px 18px}.day-tabs a[aria-current],.day-tabs a:hover{background:#2b5066;border-color:#78cce6}.risk-totals{grid-template-columns:repeat(5,1fr);gap:10px;margin:26px 0;display:grid}.risk-totals a{background:#142b3b;border:1px solid #2e485b;border-radius:10px;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;display:flex}.risk-totals strong{font-size:1.9rem}.risk-totals small{color:#afc4d1;font-size:.75rem}.risk-totals a[aria-current]{outline:2px solid #7ad0eb}.filter-form{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:20px 0;display:flex}.filter-form label{color:#bed0dc;flex-direction:column;gap:6px;font-size:.85rem;display:flex}.filter-form label:first-of-type{flex:1;min-width:180px}.filter-form>a{color:#8dd9ef;padding:12px}.pagination{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.pagination a{color:#9addf0;padding:12px}.action-row{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.forecast-grid{grid-template-columns:repeat(7,1fr);gap:12px;margin-top:24px;display:grid}.forecast-grid article{background:#0b1b27;border-radius:8px;flex-direction:column;justify-content:flex-end;align-items:center;gap:14px;padding:16px 5px;display:flex}.forecast-grid h3{font-size:.75rem}.forecast-grid strong{font-size:1.3rem}.forecast-grid small{font-size:.75rem}.rain-bar{background:#73cde9;border-radius:5px 5px 0 0;width:36px}.skip-link{z-index:100;color:#071e2b;background:#fff;padding:12px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}.offline-banner{color:#fff1d4;text-align:center;background:#624012;padding:10px 20px}.safe-area-bottom{padding-bottom:max(6px,env(safe-area-inset-bottom))}.map-page{flex:1}.map-explorer{background:#0b1520}.map-toolbar{border-bottom:1px solid #294051;justify-content:space-between;align-items:center;gap:15px;padding:12px 22px;display:flex}.map-toolbar>a{color:#96dced;white-space:nowrap;font-size:.85rem}.map-tabs{gap:6px;display:flex;overflow:auto}.map-tabs button{white-space:nowrap;color:#b5cad6;border-radius:8px;min-height:44px;padding:10px 16px}.map-tabs button[aria-pressed=true]{color:#c4f3ff;background:#305267}.map-stage{height:clamp(400px,61dvh,750px);position:relative}.weather-map,.map-canvas{width:100%;height:100%}.map-caption{pointer-events:none;background:#0b1d2fe8;border:1px solid #466170;border-radius:8px;max-width:330px;padding:12px;font-size:.83rem;position:absolute;top:16px;left:18px}.map-caption p{color:#b8cbd6;margin-top:4px;font-size:.73rem}.map-message{color:#f6d8a7;background:#2a3135;border-radius:8px;padding:16px;position:absolute;bottom:20px;left:20px;right:20px}.map-message a{text-decoration:underline;display:block}.map-selection{background:#142b3b;border:1px solid #83cde4;border-radius:10px;width:calc(100% - 40px);max-width:350px;padding:20px;position:absolute;bottom:20px;left:20px}.map-selection button{float:right;min-width:44px;min-height:44px;font-size:24px}.map-selection p{color:#bdd1dd;font-size:.9rem}.map-selection a{color:#a5e4f5;padding:10px 0;display:block}.radar-controls{padding:16px 24px}.radar-time{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.timeline-row{align-items:center;gap:16px;margin-top:12px;display:flex}.timeline-row input{accent-color:#7bd1ed;border:0;flex:1;min-width:50px;padding:0}.timeline-row>span{max-width:170px;font-size:.75rem}.map-legend{flex-wrap:wrap;align-items:center;gap:14px;padding:18px 24px;font-size:.8rem;display:flex}.map-legend span{align-items:center;gap:6px;display:inline-flex}.map-legend i{border-radius:50%;width:10px;height:10px}.map-legend a{color:#93dced}.water-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px;display:grid}.dam-card{margin:0}.storage-number{color:#9ce0f3;margin:14px 0;font-size:2.2rem;font-weight:600}.storage-number small{color:#adc5d3;margin-left:8px;font-size:.75rem;font-weight:400}.dam-card meter{width:100%;height:12px}.dam-card meter::-webkit-meter-optimum-value{background:#71cde9}.water-metrics{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}.water-metrics dt{color:#a6bece;font-size:.8rem}.water-metrics dd{font-size:1.2rem;font-weight:600}.dam-card details{border-top:1px solid #365061;margin-top:20px;padding-top:12px}.dam-card summary{cursor:pointer;color:#9cdaed;min-height:44px}.history-list>div{justify-content:space-between;padding:8px 0;font-size:.8rem;display:flex}.station-row{border-bottom:1px solid #294451;justify-content:space-between;gap:20px;padding:18px 0;display:flex}.station-row>div:last-child{text-align:right;flex-shrink:0}.station-row strong{font-size:1.3rem}.station-row small{font-size:.8rem}.reading-page{max-width:900px}.reading-page .panel{margin-top:26px}.reading-page .panel p{margin:14px 0}.reading-page a{color:#96d9ed;text-decoration:underline}.source-list dt{margin-top:22px;font-weight:600}.source-list dd{color:#b6cad8;margin-top:6px}.live-dashboard{background:#0b1520;flex-direction:column;gap:16px;height:100dvh;padding:20px;display:flex;overflow:hidden}.live-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.live-header h1{font-size:1.6rem}.live-header p{color:#b1cbd9;font-size:.9rem}.live-actions{align-items:center;gap:14px;font-size:.85rem;display:flex}.live-actions button,.live-actions a{border:1px solid #3d596b;border-radius:7px;padding:10px}.live-content{flex:1;grid-template-columns:minmax(0,1fr) 320px;gap:20px;min-height:0;display:grid}.compact-map{border:1px solid #355165;border-radius:10px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.compact-map .map-stage{flex:1;height:auto;min-height:100px}.compact-map .radar-controls{padding:10px 16px}.compact-map .radar-controls .footnote{display:none}.compact-map .map-toolbar{padding:6px}.compact-map .map-tabs button{padding:8px}.live-sidebar{background:#142b3b;border-radius:10px;padding:18px;overflow:auto}.live-sidebar h2{margin-top:12px}.live-row{border-bottom:1px solid #365161;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;font-size:.9rem;display:flex}.live-row small{color:#9fbacc;font-size:.75rem;display:block}.live-row strong{white-space:nowrap;color:#96dced}.live-footer{color:#e7d1a9;background:#2b302e;border-radius:7px;padding:10px 16px;font-size:.8rem}.live-9x16 .live-content,.live-1x1 .live-content{grid-template-rows:minmax(0,1fr) 30%;grid-template-columns:1fr}.live-9x16 .live-sidebar,.live-1x1 .live-sidebar{display:none}.live-9x16 .live-content,.live-1x1 .live-content{grid-template-rows:1fr}@media (max-width:767px){.map-toolbar{padding:8px}.map-toolbar>a{display:none}.map-tabs button{padding:8px 10px;font-size:.8rem}.map-stage{height:55dvh;min-height:360px}.map-caption{max-width:250px;padding:9px;top:10px;left:10px}.radar-controls{padding:12px}.timeline-row{gap:10px}.timeline-row>span{display:none}.water-grid{grid-template-columns:1fr}.station-row{flex-direction:column;gap:10px}.station-row>div:last-child{text-align:left}.live-dashboard{gap:10px;padding:10px}.live-header h1{font-size:1.1rem}.live-header{align-items:flex-start}.live-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;font-size:.7rem}.live-actions button,.live-actions a{padding:8px}.live-content{grid-template-columns:1fr}.live-sidebar{display:none}.live-footer{font-size:.7rem}}@media (max-width:1050px){.desktop-nav a{padding:10px}.header-inner{gap:16px}.brand span{font-size:1.05rem}}@media (max-width:767px){.desktop-nav{display:none}.header-inner{padding:12px 18px}.page-container{padding:22px 18px 36px}.home-heading{align-items:flex-start}.home-heading>.secondary-button{display:none}.overview-grid{grid-template-columns:1fr;gap:18px}.location-panel,.panel{padding:20px}.rain-entry{padding:24px}.notice{gap:8px}.notice p{flex-basis:100%}.risk-totals{grid-template-columns:repeat(2,1fr)}.risk-totals a:last-child{grid-column:span 2}.forecast-grid{grid-template-columns:repeat(2,1fr)}.district-row{gap:10px}.district-row strong{font-size:.95rem}.district-row>b{font-size:1.05rem}.district-row .inline-flex{padding:4px 6px;font-size:.7rem}.district-row .inline-flex svg{display:none}.page-heading{margin-top:8px}.search-form .primary-button{padding:10px 14px}.search-form .primary-button svg{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--ink:#08161f;--deep:#102636;--deep-2:#0d1f2c;--rule:#25465a;--water:#74d4f2;--foam:#e8fbff;--amber:#f3c46b;--alert:#f2827a;--calm:#7fd0a8;--text:#e4edf2;--sub:#a9bfcc;--font-body:"IBM Plex Sans Thai Looped", "Noto Sans Thai Looped", "Sarabun", "Tahoma", sans-serif;--font-display:"Anuphan", "IBM Plex Sans Thai Looped", "Tahoma", sans-serif;--background:var(--ink)}body{color:var(--text);font-size:17px;line-height:1.7;font-family:var(--font-body)!important}h1,h2,h3,.brand span,.storage-number,.status-facts dd,.district-row>b,.station-row strong,.release-box strong,.dam-rank-val b{font-family:var(--font-display)}h1{letter-spacing:-.01em;font-size:clamp(1.75rem,3.2vw,2.6rem);font-weight:700}h2{font-size:1.25rem;font-weight:600}.muted{color:var(--sub)}.site-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08161ff2}.desktop-nav a{font-size:.95rem}.home .home-heading{margin-bottom:18px}.status-block{--tone:var(--water);background:var(--deep);border:1px solid var(--rule);border-radius:14px;margin-bottom:22px;padding:26px 28px 22px 34px;position:relative;overflow:hidden}.status-block:before{content:"";background:var(--tone);width:7px;position:absolute;inset:0 auto 0 0}.status-block.tone-alert{--tone:var(--alert);background:#2a1d22;border-color:#5b3a3c}.status-block.tone-watch{--tone:var(--amber);background:#26251d;border-color:#554b2f}.status-block.tone-calm{--tone:var(--calm)}.status-block.tone-pending{--tone:#7c93a3}.status-tag{color:var(--tone);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:inline-flex}.status-tag span{background:var(--tone);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--tone) 25%, transparent);border-radius:50%}.tone-pending .status-tag span{animation:1.6s ease-in-out infinite pulse-dot}@keyframes pulse-dot{50%{opacity:.35}}.status-sentence{font-family:var(--font-display);color:#f4f8fa;max-width:46ch;margin:10px 0 18px;font-size:clamp(1.25rem,2.2vw,1.65rem);font-weight:500;line-height:1.5}.status-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.status-facts>div{background:#ffffff0a;border-radius:10px;padding:12px 14px}.status-facts dt{color:var(--sub);font-size:.85rem}.status-facts dd{color:#fff;font-size:1.9rem;font-weight:700;line-height:1.2}.status-facts dd small{color:var(--sub);font-size:.85rem;font-weight:500;font-family:var(--font-body)}.quick-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.quick-links a{border:1px solid var(--rule);background:var(--deep-2);border-radius:12px;align-items:center;gap:16px;min-height:76px;padding:18px 20px;transition:background .15s,border-color .15s;display:flex}.quick-links a:hover{background:#163246;border-color:#3f6a80}.quick-links a>svg{color:var(--water);flex-shrink:0}.quick-links strong{font-family:var(--font-display);font-size:1.12rem;display:block}.quick-links small{color:var(--sub);font-size:.88rem;display:block}.quick-links a.is-feature{background:#0f2c3d;border-color:#4a8aa6}.quick-links a.is-feature>svg{color:var(--foam)}.location-panel{background:#12324a;border:1px solid #2d5470}.home>.location-panel{margin-bottom:22px}.myrisk-panel{isolation:isolate;position:relative;overflow:hidden}.myrisk-panel:before{content:"";z-index:-2;pointer-events:none;background:url(/pirate/myrisk-party.gif) 50% 55%/cover no-repeat;position:absolute;inset:0}.myrisk-panel:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(105deg,#061a27eb 0%,#082230c4 58%,#08223099 100%);position:absolute;inset:0}.myrisk-panel .myrisk{background:#0c2130ed}@media (prefers-reduced-motion:reduce){.myrisk-panel:before{background-image:none}}.flow-home .ruler-list{flex-direction:column;gap:30px;margin-top:22px;display:flex}.ruler-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ruler-head strong{font-family:var(--font-display);font-size:1.15rem}.ruler-head span{color:var(--sub);font-size:.9rem}.ruler-track{height:64px;margin:6px 0 0;position:relative}.ruler-track:before{content:"";background:#2c4b5e;height:2px;position:absolute;top:31px;left:0;right:0}.ruler-water{background:linear-gradient(90deg, var(--foam), var(--water) 35%, #3b9cc6);border-radius:3px;height:6px;position:absolute;top:29px;left:0}.ruler-water:before{content:"";background:var(--foam);border-radius:50%;width:14px;height:14px;position:absolute;top:-4px;left:-5px}.ruler-tick{background:var(--foam);width:2px;height:12px;position:absolute;top:26px;transform:translate(-1px)}.ruler-label{white-space:nowrap;color:#d6e6ee;text-align:center;font-size:.78rem;line-height:1.25;position:absolute;bottom:38px;transform:translate(-50%)}.ruler-label b{color:var(--water);font-weight:600;display:block}.ruler-label.is-below{top:40px;bottom:auto}.ruler-label:first-of-type{transform:translate(-20%)}.ruler-days{color:#7f98a8;border-top:1px dashed #2c4b5e;justify-content:space-between;margin-top:14px;padding-top:6px;font-size:.72rem;display:flex}.ruler-foot{color:var(--sub);margin-top:4px;font-size:.85rem}.dam-mini-flow{color:var(--sub);margin-top:6px;font-size:.85rem}.dam-mini meter::-webkit-meter-suboptimum-value{background:var(--amber)}.dam-mini meter::-webkit-meter-even-less-good-value{background:var(--alert)}.flow-explorer{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1fr) 390px;min-height:0;display:grid}.flow-map-area{background:var(--ink);height:clamp(480px,100dvh - 150px,900px);position:relative;overflow:hidden}.flow-canvas{width:100%;height:100%;inset:0;position:absolute!important}.flow-particles{pointer-events:none;z-index:1;position:absolute;top:0;left:0}.flow-key{z-index:2;border:1px solid var(--rule);color:#cfe0e8;pointer-events:none;background:#08161fd9;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;font-size:.78rem;display:flex;position:absolute;top:14px;left:14px}.flow-key span{align-items:center;gap:8px;display:flex}.flow-key i{flex-shrink:0;display:inline-block}.key-line{background:linear-gradient(90deg, #3d9cc6, var(--foam));border-radius:3px;width:22px;height:5px}.key-dot{background:radial-gradient(circle, var(--foam) 2px, transparent 2.5px) 0 0 / 7px 6px repeat-x;width:22px;height:6px}.key-front{background:#ffe9a8;border-radius:50%;width:10px;height:10px;margin:0 6px;box-shadow:0 0 0 3px #ffe9a855}.flow-time{z-index:2;border:1px solid var(--rule);background:#08161fe6;border-radius:12px;max-width:760px;padding:12px 16px 8px;position:absolute;bottom:14px;left:14px;right:14px}.flow-time-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.flow-time-head strong{font-family:var(--font-display);color:#ffe9a8;font-size:1.2rem}.flow-time-head span{color:var(--sub);font-size:.88rem}.flow-time-row{align-items:center;gap:14px;margin-top:4px;display:flex}.flow-time-row .secondary-button{flex-shrink:0;min-height:42px;padding:8px 14px}.flow-time-row input{accent-color:#ffe9a8;background:0 0;border:0;flex:1;min-height:42px;padding:0}.flow-slider{flex:1;min-width:0}.flow-slider input{width:100%;min-height:34px}.flow-ticks{color:#7f98a8;justify-content:space-between;margin-top:-4px;font-size:.7rem;display:flex}.flow-panel{border-left:1px solid var(--rule);background:var(--deep-2);height:clamp(480px,100dvh - 150px,900px);padding:22px 22px 30px;overflow-y:auto}.flow-panel h2{font-size:1.3rem}.flow-warning{color:#f1dca8;background:#2c2a1f;border:1px solid #574c2c;border-radius:10px;margin:14px 0;padding:12px 14px;font-size:.9rem}.dam-rank{margin-top:16px}.dam-rank li+li{border-top:1px solid #22404f}.dam-rank button{text-align:left;border-radius:8px;grid-template-columns:1fr auto;gap:2px 12px;width:100%;padding:12px 6px;display:grid}.dam-rank button:hover{background:#163246}.dam-rank-name strong{font-size:1.02rem}.dam-rank-name small,.dam-rank-val small{color:var(--sub);font-size:.76rem;display:block}.dam-rank-val{text-align:right}.dam-rank-val b{color:var(--water);font-size:1.15rem}.dam-rank-val.is-missing small{color:#7f98a8}.dam-rank-eta{color:#ffe9a8;grid-column:1/-1;font-size:.82rem}.dam-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.dam-panel-head button{min-width:44px;min-height:44px;color:var(--sub);border-radius:8px;font-size:28px;line-height:1}.dam-panel-head button:hover{color:#fff;background:#1b394b}.release-box{background:#0f3043;border:1px solid #2f6580;border-radius:12px;margin:14px 0;padding:16px}.release-box>span{color:#bfe6f4;font-size:.85rem}.release-box strong{color:var(--foam);font-size:2rem;line-height:1.2;display:block}.release-box strong small{color:#bfe6f4;font-size:.9rem;font-weight:500;font-family:var(--font-body)}.release-box p{color:#c8dde7;margin-top:6px;font-size:.85rem}.trend-up{color:#ffcf8a!important}.trend-down{color:#9fe3c2!important}.dam-facts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.dam-facts div{background:#ffffff08;border-radius:8px;padding:8px 10px}.dam-facts dt{color:var(--sub);font-size:.74rem}.dam-facts dd{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.route-title{margin-top:22px;font-size:1.05rem}.route-now{color:#ffe9a8;margin:4px 0 6px;font-size:.9rem}.route-list{margin-top:6px;position:relative}.route-list:before{content:"";background:#2c4b5e;width:2px;position:absolute;top:14px;bottom:14px;left:7px}.route-list li button{text-align:left;border-radius:8px;justify-content:space-between;gap:10px;width:100%;padding:9px 4px 9px 26px;display:flex;position:relative}.route-list li button:before{content:"";background:var(--ink);border:2px solid #5b8197;border-radius:50%;width:10px;height:10px;position:absolute;top:16px;left:3px}.route-list li.is-reached button:before{background:#ffe9a8;border-color:#ffe9a8}.route-list li button:hover{background:#163246}.route-name{font-size:.95rem}.route-name small,.route-eta small{color:var(--sub);font-size:.74rem;display:block}.route-eta{text-align:right;flex-shrink:0}.route-eta b{color:var(--water);font-size:.92rem;font-weight:600}.is-reached .route-eta b{color:#ffe9a8}.whatif{border:1px dashed #3f6a80;border-radius:12px;margin-top:22px;padding:14px}.whatif label{font-size:.9rem}.whatif input{min-height:40px;accent-color:var(--water);background:0 0;border:0;padding:0}.whatif-foot{color:var(--sub);flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.76rem;display:flex}.whatif-foot button{color:var(--water);min-height:32px;text-decoration:underline}.route-stations{margin-top:22px}.route-stations h3{font-size:1rem}.route-stations li{border-bottom:1px solid #22404f;justify-content:space-between;gap:10px;padding:9px 0;font-size:.88rem;display:flex}.route-stations li>span:last-child{text-align:right;flex-shrink:0}.route-stations small{color:var(--sub);font-size:.74rem;display:block}.station-alert{color:#ffb0a8;font-weight:600}.flow-caveat{color:#bcd0db;border-top:1px solid var(--rule);margin-top:20px;padding-top:12px;font-size:.85rem}.flow-caveat summary{cursor:pointer;min-height:40px;color:var(--water)}.flow-caveat p{margin-top:8px}.dam-marker{cursor:pointer;align-items:center;gap:6px;padding:0;display:flex}.dam-dot{background:var(--foam);border:2px solid #0b1520;border-radius:50%;display:block;box-shadow:0 0 0 3px #74d4f266,0 0 14px #74d4f2aa}.dam-marker.is-idle .dam-dot{box-shadow:none;background:#6b8494}.dam-label{color:#e9f4f8;text-shadow:0 1px 3px #000,0 0 6px #000;white-space:nowrap;font-size:12px;font-weight:600}.dam-marker.is-idle .dam-label{color:#9fb3bf;font-weight:500}.dam-marker.is-active .dam-dot{background:#ffe9a8;box-shadow:0 0 0 4px #ffe9a866,0 0 18px #ffe9a8}.dam-marker.is-active .dam-label{color:#ffe9a8;font-size:14px}.cp-marker{pointer-events:none;align-items:center;gap:5px;display:flex}.cp-marker i{background:var(--ink);border:2px solid #9fc4d6;border-radius:50%;width:9px;height:9px}.cp-marker.is-reached i{background:#ffe9a8;border-color:#ffe9a8}.cp-marker span{color:#e4eef3;text-shadow:0 1px 3px #000,0 0 5px #000;white-space:nowrap;font-size:11.5px;line-height:1.2}.cp-marker span b{color:var(--water);font-weight:600;display:block}.cp-marker.is-reached span b{color:#ffe9a8}.cp-marker.label-hidden span{display:none}.flow-popup .maplibregl-popup-content{color:var(--text);font-family:var(--font-body);background:#102636;border:1px solid #3f6a80;border-radius:10px;padding:12px 14px;font-size:.85rem}.flow-popup .maplibregl-popup-content p{margin:4px 0}.flow-popup .maplibregl-popup-content small{color:var(--sub)}.flow-popup .maplibregl-popup-tip{border-top-color:#102636!important;border-bottom-color:#102636!important}.flow-popup .maplibregl-popup-close-button{color:#cfe0e8;width:30px;height:30px;font-size:18px}.flow-explorer.is-compact{border:0;flex:1;min-height:0;display:block}.flow-explorer.is-compact .flow-map-area{height:100%;min-height:200px}.flow-explorer.is-compact .flow-time{max-width:420px;padding:8px 12px 4px}.compact-map .flow-explorer{flex:1}@media (max-width:1000px){.flow-explorer{grid-template-columns:1fr}.flow-map-area{height:62dvh;min-height:420px}.flow-panel{border-left:0;border-top:1px solid var(--rule);height:auto;padding:20px 18px 40px}}@media (max-width:767px){body{font-size:16px}.status-block{padding:20px 18px 18px 24px}.status-facts{gap:8px}.status-facts>div{padding:10px}.status-facts dt{font-size:.75rem;line-height:1.35}.status-facts dd{font-size:1.5rem}.flow-key{display:none}.flow-time{padding:10px 12px 6px;bottom:8px;left:8px;right:8px}.flow-time-row .secondary-button{padding:8px 10px;font-size:.85rem}.flow-ticks span:nth-child(2n){visibility:hidden}.ruler-label{font-size:.7rem}.quick-links a{min-height:68px;padding:14px 16px}}.dam-flow{color:#d7eef6;background:#0f3043;border-radius:8px;margin-top:10px;padding:10px 12px;font-size:.88rem}.dam-flow a{color:var(--water);margin-top:2px;text-decoration:underline;display:block}.flow-map-area .map-message{z-index:2;max-width:300px;padding:10px 12px;font-size:.8rem;inset:14px 56px auto auto}@media (max-width:767px){.flow-map-area .map-message{max-width:none;top:8px;left:8px;right:52px}}.zoom-far .dam-marker.is-idle:not(.is-active) .dam-label,.zoom-far .dam-marker.is-minor:not(.is-active) .dam-label{display:none}.theme-toggle{z-index:3;color:#0b2a40;background:#fffe;border-radius:8px;min-height:34px;padding:4px 10px;font-size:.8rem;font-weight:600;position:absolute;top:84px;right:10px;box-shadow:0 1px 4px #0003}.map-dark .theme-toggle{color:#e8fbff;background:#102636;border:1px solid #3f6a80}.map-light .flow-map-area{background:#e9eef1}.map-light .dam-dot{background:#1f6fb2;border-color:#fff;box-shadow:0 0 0 2px #1f6fb255,0 1px 3px #0005}.map-light .dam-marker.is-idle .dam-dot{background:#9aabb6}.map-light .dam-marker.is-active .dam-dot{background:#f08c00;box-shadow:0 0 0 4px #f08c0055}.map-light .dam-label,.map-light .cp-marker span{color:#0b2a40;text-shadow:0 0 2px #fff,0 0 4px #fff,0 0 6px #fff}.map-light .dam-marker.is-idle .dam-label{color:#51636e}.map-light .dam-marker.is-active .dam-label{color:#a35200}.map-light .cp-marker i{background:#fff;border-color:#1f6fb2}.map-light .cp-marker.is-reached i{background:#f08c00;border-color:#f08c00}.map-light .cp-marker span b{color:#1f6fb2}.map-light .cp-marker.is-reached span b{color:#a35200}.map-light .key-front{background:#f08c00;box-shadow:0 0 0 3px #f08c0055}.map-light .key-line{background:linear-gradient(90deg,#74c0fc,#0b3d75)}.map-light .key-dot{background:#228be6 radial-gradient(circle,#fff 2px,#0000 2.5px) 0 0/7px 6px repeat-x}.map-light .flow-key{color:#0b2a40;background:#ffffffe8;border-color:#c9d6de}.situation{background:var(--ink);height:100dvh;color:var(--text);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.situation-loading{height:100dvh;color:var(--sub);place-items:center;display:grid}.situation-head{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:18px;padding:10px 16px;display:flex}.situation-title h1{font-size:1.35rem;line-height:1.2}.situation-title p{color:var(--sub);align-items:center;gap:8px;font-size:.82rem;display:flex}.live-dot{background:#ff5a5a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #ff5a5a33}.layer-chips{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.chip{border:1px solid var(--rule);min-height:36px;color:var(--sub);border-radius:999px;align-items:center;gap:7px;padding:4px 12px;font-size:.85rem;display:inline-flex}.chip i{background:#5b7383;border-radius:50%;width:10px;height:10px}.chip[aria-pressed=true]{color:#fff;background:#163246;border-color:#3f6a80}.chip-radar[aria-pressed=true] i{background:#3ec46d}.chip-flow[aria-pressed=true] i{background:#4292c6}.chip-risk[aria-pressed=true] i{background:#f46d43}.chip-stations[aria-pressed=true] i{background:#c51b7d}.situation-actions{gap:8px;font-size:.85rem;display:flex}.situation-actions button,.situation-actions a{border:1px solid var(--rule);border-radius:8px;align-items:center;min-height:36px;padding:6px 12px;display:inline-flex}.situation-body{grid-template-columns:minmax(0,1fr) 360px;min-height:0;display:grid}.situation-map{background:#e9eef1;min-height:0;position:relative;overflow:hidden}.map-dark .situation-map{background:#0b1520}.situation-legend{z-index:2;border:1px solid var(--rule);pointer-events:none;background:#08161fe0;border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:14px;max-width:calc(100% - 24px);padding:10px 12px;font-size:.75rem;display:flex;position:absolute;bottom:12px;left:12px}.situation-legend>div{flex-direction:column;gap:4px;min-width:110px;display:flex}.situation-legend small{color:var(--sub);justify-content:space-between;display:flex}.legend-heat{background:linear-gradient(90deg,#fdae61,#f46d43,#d7301f,#a50026);border-radius:4px;height:8px}.legend-flow{background:linear-gradient(90deg,#74c0fc,#228be6,#0b3d75);border-radius:4px;height:8px}.map-dark .legend-flow{background:linear-gradient(90deg,#2f6f8f,#5cc8ec,#f0fcff)}.legend-dots{flex-direction:row!important;gap:10px!important;min-width:0!important}.legend-dots span{align-items:center;gap:5px;display:inline-flex}.legend-dots i{border:1px solid #fff;border-radius:50%;width:10px;height:10px}.legend-radar{min-width:0!important}.situation-side{border-left:1px solid var(--rule);background:var(--deep-2);padding:14px 16px 24px;overflow-y:auto}.situation-side section+section{margin-top:20px}.situation-side h2{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:1.05rem;display:flex}.situation-side h2 small{color:var(--sub);font-size:.72rem;font-weight:400;font-family:var(--font-body)}.zone-counts{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0;display:grid}.zone-counts div{background:#ffffff08;border-left:4px solid;border-radius:6px;padding:6px 10px}.zone-counts strong{font-family:var(--font-display);font-size:1.5rem;line-height:1.2;display:block}.zone-counts span{color:var(--sub);font-size:.78rem}.zone-list li+li,.side-list li+li{border-top:1px solid #22404f}.zone-list button{text-align:left;border-radius:8px;grid-template-columns:auto 1fr;gap:2px 10px;width:100%;padding:9px 4px;display:grid}.zone-list button:hover,.side-list button:hover{background:#163246}.zone-badge{color:#1a0b07;border-radius:6px;grid-row:span 3;align-self:start;margin-top:3px;padding:1px 8px;font-size:.74rem;font-weight:700}.zone-name small{color:var(--sub);font-size:.78rem}.zone-why{color:#cfe0e8;font-size:.8rem}.zone-stat{color:var(--sub);font-size:.72rem}.side-list button{text-align:left;border-radius:8px;justify-content:space-between;gap:10px;width:100%;padding:8px 4px;display:flex}.side-list small{color:var(--sub);font-size:.75rem;display:block}.side-list b{text-align:right;color:var(--water);font-family:var(--font-display);flex-shrink:0}.side-list b small{font-family:var(--font-body);font-weight:400}.side-count{margin:6px 0;font-size:.9rem}.situation-ticker{color:#f3e2b5;white-space:nowrap;background:#2b2a20;align-items:center;gap:14px;padding:8px 14px;font-size:.92rem;display:flex;overflow:hidden}.situation-ticker small{color:#c9bb93;flex-shrink:0;font-size:.72rem}.ticker-track{flex:1;gap:48px;min-width:0;animation:70s linear infinite ticker;display:flex}.ticker-track span{flex-shrink:0}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.situation-map .dam-label{font-size:11px}@media (max-width:900px){.situation{height:auto;min-height:100dvh}.situation-body{grid-template-columns:1fr}.situation-map{height:62dvh;min-height:380px}.situation-side{border-left:0;border-top:1px solid var(--rule)}.layer-chips{margin-left:0}.situation-legend{gap:8px;font-size:.7rem}.situation-legend>div{min-width:90px}}@media (prefers-reduced-motion:reduce){.ticker-track{white-space:normal;flex-wrap:wrap;animation:none}}.map-stage{background:#e9eef1}.map-dark .flow-map-area{background:#0e1a24}.chip-provinces[aria-pressed=true] i{background:#e6edf2}.chip-districts[aria-pressed=true] i{background:#a9bfcc}.province-pick select{background:#102636;border-color:#3f6a80;border-radius:8px;width:auto;min-height:36px;padding:4px 10px;font-size:.85rem}.place-label{pointer-events:none;white-space:nowrap;font-family:var(--font-body);line-height:1.2}.place-label.is-province{color:#f2f7fa;text-shadow:0 0 3px #000,0 0 6px #000,0 1px 2px #000;letter-spacing:.01em;font-size:13px;font-weight:600}.place-label.is-district{color:#c9dbe5;text-shadow:0 0 3px #000,0 0 5px #000;font-size:11px}.place-label.is-dim{opacity:.35}.zoom-country .place-label.is-province{font-size:10.5px;font-weight:500}.map-light .place-label.is-province{color:#0b2a40;text-shadow:0 0 2px #fff,0 0 5px #fff,0 0 8px #fff}.map-light .place-label.is-district{color:#33505f;text-shadow:0 0 2px #fff,0 0 5px #fff}.place-label.is-hidden{display:none}.time-strip{z-index:3;border:1px solid var(--rule);background:#08161fe6;border-radius:12px;gap:6px;width:max-content;max-width:calc(100% - 72px);padding:6px;display:flex;position:absolute;top:12px;left:12px;right:60px;overflow-x:auto}.time-strip button{color:#d6e6ee;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;min-width:64px;min-height:44px;padding:4px 10px;font-size:.85rem;font-weight:600;line-height:1.2;display:flex}.time-strip button small{color:var(--sub);font-size:.65rem;font-weight:400}.time-strip button[aria-pressed=true]{color:#2a1f05;background:#f3c46b}.time-strip button[aria-pressed=true] small{color:#5a4512}.time-strip .time-play{background:#163246;min-width:44px;font-size:1rem}.legend-rain{background:linear-gradient(90deg,#9fd8f5 0 20%,#4fb3e8 20% 40%,#f2d14b 40% 60%,#f59b42 60% 80%,#e5484d 80%);border-radius:4px;height:8px}.legend-fc{min-width:200px!important}.fc-section h2{color:#f3c46b}@media (max-width:900px){.time-strip{max-width:calc(100% - 64px);right:52px}.time-strip button{min-width:56px;padding:4px 8px}}.ticker-viewport{flex:1;min-width:0;overflow:hidden}.ticker-viewport .ticker-track{flex:none;width:max-content}.situation-ticker small{z-index:1;background:#2b2a20;border-left:1px solid #5a5333;padding-left:12px;position:relative}.dam-stat{color:#d6e6ee;background:#ffffff08;border-left:4px solid #6c8798;border-radius:8px;margin-top:10px;padding:10px 12px;font-size:.85rem}.dam-stat p+p{margin-top:4px}.dam-stat-chip{color:#fff;background:#2c4b5e;border-radius:6px;margin-right:4px;padding:0 8px;font-size:.78rem;display:inline-block}.dam-stat.is-very-high{border-color:#e5484d}.dam-stat.is-very-high .dam-stat-chip{background:#e5484d}.dam-stat.is-high{border-color:#f59b42}.dam-stat.is-high .dam-stat-chip{color:#241400;background:#f59b42}.dam-stat.is-normal{border-color:#4fb3e8}.dam-stat.is-normal .dam-stat-chip{background:#2c6f93}.dam-stat.is-low,.dam-stat.is-very-low{border-color:#c8a46b}.dam-stat.is-low .dam-stat-chip,.dam-stat.is-very-low .dam-stat-chip{background:#8a6a33}.dam-stat-more{color:var(--sub);font-size:.8rem}.rule-warn{color:#ffb38a}.dam-stat.is-pending{color:var(--sub);border-left-color:#3a5566;font-size:.8rem}.dam-stat.is-compact{margin-top:4px;padding:4px 8px;font-size:.76rem}.chip-forecast[aria-pressed=true] i{background:#f3c46b}.time-empty{color:var(--sub);padding:10px;font-size:.85rem}.lv-chip{border-radius:6px;padding:0 8px;font-size:.76rem;font-weight:600;line-height:1.7;display:inline-block}.lv-chip.lv-normal{color:#bff0d8;background:#1f4a3a}.lv-chip.lv-watch{color:#2a1f05;background:#f3c46b}.lv-chip.lv-warn{color:#241400;background:#f59b42}.lv-chip.lv-crit{color:#fff;background:#e5484d}.lv-chip.lv-none{color:var(--sub);background:#2c4b5e}.bkk-days{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.bkk-days li{background:#0d1f2c;border-top:4px solid #2c4b5e;border-radius:10px;flex-direction:column;gap:6px;padding:10px;font-size:.85rem;display:flex}.bkk-days li.lv-watch{border-top-color:#f3c46b}.bkk-days li.lv-crit{background:#2a1d22;border-top-color:#e5484d}.bkk-date{font-family:var(--font-display)}.bkk-line small{color:var(--sub);font-size:.72rem;display:block}.tide-high{color:#ffb38a;font-weight:600}.bkk-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.bkk-grid .panel{margin:0}.bkk-station h3 small,.bkk-grid h3 small{color:var(--sub);font-size:.8rem;font-weight:400;font-family:var(--font-body)}.bkk-now{grid-template-columns:1fr 1fr;gap:10px;margin:10px 0;display:grid}.bkk-now>div{background:#ffffff08;border-radius:8px;flex-direction:column;gap:2px;padding:10px;display:flex}.bkk-now span{color:var(--sub);font-size:.78rem}.bkk-now strong{font-family:var(--font-display);font-size:1.5rem;line-height:1.2}.bkk-now small{color:var(--sub);font-size:.75rem}.bkk-now .lv-chip{align-self:flex-start}.time-chart{margin-top:8px}.time-chart svg{width:100%;height:auto;display:block}.time-chart .grid{stroke:#24465a;stroke-width:1px}.time-chart .axis{fill:#8fa8b8;font-size:11px}.time-chart .obs{fill:none;stroke:#74d4f2;stroke-width:2px}.time-chart .fc{fill:none;stroke:#74d4f2;stroke-width:2px;stroke-dasharray:5 4;opacity:.85}.time-chart .hit{fill:#0000}.time-chart .hit:hover{fill:#74d4f244}.time-chart .now line{stroke:#a9bfcc;stroke-dasharray:2 3}.time-chart .now text{fill:#a9bfcc;font-size:10px}.time-chart .th line{stroke-width:1.2px;stroke-dasharray:6 4}.time-chart .th text{font-size:10.5px}.time-chart .th-watch line{stroke:#f3c46b}.time-chart .th-watch text{fill:#f3c46b}.time-chart .th-warn line{stroke:#f59b42}.time-chart .th-warn text{fill:#f59b42}.time-chart .th-crit line{stroke:#e5484d}.time-chart .th-crit text{fill:#ff8a8e}.time-chart .bar{fill:#4fb3e8}.time-chart .bar-high{fill:#f59b42}.time-chart .bar-label{fill:#d6e6ee;font-size:10.5px}.time-chart figcaption{color:var(--sub);flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:.75rem;display:flex}.key-obs,.key-fc{border-top:2px solid #74d4f2;width:18px;height:0;display:inline-block}.key-fc{border-top-style:dashed}@media (max-width:900px){.bkk-days{grid-template-columns:repeat(2,1fr)}.bkk-grid{grid-template-columns:1fr}}.bkk-mini{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:10px 0 6px;display:grid}.bkk-mini li{text-align:center;background:#1f4a3a;border-radius:6px;flex-direction:column;align-items:center;padding:6px 2px;font-size:.72rem;line-height:1.3;display:flex}.bkk-mini li b{font-size:.78rem}.bkk-mini li.risk-watch{color:#2a1f05;background:#f3c46b}.bkk-mini li.risk-crit{color:#fff;background:#e5484d}.bkk-home.tone-alert{border-color:#5b3a3c}.side-more{color:var(--water);margin-top:4px;font-size:.82rem;text-decoration:underline;display:inline-block}.chip-nowcast[aria-pressed=true] i{background:#4fb3e8}.time-strip.is-nowcast button[aria-pressed=true]{color:#04202e;background:#4fb3e8}.time-strip.is-nowcast button[aria-pressed=true] small{color:#0d3a50}.nc-section h2{color:#7cc8ef}.nc-list button>span{min-width:0}.hour-bars{align-items:flex-end;gap:2px;height:18px;margin-top:4px;display:flex}.hour-bars i{background:#2c4b5e;border-radius:2px 2px 0 0;width:9px}.hour-bars i.is-light{background:#9fd8f5}.hour-bars i.is-mod{background:#4fb3e8}.hour-bars i.is-heavy{background:#f59b42}.situation-side .footnote{color:var(--sub);margin-top:6px;font-size:.72rem}.myrisk-controls{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:16px;display:flex}.myrisk-controls .search-form{flex:280px;margin-top:0}.myrisk-locate{align-items:center;gap:8px;min-height:46px;display:inline-flex}.myrisk-msg:empty{display:none}.myrisk-msg{margin-top:10px}.myrisk-intro{margin-top:12px}.place-results button{text-align:left;border-bottom:1px solid #294353;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.place-results button:hover{background:#284658}.saved-places>span.is-current{outline:1px solid #5c8aa3}.saved-places button:first-child{padding:8px 4px 8px 10px}.myrisk{--zone:#7fd0a8;border:1px solid var(--rule);border-left:6px solid var(--zone);background:#0c2130;border-radius:12px;margin-top:18px;padding:18px 20px}.myrisk-head{align-items:flex-start;gap:14px;display:flex}.myrisk-head h3{font-size:1.25rem;line-height:1.3}.myrisk-head h3 small{color:var(--sub);font-size:.9rem;font-weight:400}.myrisk-badge{background:var(--zone);color:#1a0b07;font-weight:700;font-family:var(--font-display);border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:1.05rem}.myrisk-refresh{border:1px solid var(--rule);color:var(--sub);border-radius:8px;margin-left:auto;padding:10px}.myrisk-headline{font-family:var(--font-display);color:#f4f8fa;margin:12px 0 6px;font-size:1.1rem}.myrisk-facts{gap:10px;margin:12px 0 4px;display:grid}.myrisk-facts li{align-items:flex-start;gap:10px;line-height:1.5;display:flex}.myrisk-facts li>svg{color:var(--water);flex-shrink:0;margin-top:3px}.myrisk-facts b{color:#eef5f8;font-weight:600}.myrisk-facts small{color:var(--sub);font-size:.8rem;display:block}.myrisk h4{margin-top:16px;font-size:1rem}.myrisk-tips{gap:6px;margin:8px 0 0;padding-left:1.3em;font-size:.92rem;list-style:decimal;display:grid}.myrisk-foot{border-top:1px solid #22404f;flex-wrap:wrap;gap:8px 16px;margin-top:16px;padding-top:12px;font-size:.85rem;display:flex}.myrisk-foot a{color:var(--water);text-underline-offset:3px;text-decoration:underline}.myrisk-foot span{color:var(--sub);flex-basis:100%;font-size:.75rem}@media (max-width:767px){.myrisk{padding:14px}.myrisk-head h3{font-size:1.1rem}.myrisk-locate{justify-content:center;width:100%}}.myrisk-facts li.hist-high>svg{color:#f59b42}.myrisk-facts li.hist-low>svg{color:#c8a46b}.table-scroll{margin-top:14px;overflow-x:auto}.hist-table{border-collapse:collapse;width:100%;min-width:620px;font-size:.9rem}.hist-table th,.hist-table td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;border-bottom:1px solid #22404f;padding:9px 10px}.hist-table th:first-child{text-align:left}.hist-table thead th{color:var(--sub);font-size:.8rem;font-weight:500}.hist-table tbody th{font-weight:600}.hist-table tbody th small{margin-left:8px}.pct-cell{align-items:center;gap:8px;display:inline-flex}.pct-bar{background:#1b3445;border-radius:4px;width:90px;height:8px;display:inline-block;position:relative}.pct-bar i{background:#4fb3e8;border-radius:4px;position:absolute;top:0;bottom:0;left:0}.pct-bar i.is-high{background:#f59b42}.pct-bar i.is-low{background:#c8a46b}.pct-bar b{background:#e4edf2;width:2px;position:absolute;top:-3px;bottom:-3px}.hist-chip{color:#fff;background:#2c4b5e;border-radius:6px;padding:0 7px;font-size:.72rem;font-weight:600;display:inline-block}.hist-chip.is-very-high{background:#e5484d}.hist-chip.is-high{color:#241400;background:#f59b42}.hist-chip.is-normal{background:#2c6f93}.hist-chip.is-low,.hist-chip.is-very-low{background:#8a6a33}.hist-list li{border-bottom:1px solid #22404f;justify-content:space-between;gap:16px;padding:12px 0;display:flex}.hist-list li>div:first-child small{color:var(--sub);font-size:.8rem;display:block}.hist-list li>div:last-child{text-align:right;flex-direction:column;align-items:flex-end;gap:3px;display:flex}.hist-list li>div:last-child>small:last-child{color:var(--sub);font-size:.78rem}.hist-list b small{color:var(--sub);font-weight:400}@media (max-width:767px){.hist-list li{flex-direction:column;gap:6px}.hist-list li>div:last-child{text-align:left;align-items:flex-start}}.pirate{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 6px #00000059);display:inline-block}.h-icon{vertical-align:middle;filter:drop-shadow(0 2px 3px #0000004d);margin-right:8px}h2 .h-icon{margin-top:-6px}.brand-mark{display:inline-flex;position:relative}.brand-parrot{filter:drop-shadow(0 1px 1px #0006);transform-origin:50% 100%;width:12px;height:22px;animation:3.2s ease-in-out infinite parrot-bob;position:absolute;top:-9px;right:-6px}@keyframes parrot-bob{0%,85%,to{transform:rotate(0)}90%{transform:rotate(-12deg)}95%{transform:rotate(6deg)}}.pirate-sea{background:linear-gradient(#ffd27a 0%,#ffb35c 38%,#3fb8d8 39%,#1f86b5 100%);border-radius:14px;height:104px;margin:-6px 0 18px;position:relative;overflow:hidden}.pirate-sea .sea-waves,.loading-sea .sea-waves{background:radial-gradient(18px 7px at 18px 8px,#ffffff8c 45%,#0000 50%) 0 0/46px 22px repeat-x,radial-gradient(14px 5px at 30px 30px,#ffffff59 45%,#0000 50%) 0 0/64px 40px repeat-x;height:66px;animation:9s linear infinite waves;position:absolute;bottom:0;left:0;right:0}@keyframes waves{to{background-position:46px 0,-64px 0}}.sea-ship{transform-origin:50% 90%;width:auto;height:78px;animation:4s ease-in-out infinite bob;position:absolute;bottom:18px;left:12%}.sea-shark{animation:26s linear infinite swim;position:absolute;bottom:10px;left:-80px}.sea-tentacle{transform-origin:50% 100%;animation:5s ease-in-out infinite wiggle;position:absolute;bottom:-6px;right:26%}.sea-palm{transform-origin:40% 100%;animation:6s ease-in-out infinite sway;position:absolute;bottom:8px;right:3%}.sea-chest{position:absolute;bottom:10px;right:calc(3% + 70px)}.pirate-sea:after{content:"";background:#f3c779;border-radius:50%;width:190px;height:40px;position:absolute;bottom:-14px;right:-4%;box-shadow:inset 0 -6px #e0a955}.pirate-sea .sea-palm,.pirate-sea .sea-chest{z-index:1}@keyframes bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}}@keyframes swim{0%{transform:translate(0)}to{transform:translate(calc(100vw + 160px))}}@keyframes wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(5deg)translateY(-4px)}}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2.5deg)}}.status-block.has-mascot{padding-right:170px}.status-mascot{z-index:0;position:absolute;bottom:0;right:22px}.status-tentacle{transform-origin:50% 100%;animation:5s ease-in-out infinite wiggle;position:absolute;bottom:-8px;right:136px}.status-block.has-mascot>:not(.pirate){z-index:1;position:relative}.myrisk-title{position:relative}.title-parrot{transform-origin:50% 100%;margin-left:6px;animation:3.2s ease-in-out infinite parrot-bob}.myrisk-mascot{flex-shrink:0;margin:-10px -4px -6px -6px}.myrisk-tips-title{align-items:flex-end;gap:8px;display:flex}.myrisk-tips-title .pirate{margin-bottom:-2px}.page-heading.has-art{padding-right:110px;position:relative}.heading-art{position:absolute;top:-6px;right:0}.ticker-boat{flex-shrink:0;animation:3.4s ease-in-out infinite bob}.pirate-loading{justify-items:center;gap:10px;padding-top:60px;display:grid}.loading-sea{background:linear-gradient(#2c8fbf,#17668f);border-radius:12px;width:min(420px,90%);height:70px;position:relative;overflow:hidden}.loading-shark{animation:3.2s linear infinite swim-short;position:absolute;top:8px;left:-70px}@keyframes swim-short{to{transform:translate(min(500px,100vw))}}.pirate-empty{text-align:center;justify-items:center;gap:12px;display:grid}@media (max-width:767px){.pirate-sea{height:84px}.sea-ship{width:auto;height:70px;left:6%}.sea-tentacle{width:auto;height:46px;right:34%}.sea-palm{width:auto;height:70px}.sea-chest{display:none}.status-block.has-mascot{padding-bottom:96px;padding-right:24px}.status-mascot{width:auto;height:92px;right:14px}.status-tentacle{width:auto;height:56px;right:100px}.quick-links{grid-template-columns:1fr;margin-bottom:18px}.page-heading.has-art{padding-right:70px}.heading-art{width:auto;height:64px}.myrisk-mascot{width:auto;height:54px}}@media (prefers-reduced-motion:reduce){.brand-parrot,.title-parrot,.sea-waves,.sea-ship,.sea-shark,.sea-tentacle,.sea-palm,.status-tentacle,.ticker-boat,.loading-shark{animation:none}.sea-shark{left:40%}}.share-modal{z-index:50;background:#040c12c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.share-box{background:var(--deep);border:1px solid var(--rule);border-radius:14px;gap:12px;width:min(520px,100%);max-height:calc(100dvh - 32px);padding:16px;display:grid;overflow-y:auto}.share-box img{border-radius:10px;width:100%;height:auto}.share-actions{flex-wrap:wrap;gap:8px;display:flex}.share-actions>*{min-height:44px}.situation-actions button:disabled{opacity:.6}.hover\:bg-sky-500:hover{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}.hover\:bg-sky-600\/30:hover{background-color:#0284c74d}.hover\:bg-slate-500:hover{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity,1))}.hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.hover\:text-red-300:hover{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.hover\:text-sky-300:hover{--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.hover\:text-slate-200:hover{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:640px){.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:bottom-6{bottom:1.5rem}.md\:left-auto{left:auto}.md\:right-6{right:1.5rem}.md\:hidden{display:none}.md\:w-96{width:24rem}.md\:pb-0{padding-bottom:0}}