@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap";.bn[data-v-cb50a907]{height:calc(var(--bottom-nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);flex-shrink:0;background:var(--color-white);border-top:1px solid var(--rule);display:flex}.tab[data-v-cb50a907]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;color:var(--text-caption);text-decoration:none}.tab[aria-current=page][data-v-cb50a907]{color:var(--color-navy);font-weight:600}.chip[data-v-03583160]{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#f4f1ea1a;color:#e6ebf2;font-size:13px;white-space:nowrap}.dot[data-v-03583160]{width:8px;height:8px;border-radius:50%;background:var(--live-dot);flex-shrink:0}.dot.stale[data-v-03583160]{background:var(--color-orange-700)}.compact[data-v-03583160]{font-size:11px;color:var(--text-on-navy-dim)}.compact .mono[data-v-03583160]{font-weight:500}.map-chip[data-v-03583160]{font-size:12px;font-weight:600;color:var(--color-navy);background:var(--color-white);padding:4px 10px;border-radius:999px}.ls button[data-v-e9e05dab]{all:unset;cursor:pointer;color:var(--color-navy);white-space:nowrap}.desktop[data-v-e9e05dab]{display:flex;gap:4px;padding:4px;background:var(--color-white);border-radius:10px;box-shadow:var(--shadow-float)}.desktop button[data-v-e9e05dab]{padding:8px 14px;border-radius:7px;font-size:14px;font-weight:500}.mobile[data-v-e9e05dab]{display:flex;gap:6px}.mobile button[data-v-e9e05dab]{height:36px;padding:0 12px;border-radius:999px;background:var(--color-white);font-size:13px;display:flex;align-items:center;box-shadow:0 1px 3px #0e2a5233}.ls button.active[data-v-e9e05dab]{background:var(--color-navy);color:var(--color-white);font-weight:600}.ls button[data-v-e9e05dab]:focus-visible{outline:3px solid var(--color-orange)}.account-sheet-backdrop[data-v-2b2cbb97]{position:fixed;inset:0;z-index:1000;background:#06182f73;display:flex;flex-direction:column;justify-content:flex-end}.sheet[data-v-2b2cbb97]{background:#fff;border-radius:16px 16px 0 0;box-shadow:var(--shadow-sheet);padding:10px 16px 24px;display:flex;flex-direction:column;gap:12px;max-width:480px;width:100%;margin:0 auto}.grab[data-v-2b2cbb97]{width:40px;height:4px;border-radius:2px;background:var(--rule-strong);align-self:center}.me[data-v-2b2cbb97]{display:flex;gap:12px;align-items:center;padding:4px 0}.me b[data-v-2b2cbb97]{font-size:17px;color:var(--color-ink)}.col[data-v-2b2cbb97]{display:flex;flex-direction:column}.row[data-v-2b2cbb97]{display:flex;gap:8px;align-items:center}.av[data-v-2b2cbb97]{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.av-64[data-v-2b2cbb97]{width:64px;height:64px;font-size:24px}.c1[data-v-2b2cbb97]{background:var(--avatar-c1)}.c2[data-v-2b2cbb97]{background:var(--avatar-c2)}.c3[data-v-2b2cbb97]{background:var(--avatar-c3)}.c4[data-v-2b2cbb97]{background:var(--avatar-c4)}.c5[data-v-2b2cbb97]{background:var(--avatar-c5)}.c6[data-v-2b2cbb97]{background:var(--avatar-c6)}.role[data-v-2b2cbb97]{font-size:12px;font-weight:700;padding:2px 9px;border-radius:var(--radius-pill)}.r-admin[data-v-2b2cbb97]{background:var(--color-navy);color:#fff}.r-staff[data-v-2b2cbb97]{background:#dce6f2;color:var(--color-navy)}.r-member[data-v-2b2cbb97]{background:var(--color-paper-2);color:var(--text-secondary)}.note[data-v-2b2cbb97]{font-size:12px;color:var(--text-caption)}.menu[data-v-2b2cbb97]{display:flex;flex-direction:column;border:1px solid var(--rule);border-radius:var(--radius-xl);overflow:hidden;background:#fff}.mi[data-v-2b2cbb97]{all:unset;cursor:pointer;display:flex;align-items:center;gap:12px;height:52px;padding:0 14px;border-bottom:1px solid var(--rule);font-size:15px;color:var(--color-ink);box-sizing:border-box}.mi[data-v-2b2cbb97]:last-child{border-bottom:0}.mi[data-v-2b2cbb97]:hover{background:var(--color-paper)}.mi small[data-v-2b2cbb97]{margin-left:auto;font-size:12.5px;color:var(--text-caption)}.mi .chev[data-v-2b2cbb97]{color:var(--text-caption);font-size:16px;margin-left:auto}.mi small+.chev[data-v-2b2cbb97]{margin-left:8px}.btn[data-v-2b2cbb97]{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 16px;border-radius:var(--radius-md);font:inherit;font-size:15px;font-weight:600;cursor:pointer;border:0}.btn-ghost[data-v-2b2cbb97]{background:#fff;color:var(--color-navy);border:1px solid var(--rule-strong)}.btn-ghost[data-v-2b2cbb97]:hover{background:var(--color-paper)}.link-danger-btn[data-v-2b2cbb97]{all:unset;cursor:pointer;color:var(--color-orange-700);font-size:13px;font-weight:600;text-align:center;padding:4px}.link-danger-btn[data-v-2b2cbb97]:hover{text-decoration:underline}.mh[data-v-8a498e29]{height:calc(var(--header-h-mobile) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 8px 0 16px;flex-shrink:0;background:var(--color-navy);display:flex;align-items:center;gap:10px;color:var(--color-paper)}.mh.has-back[data-v-8a498e29]{padding-left:8px;gap:4px}.back[data-v-8a498e29]{color:var(--color-paper)}.titles[data-v-8a498e29]{flex-grow:1;min-width:0;display:flex;flex-direction:column}h1[data-v-8a498e29]{margin:0;font-size:17px;font-weight:600;color:var(--color-white);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub[data-v-8a498e29]{font-size:11px;color:var(--text-on-navy-dim);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.av-btn[data-v-8a498e29]{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}.av[data-v-8a498e29]{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.hd-av[data-v-8a498e29]{width:36px;height:36px;font-size:14px;outline:2px solid var(--color-orange);outline-offset:1px}.c1[data-v-8a498e29]{background:var(--avatar-c1)}.c2[data-v-8a498e29]{background:var(--avatar-c2)}.c3[data-v-8a498e29]{background:var(--avatar-c3)}.c4[data-v-8a498e29]{background:var(--avatar-c4)}.c5[data-v-8a498e29]{background:var(--avatar-c5)}.c6[data-v-8a498e29]{background:var(--avatar-c6)}.nrc[data-v-3353cbef]{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:var(--color-navy);color:var(--color-paper);text-decoration:none;box-shadow:var(--shadow-cta)}.txt[data-v-3353cbef]{flex-grow:1;min-width:0}.dim[data-v-3353cbef]{font-size:12px;color:var(--text-on-navy-dim)}.main[data-v-3353cbef]{font-size:17px;font-weight:700;color:var(--color-white)}.rm[data-v-f7a6d900]{position:absolute;inset:0;background:var(--map-land)}.rm-map[data-v-f7a6d900]{position:absolute;inset:0}[data-v-f7a6d900] .rm-pin{display:block;position:absolute;top:0;left:0;width:52px;height:52px;background:transparent;border:none;padding:0;margin:0;cursor:pointer;box-sizing:border-box}[data-v-f7a6d900] .rm-pin svg{display:block;width:52px;height:52px}[data-v-f7a6d900] .rm-pin:focus-visible{outline:3px solid var(--color-orange);border-radius:50%}[data-v-f7a6d900] .rm-label{position:absolute;left:42px;top:2px;padding:2px 8px;background:#fff;border:1px solid var(--color-navy);border-radius:6px;font-size:13px;font-weight:600;color:var(--color-navy);white-space:nowrap;font-family:var(--font-sans);pointer-events:none}[data-v-f7a6d900] .rm-tide{display:flex;flex-direction:column;align-items:center;position:absolute;top:0;left:0;cursor:pointer;background:transparent;border:none;padding:0;margin:0;outline:none;font-family:var(--font-sans)}[data-v-f7a6d900] .rm-tide:focus-visible{outline:3px solid var(--color-orange);border-radius:8px}[data-v-f7a6d900] .rm-tide .board{position:relative;display:flex;gap:7px;align-items:stretch;padding:6px 8px 6px 6px;background:#fff;border:2px solid var(--color-navy);border-radius:8px;box-shadow:0 2px 6px #0e2a5238}[data-v-f7a6d900] .rm-tide.hi .board,[data-v-f7a6d900] .rm-tide.hi .chip{border-color:var(--color-orange-700)}[data-v-f7a6d900] .rm-tide.sel .board,[data-v-f7a6d900] .rm-tide.sel .chip{outline:3px solid var(--color-orange);outline-offset:2px}[data-v-f7a6d900] .rm-tide .gauge{position:relative;width:12px;height:56px;overflow:hidden;border:1px solid var(--color-navy);border-radius:3px;background:repeating-linear-gradient(to top,var(--color-paper-2) 0 5px,#fff 5px 10px)}[data-v-f7a6d900] .rm-tide .fill{position:absolute;left:0;right:0;bottom:0;background:var(--rain-heavy)}[data-v-f7a6d900] .rm-tide.hi .fill{background:var(--color-orange-700)}[data-v-f7a6d900] .rm-tide .tick{position:absolute;left:-1px;right:-1px;height:2px;background:var(--color-orange)}[data-v-f7a6d900] .rm-tide .read{display:flex;flex-direction:column;justify-content:center;gap:1px;line-height:1.4;text-align:left}[data-v-f7a6d900] .rm-tide .val{font-family:var(--font-mono);font-size:17px;font-weight:600;color:var(--color-navy)}[data-v-f7a6d900] .rm-tide .val small{font-family:var(--font-sans);font-size:11px;font-weight:500}[data-v-f7a6d900] .rm-tide .trend{font-size:11.5px;font-weight:600;color:var(--rain-heavy)}[data-v-f7a6d900] .rm-tide.hi .trend{color:var(--color-orange-700)}[data-v-f7a6d900] .rm-tide .next{font-size:10.5px;color:var(--text-caption);white-space:nowrap}[data-v-f7a6d900] .rm-tide .tag{position:absolute;top:-10px;right:-8px;padding:1px 6px;border-radius:999px;background:var(--color-navy);color:#fff;font-size:10px;font-weight:600}[data-v-f7a6d900] .rm-tide .pole{width:3px;height:16px;background:var(--color-navy)}[data-v-f7a6d900] .rm-tide .foot{width:10px;height:10px;margin:-2px 0;border-radius:50%;background:#fff;border:3px solid var(--color-navy);box-sizing:border-box}[data-v-f7a6d900] .rm-tide .chip{padding:1px 8px;border-radius:999px;background:#fff;border:2px solid var(--color-navy);font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--color-navy);white-space:nowrap;box-shadow:0 1px 3px #0e2a5233}[data-v-f7a6d900] .rm-tide.hi .chip{color:var(--color-orange-700)}[data-v-f7a6d900] .maplibregl-ctrl-attrib{font-size:11px;font-family:var(--font-sans)}[data-v-f7a6d900] .maplibregl-ctrl-bottom-right{bottom:var(--rm-bottom)}.legend[data-v-727b0301]{width:176px;padding:12px;background:var(--color-white);border-radius:10px;box-shadow:var(--shadow-float);display:flex;flex-direction:column;gap:6px}.title[data-v-727b0301]{font-size:13px;font-weight:700;color:var(--color-navy)}.item[data-v-727b0301]{display:flex;align-items:center;gap:8px;font-size:13px}.sw[data-v-727b0301]{width:18px;height:12px;border-radius:3px;flex-shrink:0}.compact[data-v-727b0301]{width:auto;flex-direction:row;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:#ffffffeb;box-shadow:none}.compact .item[data-v-727b0301]{gap:4px;font-size:11px;color:var(--text-secondary)}.compact .sw[data-v-727b0301]{width:12px;height:8px;border-radius:2px}.water-legend[data-v-ea616a12]{padding:10px 12px;background:var(--color-white, #FFFFFF);border-radius:10px;box-shadow:var(--shadow-float, 0 4px 12px rgba(0,0,0,.12));display:flex;flex-direction:column;gap:8px}.section[data-v-ea616a12]{display:flex;flex-direction:column;gap:4px}.items-row[data-v-ea616a12],.extra-row[data-v-ea616a12]{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.title[data-v-ea616a12]{font-size:12px;font-weight:700;color:var(--color-navy, #1A446C);margin-bottom:2px}.item[data-v-ea616a12]{display:flex;align-items:center;gap:5px;font-size:12px}.dot[data-v-ea616a12]{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1.5px solid #FFFFFF;box-shadow:0 0 1px #0006}.rain-dot[data-v-ea616a12]{width:8px;height:8px}.lbl[data-v-ea616a12]{font-weight:500;color:var(--color-ink, #1C1917)}.sub[data-v-ea616a12]{font-size:11px;color:var(--text-caption, #78716C)}.line-sample[data-v-ea616a12]{display:inline-block;width:18px;height:3px;border-radius:2px}.line-sample.river[data-v-ea616a12]{background:#7fa5c6}.line-sample.canal[data-v-ea616a12]{background:#9db7cf;height:2px}.cctv-sample[data-v-ea616a12]{width:7px;height:7px;border-radius:50%;background:#0e2a52;border:1.5px solid #FFF;box-shadow:0 0 1px #000}.compact[data-v-ea616a12]{flex-direction:row;align-items:center;gap:12px;padding:6px 10px;border-radius:8px;background:#fffffff0;box-shadow:none}.compact .item[data-v-ea616a12]{gap:4px;font-size:11px;color:var(--text-secondary, #57534E)}.banner[data-v-e1f9a19c]{padding:8px 16px;background:var(--color-paper-2);color:var(--color-orange-700);font-size:13px;font-weight:600;text-align:center}.wlc[data-v-a5703081]{display:flex;flex-direction:column;gap:6px}.line[data-v-a5703081]{stroke:var(--rain-heavy, #1A446C);stroke-width:2}.tide-line[data-v-a5703081]{stroke:#2f66a8;stroke-width:1.5;opacity:.8}.dot[data-v-a5703081]{fill:var(--color-orange-700, #D8530B)}.bank[data-v-a5703081]{stroke:var(--color-mute, #A8A29E);stroke-width:1.5}.empty[data-v-a5703081]{display:flex;align-items:center;justify-content:center;color:var(--text-caption);font-size:13px;background:var(--color-paper);border-radius:8px}.legend-row[data-v-a5703081]{display:flex;flex-direction:column;gap:2px}.axis[data-v-a5703081]{display:flex;justify-content:space-between;font-size:12px;color:var(--text-caption);font-weight:500}.tide-legend[data-v-a5703081]{font-size:11px;color:#2f66a8;text-align:right}.tide-dash[data-v-a5703081]{font-family:monospace;font-weight:700}.tsp[data-v-89b185cb]{display:flex;flex-direction:column;gap:16px}.mobile[data-v-89b185cb]{gap:12px}.badges[data-v-89b185cb]{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.badge[data-v-89b185cb]{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--color-paper-2);color:var(--text-secondary)}.badge.phase[data-v-89b185cb]{background:var(--color-navy);color:var(--color-white)}h1[data-v-89b185cb]{margin:0;font-size:24px;font-weight:700;color:var(--color-navy)}.sub[data-v-89b185cb]{font-size:13px;color:var(--text-caption)}.hero[data-v-89b185cb]{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:14px;border-radius:10px;background:var(--color-paper)}.gauge[data-v-89b185cb]{position:relative;width:26px;height:112px;overflow:hidden;border:1.5px solid var(--color-navy);border-radius:4px;background:repeating-linear-gradient(to top,var(--color-paper-2) 0 10px,var(--color-white) 10px 20px)}.mobile .gauge[data-v-89b185cb]{height:92px}.fill[data-v-89b185cb]{position:absolute;left:0;right:0;bottom:0;background:var(--rain-heavy)}.hi .fill[data-v-89b185cb]{background:var(--color-orange-700)}.thr[data-v-89b185cb]{position:absolute;left:0;right:0;border-top:2px dashed var(--color-orange-700)}.dhi[data-v-89b185cb]{position:absolute;left:-2px;right:-2px;height:2px;background:var(--color-orange)}.num[data-v-89b185cb]{font-family:var(--font-mono);font-size:32px;font-weight:600;color:var(--color-navy);line-height:1.1}.num small[data-v-89b185cb]{font-family:var(--font-sans);font-size:14px;font-weight:500}.tr[data-v-89b185cb]{font-weight:600;color:var(--rain-heavy)}.hi .tr[data-v-89b185cb]{color:var(--color-orange-700)}.rel[data-v-89b185cb]{font-size:12.5px;color:var(--text-caption);margin-top:4px}.times[data-v-89b185cb]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.times>div[data-v-89b185cb]{padding:8px 10px;border:1px solid var(--rule);border-radius:8px}.l[data-v-89b185cb]{font-size:12px;color:var(--text-caption)}.up .l[data-v-89b185cb]{color:var(--color-orange-700)}.v[data-v-89b185cb]{font-family:var(--font-mono);font-weight:600;color:var(--color-navy)}.v.sans[data-v-89b185cb]{font-family:var(--font-sans)}.block[data-v-89b185cb]{display:flex;flex-direction:column;gap:8px}.bh[data-v-89b185cb]{display:flex;justify-content:space-between;align-items:baseline}h2[data-v-89b185cb]{margin:0;font-size:15px;font-weight:700;color:var(--color-navy)}.caption[data-v-89b185cb]{font-size:12px;color:var(--text-caption)}.more[data-v-89b185cb]{font-size:14px;font-weight:600}.note[data-v-89b185cb]{margin:0;font-size:12px;line-height:1.5;color:var(--text-caption)}.ts[data-v-58709f93]{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--color-white);border-radius:12px;box-shadow:var(--shadow-float)}.mobile[data-v-58709f93]{gap:10px;padding:10px 12px;box-shadow:0 1px 3px #0e2a5233}.play[data-v-58709f93]{all:unset;width:44px;height:44px;border-radius:50%;background:var(--color-navy);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.play[data-v-58709f93]:disabled{opacity:.4;cursor:default}.play[data-v-58709f93]:focus-visible{outline:3px solid var(--color-orange)}.body[data-v-58709f93]{flex-grow:1;display:flex;flex-direction:column;gap:4px;min-width:0}.top[data-v-58709f93]{display:flex;justify-content:space-between;font-size:13px}.mobile .top[data-v-58709f93]{font-size:12px}.caption-l[data-v-58709f93]{color:var(--text-caption)}.now-l[data-v-58709f93]{font-weight:600;color:var(--color-navy)}.now-l.fc[data-v-58709f93]{color:var(--rain-heavy)}.track[data-v-58709f93]{position:relative;height:24px}.past[data-v-58709f93]{position:absolute;left:0;top:10px;width:var(--now);height:4px;border-radius:2px;background:var(--color-navy)}.future[data-v-58709f93]{position:absolute;left:var(--now);right:0;top:10px;height:4px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--rain-moderate) 0 8px,transparent 8px 12px)}.future.off[data-v-58709f93]{opacity:.4}.nowline[data-v-58709f93]{position:absolute;left:var(--now);top:2px;width:2px;height:20px;margin-left:-1px;background:var(--color-orange)}input[type=range][data-v-58709f93]{position:absolute;left:0;width:100%;top:0;height:24px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}input[type=range][data-v-58709f93]:disabled{cursor:default}input[type=range][data-v-58709f93]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--color-navy)}input[type=range][data-v-58709f93]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--color-navy)}input[type=range][data-v-58709f93]::-webkit-slider-runnable-track,input[type=range][data-v-58709f93]::-moz-range-track{background:transparent}.axis[data-v-58709f93]{display:flex;justify-content:space-between;font-size:11px;color:var(--text-caption);font-weight:500}.now-a[data-v-58709f93]{color:var(--color-orange-700);font-weight:600}.cctv-thumb-container[data-v-aa69fa4e]{margin-top:12px;background:var(--bg-surface-elevated, #F7F5EE);border-radius:var(--radius-md, 8px);padding:10px;border:1px solid var(--border-subtle, #E4DFD3)}.cctv-header[data-v-aa69fa4e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cctv-title[data-v-aa69fa4e]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-primary, #1C1917)}.cam-icon[data-v-aa69fa4e]{width:16px;height:16px;color:#1a446c}.cctv-age-badge[data-v-aa69fa4e]{font-size:11px;background:#eae6dc;color:#57534e;padding:2px 6px;border-radius:4px}.thumb-frame[data-v-aa69fa4e]{position:relative;width:100%;height:140px;background:#000;border-radius:6px;overflow:hidden;cursor:pointer}.thumb-img[data-v-aa69fa4e]{width:100%;height:140px;object-fit:cover;transition:transform .2s}.thumb-frame:hover .thumb-img[data-v-aa69fa4e]{transform:scale(1.02)}.thumb-placeholder[data-v-aa69fa4e]{display:flex;align-items:center;justify-content:center;height:100%;color:#a8a29e;font-size:12px}.time-overlay[data-v-aa69fa4e]{position:absolute;bottom:6px;left:6px;background:#000000bf;color:#fff;font-size:11px;padding:2px 6px;border-radius:4px;font-family:monospace}.cctv-note[data-v-aa69fa4e]{font-size:11px;color:var(--text-muted, #78716C);margin-top:6px;text-align:right}.cctv-modal-overlay[data-v-aa69fa4e]{position:fixed;inset:0;background:#000c;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.cctv-modal-card[data-v-aa69fa4e]{background:#1c1917;color:#fff;border-radius:12px;max-width:720px;width:100%;overflow:hidden;box-shadow:0 20px 40px #00000080}.modal-header[data-v-aa69fa4e]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#292524}.modal-title[data-v-aa69fa4e]{font-weight:600;font-size:15px}.modal-time[data-v-aa69fa4e]{font-size:12px;color:#a8a29e}.modal-close[data-v-aa69fa4e]{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:4px 8px}.modal-body[data-v-aa69fa4e]{padding:0;display:flex;align-items:center;justify-content:center;max-height:80vh;overflow:auto}.modal-img[data-v-aa69fa4e]{width:100%;max-height:75vh;object-fit:contain}.modal-footer[data-v-aa69fa4e]{padding:8px 16px;font-size:11px;color:#a8a29e;text-align:right;background:#292524}.wsp[data-v-d147232d]{display:flex;flex-direction:column;gap:16px}.mobile[data-v-d147232d]{gap:14px}.state[data-v-d147232d]{padding:24px 0;text-align:center;color:var(--text-secondary);font-size:14px}.state.err[data-v-d147232d]{color:var(--color-orange-700)}.head h1[data-v-d147232d]{margin:0;font-size:22px;font-weight:700;color:var(--color-navy)}.title-row[data-v-d147232d]{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.status-pill[data-v-d147232d]{padding:2px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:700;color:#fff}.caption[data-v-d147232d]{font-size:13px;color:var(--text-caption)}.sub[data-v-d147232d]{font-size:13px;color:var(--text-secondary)}.km-tag[data-v-d147232d]{font-size:12px;color:var(--text-muted)}.hero[data-v-d147232d]{padding:14px;border-radius:10px;background:var(--color-paper)}.metrics-grid[data-v-d147232d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.metric[data-v-d147232d]{display:flex;flex-direction:column;gap:2px}.m-lbl[data-v-d147232d]{font-size:11.5px;font-weight:600;color:var(--text-caption)}.big[data-v-d147232d]{font-size:24px;font-weight:700;color:var(--color-navy)}.unit[data-v-d147232d]{font-size:13px;font-weight:500}.trend-up[data-v-d147232d]{color:var(--water-warn)}.trend-down[data-v-d147232d]{color:var(--water-normal)}.diff[data-v-d147232d]{font-size:12px;font-weight:600;color:var(--water-normal)}.diff.overflow[data-v-d147232d],.diff.warn[data-v-d147232d]{color:var(--color-orange-700)}.diff.watch[data-v-d147232d]{color:var(--water-watch)}.diff.mute[data-v-d147232d]{color:var(--text-caption);font-weight:500}.chain-nav[data-v-d147232d]{background:var(--bg-surface-elevated, #F7F5EE);padding:10px;border-radius:var(--radius-md, 8px);border:1px solid var(--border-subtle, #E4DFD3)}.chain-title[data-v-d147232d]{font-size:12px;font-weight:600;color:var(--text-caption, #78716C);margin-bottom:8px}.chain-buttons[data-v-d147232d]{display:flex;gap:8px;flex-wrap:wrap}.chain-btn[data-v-d147232d]{flex:1;min-width:140px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid var(--border-subtle, #E4DFD3);border-radius:6px;padding:8px 10px;cursor:pointer;text-align:left;transition:background .15s,border-color .15s}.chain-btn[data-v-d147232d]:hover{background:#faf8f5;border-color:var(--border-default, #D6D1C4)}.nav-info[data-v-d147232d]{display:flex;flex-direction:column}.nav-dir[data-v-d147232d]{font-size:10.5px;color:var(--text-caption, #78716C)}.nav-name[data-v-d147232d]{font-size:12px;font-weight:600;color:var(--color-navy, #1A446C);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.nav-arrow[data-v-d147232d]{font-size:14px;color:var(--color-navy, #1A446C)}.block[data-v-d147232d]{display:flex;flex-direction:column;gap:8px}.bh[data-v-d147232d]{display:flex;justify-content:space-between;align-items:baseline}h2[data-v-d147232d]{margin:0;font-size:15px;font-weight:700;color:var(--color-navy)}.src[data-v-d147232d]{margin:0;font-size:12px;line-height:1.5}.wt[data-v-2875e0d1]{all:unset;cursor:pointer;display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;background:var(--color-white);font-size:13px;font-weight:500;color:var(--color-navy);box-shadow:0 1px 3px #0e2a5233;white-space:nowrap}.wt.active[data-v-2875e0d1]{background:var(--color-navy);color:var(--color-white);font-weight:600}.wt[data-v-2875e0d1]:focus-visible{outline:3px solid var(--color-orange)}.screen[data-v-a113dcb0]{height:100%;display:flex;flex-direction:column;background:var(--map-land)}.map-area[data-v-a113dcb0]{flex-grow:1;position:relative;overflow:hidden}.top[data-v-a113dcb0]{position:absolute;top:12px;left:12px;right:12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.top[data-v-a113dcb0]>*{pointer-events:auto}.toggle-row[data-v-a113dcb0]{display:flex;gap:6px;align-items:center}.locate[data-v-a113dcb0]{position:absolute;right:12px;top:148px;background:var(--color-white);color:var(--color-navy);box-shadow:0 1px 3px #0e2a5233}.bottom[data-v-a113dcb0]{position:absolute;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;gap:8px}.attr[data-v-a113dcb0]{font-size:10px;color:var(--text-secondary);text-align:right}.grow[data-v-a113dcb0]{flex-grow:1}.gauge-toggle-btn[data-v-a113dcb0]{all:unset;cursor:pointer;display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;background:var(--color-white);font-size:13px;font-weight:500;color:var(--color-navy);box-shadow:0 1px 3px #0e2a5233;white-space:nowrap}.gauge-toggle-btn.active[data-v-a113dcb0]{background:#2f66a8;color:#fff;font-weight:600}.gauge-toggle-btn[data-v-a113dcb0]:focus-visible{outline:3px solid var(--color-orange)}.wsheet[data-v-a113dcb0]{position:absolute;left:0;right:0;bottom:0;max-height:62%;background:var(--color-white);border-radius:16px 16px 0 0;box-shadow:var(--shadow-sheet);display:flex;flex-direction:column;z-index:3}.wsh[data-v-a113dcb0]{flex-shrink:0;padding:8px 8px 0 16px;display:flex;align-items:center}.wsh-title[data-v-a113dcb0]{margin:0;font-size:17px;font-weight:700;color:var(--color-navy)}.wsb[data-v-a113dcb0]{flex-grow:1;overflow-y:auto;padding:0 16px 16px}.pill[data-v-b1418f77]{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}.risk-chip[data-v-47773921]{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.2;white-space:nowrap;font-family:inherit;transition:all .2s ease}.risk-chip.is-compact[data-v-47773921]{padding:2px 6px;font-size:11px;gap:4px}.dot[data-v-47773921]{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.risk-low[data-v-47773921]{background:var(--risk-low-bg, #e3efe8);color:var(--risk-low-fg, #1f7a4d)}.risk-watch[data-v-47773921]{background:var(--risk-watch-bg, #f6ebc9);color:var(--risk-watch-fg, #7a5e00)}.risk-high[data-v-47773921]{background:var(--risk-high-bg, #d8530b);color:var(--risk-high-fg, #ffffff)}.risk-very_high[data-v-47773921]{background:var(--risk-vhigh-bg, #9e1b1b);color:var(--risk-vhigh-fg, #ffffff)}.spark[data-v-98744fac]{display:flex;gap:3px;height:22px;align-items:flex-end}.bar[data-v-98744fac]{flex:1;min-height:2px;border-radius:2px;background:var(--color-navy)}.bar.fut[data-v-98744fac]{background:var(--rain-moderate)}.bar.gap[data-v-98744fac]{background:transparent}.empty[data-v-98744fac]{flex:1;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--rain-moderate) 0 3px,transparent 3px 5px);opacity:.6}.card-pin[data-v-8f31133f]{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:12px;background:var(--color-white);color:var(--color-ink);cursor:pointer;text-decoration:none;border:1.5px solid transparent;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.card-pin.desktop[data-v-8f31133f]{border-radius:10px;border:1.5px solid var(--rule)}.card-pin.selected[data-v-8f31133f]{border-color:var(--color-navy);box-shadow:0 0 0 1px var(--color-navy)}.card-pin.desktop.selected[data-v-8f31133f]{background:var(--color-paper-2);border-color:var(--color-navy);box-shadow:0 0 0 1px var(--color-navy)}.card-pin.dashed[data-v-8f31133f]{border:1.5px dashed var(--rule-dashed)}.card-pin[data-v-8f31133f]:focus-visible{outline:3px solid var(--color-orange);outline-offset:2px}.row1[data-v-8f31133f],.row2[data-v-8f31133f]{display:flex;align-items:center;gap:8px;min-width:0}.kind[data-v-8f31133f]{color:var(--color-navy);flex-shrink:0}.kind.mute[data-v-8f31133f]{color:var(--text-caption)}.name[data-v-8f31133f]{font-size:16px;font-weight:600;color:var(--color-navy);white-space:nowrap}.area[data-v-8f31133f]{font-size:12px;color:var(--text-caption);flex-grow:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop .area[data-v-8f31133f]{font-size:13px}.chev[data-v-8f31133f]{color:var(--text-caption);flex-shrink:0}.status[data-v-8f31133f]{font-size:16px;font-weight:600}.status.big[data-v-8f31133f]{font-size:18px;font-weight:700}.desktop .status[data-v-8f31133f]{font-size:15px}.status-sm[data-v-8f31133f]{font-size:16px;font-weight:600}.sb[data-v-8a2efb09]{padding:12px 14px;display:flex;align-items:center;gap:12px}.ic[data-v-8a2efb09]{width:40px;height:40px;border-radius:10px;background:var(--color-paper-2);display:flex;align-items:center;justify-content:center;color:var(--color-navy);flex-shrink:0}.txt[data-v-8a2efb09]{display:flex;flex-direction:column;font-size:14px;line-height:1.4}b[data-v-8a2efb09]{color:var(--color-navy)}.mono[data-v-8a2efb09]{font-weight:500}.screen[data-v-c84dffb3]{height:100%;display:flex;flex-direction:column;background:var(--color-paper)}.list[data-v-c84dffb3]{flex-grow:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.add[data-v-c84dffb3]{height:48px;flex-shrink:0;border-radius:12px;border:1.5px dashed var(--color-navy);display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;color:var(--color-navy);text-decoration:none}.plus[data-v-c84dffb3]{color:var(--color-orange-700)}.empty[data-v-c84dffb3]{padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:var(--color-navy)}.empty p[data-v-c84dffb3]{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.6}.foot[data-v-c84dffb3]{text-align:center;margin:4px 0 0}:root{--color-navy: #0E2A52;--color-navy-900: #06182F;--color-orange: #FF6B1A;--color-orange-700: #D8530B;--color-paper: #F4F1EA;--color-paper-2: #ECE7DC;--color-white: #FFFFFF;--color-ink: #15161A;--color-mute: #7A7770;--text-caption: #5F5C56;--text-secondary: #3D3B36;--text-on-navy-dim: #C9D3E2;--ok: #1F7A4D;--ok-bg: #E3EFE8;--warn: #7A5E00;--warn-bg: #F6EBC9;--live-dot: #7FD1A8;--line-green: #06C755;--avatar-c1: #2F66A8;--avatar-c2: #1F7A4D;--avatar-c3: #8A5A9E;--avatar-c4: #B0632F;--avatar-c5: #4E6E7E;--avatar-c6: #6B7A2E;--rule: rgba(21, 22, 26, .12);--rule-strong: rgba(21, 22, 26, .25);--rule-dashed: rgba(21, 22, 26, .3);--rain-light: #8CE07E;--rain-moderate: #28A745;--rain-heavy: #F5B800;--rain-very-heavy: #FF6B1A;--water-normal: #1F7A4D;--water-watch: #C9A227;--water-warn: #D8530B;--water-overflow: #9E1B1B;--water-nodata: #B8B4AC;--risk-low-bg: #E3EFE8;--risk-low-fg: #1F7A4D;--risk-watch-bg: #F6EBC9;--risk-watch-fg: #7A5E00;--risk-high-bg: #D8530B;--risk-high-fg: #FFFFFF;--risk-vhigh-bg: #9E1B1B;--risk-vhigh-fg: #FFFFFF;--river-line: #7FA5C6;--river-line-minor: #9DB7CF;--map-land: #EFEBE2;--map-water: #D6E1EA;--map-river: #9DB7CF;--map-boundary: #B9B2A3;--font-display: "Anakotmai", "IBM Plex Sans Thai", "IBM Plex Sans", sans-serif;--font-sans: "IBM Plex Sans Thai", "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--fs-10: 10px;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-15: 15px;--fs-16: 16px;--fs-17: 17px;--fs-18: 18px;--fs-24: 24px;--fs-32: 32px;--fs-34: 34px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--shadow-float: 0 1px 3px rgba(14, 42, 82, .15);--shadow-sheet: 0 -2px 8px rgba(14, 42, 82, .08);--shadow-cta: 0 2px 8px rgba(14, 42, 82, .25);--header-h-desktop: 64px;--header-h-mobile: 56px;--bottom-nav-h: 64px;--touch: 44px;--sidebar-w: 320px;--detail-w: 400px;--chat-panel-w: 420px}html,body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans)}a{color:var(--color-navy)}a:hover{color:var(--color-navy-900)}.mono{font-family:var(--font-mono)}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}button{font:inherit;color:inherit}input,textarea{font:inherit}:focus-visible{outline:3px solid var(--color-orange);outline-offset:2px;border-radius:6px}.mono{font-family:var(--font-mono);font-weight:600}.caption{font-size:12px;color:var(--text-caption)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn-icon{width:var(--touch);height:var(--touch);display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:transparent;cursor:pointer;color:inherit;text-decoration:none}.btn-icon.on-navy{background:#f4f1ea1f;color:var(--color-paper)}.btn-primary{height:48px;border:0;border-radius:10px;background:var(--color-navy);color:var(--color-white);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;width:100%}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--color-white);border-radius:12px}.skeleton{background:var(--color-paper-2);border-radius:8px}@media(prefers-reduced-motion:no-preference){.skeleton{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}}