@font-face{font-family:Mitr;font-weight:500;font-display:swap;src:url("./mitr-thai-500-normal-HS4RG757.woff2") format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-weight:500;font-display:swap;src:url("./mitr-latin-500-normal-DG3HAA63.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193}@font-face{font-family:Mitr;font-weight:600;font-display:swap;src:url("./mitr-thai-600-normal-H2MKIP7S.woff2") format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-weight:600;font-display:swap;src:url("./mitr-latin-600-normal-RZ5SOLZF.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193}@font-face{font-family:Noto Sans Thai Looped;font-weight:400;font-display:swap;src:url("./noto-sans-thai-looped-thai-400-normal-7D6GQRCY.woff2") format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Looped;font-weight:400;font-display:swap;src:url("./noto-sans-thai-looped-latin-400-normal-O4ZMABV4.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193}@font-face{font-family:Noto Sans Thai Looped;font-weight:500;font-display:swap;src:url("./noto-sans-thai-looped-thai-500-normal-33D3Q7QA.woff2") format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Looped;font-weight:500;font-display:swap;src:url("./noto-sans-thai-looped-latin-500-normal-BCAV3EMJ.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193}@font-face{font-family:Noto Sans Thai Looped;font-weight:700;font-display:swap;src:url("./noto-sans-thai-looped-thai-700-normal-SPCKDTTF.woff2") format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Looped;font-weight:700;font-display:swap;src:url("./noto-sans-thai-looped-latin-700-normal-AYBYOS5R.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+2190-2193}:root{color-scheme:light;--ink:#22304F;--muted:#56688C;--navy:#3E4C74;--cyan:#82EBFD;--ok:#2FBF8A;--warn:#F5A524;--stop:#FF4D6D;--stop-deep:#D12C50;--unknown:#B9C3EE;--rain:#8BBEF9;--rain-soft:#DCEBFE;--rain-deep:#2F6FD0;--rain-ink:#1F57A8;--line-yellow:#FFD60A;--line-red:#FF3358;--surface:#F3F8FF;--card:#FFFFFF;--border:#D3E1F4;--text:var(--ink);--cctv:#0C1630;--outline:1.5px solid var(--navy);--drop:4px 4px 0 rgb(62 76 116 / .28);--drop-lg:7px 7px 0 rgb(62 76 116 / .22);--drop-sm:2px 2px 0 rgb(62 76 116 / .3);--r-panel:24px;--r-card:18px;--r-control:12px;--r-pill:999px;--gap:18px;--font-display:Mitr,-apple-system,BlinkMacSystemFont,Thonburi,Tahoma,sans-serif;--font-body:"Noto Sans Thai Looped",-apple-system,BlinkMacSystemFont,Thonburi,Tahoma,sans-serif;--font-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;--ease-out:cubic-bezier(.16,1,.3,1);--dur:.3s;--map-land:#E4EEFB;--map-river:#A9CBF4;--map-road:#FFFFFF}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--text:#EEF4FF;--muted:#AFC0DE;--navy:#5A74A6;--border:#2E4270;--surface:#0E1730;--card:#1A2749;--rain-soft:#1F3566;--rain-ink:#A8CEFF;--drop:4px 4px 0 rgb(2 6 20 / .65);--drop-lg:7px 7px 0 rgb(2 6 20 / .6);--drop-sm:2px 2px 0 rgb(2 6 20 / .7);--map-land:#18284C;--map-river:#2C4C86;--map-road:#2A3B63}}:root[data-theme=dark]{color-scheme:dark;--text:#EEF4FF;--muted:#AFC0DE;--navy:#5A74A6;--border:#2E4270;--surface:#0E1730;--card:#1A2749;--rain-soft:#1F3566;--rain-ink:#A8CEFF;--map-land:#18284C;--map-river:#2C4C86;--map-road:#2A3B63}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface);color:var(--text);font:400 15px/1.6 var(--font-body);background-image:radial-gradient(circle at 12px 14px,rgb(139 190 249 / .22) 2.2px,transparent 2.6px);background-size:44px 44px;overflow-x:hidden}img{max-width:100%;height:auto}button{font:inherit;color:inherit}a{color:var(--rain-ink)}h1,h2{font-family:var(--font-display);font-weight:600;line-height:1.2;margin:0}p{margin:0}.skip{position:absolute;left:-999px;top:8px;background:var(--card);padding:8px 12px;border-radius:var(--r-control);z-index:90}.skip:focus{left:12px}:focus-visible{outline:3px solid var(--rain-deep);outline-offset:2px}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;padding:10px clamp(16px,3vw,36px);background:var(--rain);border-bottom:var(--outline);color:#16244a}.brand{display:flex;align-items:center;gap:10px}.brand img{border-radius:50%;border:var(--outline);background:#fff}.brand strong{display:block;font:600 18px/1 var(--font-display)}.brand span{font-size:12px;font-weight:500}.demo-badge{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;background:#fff;border:var(--outline);border-radius:var(--r-pill);padding:4px 12px;box-shadow:var(--drop-sm)}.demo-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}.toplinks{margin-left:auto;display:flex;gap:8px}.toplinks a{color:#16244a;text-decoration:none;font-size:13px;font-weight:500;padding:6px 12px;border-radius:var(--r-pill);border:1.5px solid transparent;transition:background var(--dur),border-color var(--dur)}.toplinks a:hover{background:#ffffff8c;border-color:var(--navy)}main{max-width:1440px;margin:0 auto;padding:0 clamp(16px,3vw,36px) 40px}.hero{display:grid;grid-template-columns:1fr auto;gap:12px 28px;align-items:end;padding:26px 0 18px}.eyebrow{font:500 13px/1.4 var(--font-display);color:var(--rain-ink);letter-spacing:.02em}.hero h1{font-size:clamp(30px,1.4rem + 2.6vw,52px);margin:6px 0 8px;letter-spacing:-.01em}.lede{max-width:62ch;color:var(--muted);font-size:16px}.hl-y,.hl-r{font-weight:700;color:var(--text);padding:0 2px;background:linear-gradient(transparent 62%,var(--hl) 62%)}.hl-y{--hl:rgb(255 214 10 / .6)}.hl-r{--hl:rgb(255 51 88 / .35)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center;max-width:460px}.hero-note{flex-basis:100%;text-align:right;font-size:13px;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:var(--r-pill);border:var(--outline);cursor:pointer;font:600 16px/1 var(--font-display);transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out),background var(--dur)}.btn svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:0}#edit svg{fill:none;stroke-width:2;stroke-linejoin:round}.btn-primary{background:var(--ink);color:#fff;box-shadow:var(--drop)}.btn-primary:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #3e4c744d}.btn-primary:active{transform:translate(2px,2px);box-shadow:var(--drop-sm)}.btn-ghost{background:var(--card);box-shadow:var(--drop-sm)}.btn-ghost:hover{background:var(--rain-soft)}.btn-ghost[aria-pressed=true]{background:var(--line-yellow);color:#22304f}.btn:disabled{opacity:.6;cursor:progress}.night-bar{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin-top:6px}.clock{font:600 22px/1 var(--font-mono);min-width:72px}.clock-end{font:500 13px var(--font-mono);color:var(--muted)}.track{position:relative;flex:1;height:12px;border-radius:var(--r-pill);background:var(--card);border:var(--outline);overflow:visible}.track .fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--rain),var(--rain-deep));transform-origin:left;transform:scaleX(var(--p,0))}.marks{position:absolute;inset:0}.mark{position:absolute;top:50%;left:calc(var(--x) * 100%);width:14px;height:14px;border-radius:50%;border:2px solid #fff;transform:translate(-50%,-50%);box-shadow:var(--drop-sm)}.mark-warning{background:var(--warn)}.mark-critical{background:var(--stop)}.mark-recovery{background:var(--ok)}.console{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:stretch}.phone-card{display:flex;flex-direction:column}.phone-card .phone{flex:none;width:100%;height:500px}.cam-card{display:flex;flex-direction:column}.cam-scroll-anchor,.cam-main{scroll-margin-top:84px}.card{background:var(--card);border:var(--outline);border-radius:var(--r-panel);box-shadow:var(--drop-lg);padding:16px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.card-head h2{font-size:17px;display:flex;align-items:center;gap:8px}.cam-id{font:700 12px/1 var(--font-mono);background:var(--ink);color:#fff;border-radius:6px;padding:4px 6px}.fon-card{grid-column:1/span 3;grid-row:1}.cam-main{grid-column:4/span 6;grid-row:1}.phone-card{grid-column:10/span 3;grid-row:1/span 2}.cam-side{grid-column:1/span 3;grid-row:2}.chart-card{grid-column:4/span 6;grid-row:2}.radar-card{grid-column:1/span 5;grid-row:3}.log-card{grid-column:6/span 7;grid-row:3}.fon-card{position:relative;background:linear-gradient(170deg,var(--rain) 0%,var(--rain-soft) 58%);isolation:isolate}.fon-card:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;opacity:.5;background-image:radial-gradient(ellipse 3px 5px at 50% 50%,#fff 60%,transparent 70%);background-size:36px 40px}.fon-card:after{content:"";position:absolute;inset:-6px;border-radius:30px;border:4px solid var(--stop);opacity:0;pointer-events:none}.fon-card[data-phase=critical]:after{animation:alarm-ring 1.1s ease-in-out infinite}.fon-card[data-phase^=pending]:after{border-color:var(--cyan);animation:alarm-ring 1.6s ease-in-out infinite}@keyframes alarm-ring{0%,to{opacity:0}50%{opacity:1}}.fon-figure{display:flex;align-items:flex-end;justify-content:center;gap:10px;min-height:250px}.fon-figure img{width:auto;max-height:260px;filter:drop-shadow(3px 4px 0 rgb(62 76 116 / .25))}.gauge{position:relative;height:200px;width:58px;flex:none;margin-bottom:12px}.tube{position:absolute;left:0;bottom:0;width:30px;height:100%;border:var(--outline);border-radius:16px;background:color-mix(in srgb,var(--card) 80%,transparent);overflow:hidden}.tube .water{position:absolute;inset:0;background:linear-gradient(180deg,#7fb2f2,var(--rain-deep));transform-origin:bottom;transform:scaleY(var(--lv,0));transition:transform .7s var(--ease-out)}.tick{position:absolute;left:0;right:0;height:3px}.tick-r{bottom:calc(100% / 110 * 100);background:var(--line-red)}.tick-y{bottom:calc(100% / 110 * 50);background:var(--line-yellow)}.tlabel{position:absolute;left:34px;font:600 12px/1 var(--font-display);transform:translateY(50%)}.tl-r{bottom:calc(100% / 110 * 100);color:var(--stop-deep)}.tl-y{bottom:calc(100% / 110 * 50);color:#8a6400}.bubble{position:relative;background:var(--card);border:var(--outline);border-radius:var(--r-card);padding:12px 14px;box-shadow:var(--drop-sm);margin-top:4px}.bubble:before{content:"";position:absolute;top:-9px;left:40%;width:16px;height:16px;background:var(--card);border-left:var(--outline);border-top:var(--outline);transform:rotate(45deg)}.chip{display:inline-flex;align-items:center;gap:6px;font:600 13px/1 var(--font-display);padding:5px 10px;border-radius:var(--r-pill);border:1.5px solid var(--navy);background:var(--rain-soft)}.chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rain-deep)}.chip[data-s=normal]{background:#d8f5ea}.chip[data-s=normal]:before{background:var(--ok)}.chip[data-s=warning]{background:#fdebc4}.chip[data-s=warning]:before{background:var(--warn)}.chip[data-s=critical]{background:var(--stop);color:#fff}.chip[data-s=critical]:before{background:#fff}.chip[data-s=pending]{background:#d5f8fe}.chip[data-s=pending]:before{background:#18a9c7}.chip[data-s=unknown]{background:var(--unknown)}.say{font:600 17px/1.45 var(--font-display);margin:8px 0 4px;color:var(--text)}.why{font-size:13px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0}.stats div{background:color-mix(in srgb,var(--card) 78%,transparent);border:1.5px solid var(--border);border-radius:var(--r-control);padding:8px 10px}.stats dt{font-size:12px;color:var(--muted)}.stats dd{margin:0;font:600 16px/1.2 var(--font-display);color:var(--text)}.stats dd b{font-size:24px}.stats small{font-size:12px;color:var(--muted);margin-left:2px}.engine-tag{margin-top:10px;font-size:12px;color:var(--muted)}.cam-status{font:600 12px/1 var(--font-display);padding:5px 10px;border-radius:var(--r-pill);border:1.5px solid var(--navy);background:var(--rain-soft)}.cam-status[data-s=at_yellow]{background:var(--line-yellow);color:#22304f}.cam-status[data-s=at_red]{background:var(--line-red);color:#fff}.cam{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:var(--cctv);border:var(--outline);touch-action:pan-y}.cam:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 4px var(--line-red);opacity:0;transition:opacity var(--dur);pointer-events:none}.cam[data-line=at_red]:after{opacity:1;animation:alarm-ring 1.1s ease-in-out infinite}.cam-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.rain-layer{position:absolute;inset:-30% -10%;opacity:0;transition:opacity .9s;pointer-events:none;background-image:repeating-linear-gradient(105deg,transparent 0 22px,rgb(255 255 255 / .28) 22px 23.5px,transparent 23.5px 47px),repeating-linear-gradient(100deg,transparent 0 37px,rgb(255 255 255 / .18) 37px 38px,transparent 38px 71px);background-size:120px 90px,170px 130px}.is-raining .rain-layer{opacity:1;animation:rain-fall .55s linear infinite}@keyframes rain-fall{0%{transform:translate3d(0,-90px,0)}to{transform:translate3d(-16px,0,0)}}.cam-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.cam-lines polyline{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.cam-lines .halo{stroke:#050a1c8c;stroke-width:8}.cam-lines .stroke{stroke-width:4;stroke-dasharray:14 8}.ln-warning .stroke{stroke:var(--line-yellow)}.ln-critical .stroke{stroke:var(--line-red)}.cam-lines .hit{stroke:transparent;stroke-width:30;pointer-events:none}.is-editing .cam-lines .hit{pointer-events:stroke;cursor:ns-resize}.is-editing .cam-lines .stroke{stroke-dasharray:none}.line-chip{position:absolute;transform:translateY(-140%);font:600 12px/1 var(--font-display);padding:4px 8px;border-radius:var(--r-pill);white-space:nowrap;pointer-events:none;box-shadow:0 1px #0000004d}.chip-warning{background:var(--line-yellow);color:#22304f}.chip-critical{background:var(--line-red);color:#fff}.handles{position:absolute;inset:0;pointer-events:none}.handle{position:absolute;width:30px;height:30px;margin:0;padding:0;border-radius:50%;border:3px solid #fff;transform:translate(-50%,-50%);pointer-events:auto;cursor:grab;box-shadow:0 2px 6px #00000073;touch-action:none;transition:transform .14s var(--ease-out)}.handle:hover,.handle:focus-visible{transform:translate(-50%,-50%) scale(1.15)}.is-dragging .handle{cursor:grabbing}.handle-warning{background:var(--line-yellow)}.handle-critical{background:var(--line-red)}.hud{position:absolute;top:10px;left:10px;display:flex;gap:6px;pointer-events:none}.hud-tag,.hud-rec,.hud-clock{font:600 12px/1 var(--font-mono);color:#fff;background:#080e229e;padding:5px 8px;border-radius:6px}.hud-rec{display:inline-flex;align-items:center;gap:6px}.hud-rec:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--stop);animation:blink 1.4s steps(2) infinite}@keyframes blink{50%{opacity:.2}}.hud-clock{position:absolute;right:10px;bottom:10px;pointer-events:none}.scan-sweep{position:absolute;top:0;bottom:0;left:0;width:22%;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgb(130 235 253 / .55),transparent)}.scan-sweep.go{animation:sweep 1.3s var(--ease-out)}@keyframes sweep{0%{opacity:1;transform:translate(-100%)}to{opacity:0;transform:translate(460%)}}.cam-note{margin-top:10px;font-size:14px;color:var(--muted)}.cam-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:auto 0 0;padding-top:10px}.cam-facts div{border:1.5px solid var(--border);border-radius:var(--r-control);padding:7px 10px;background:var(--surface)}.cam-facts dt{font-size:12px;color:var(--muted)}.cam-facts dd{margin:0;font:600 14px/1.35 var(--font-display)}.cam-side .cam-facts{grid-template-columns:1fr 1fr}.cam-side .cam-facts div:last-child{grid-column:1/-1}.cam-note:before{content:"AI: ";font-weight:700;color:var(--text)}.is-editing .cam{outline:3px dashed var(--line-yellow);outline-offset:3px}.is-editing .hud-clock{opacity:0}.seg{display:inline-flex;border:var(--outline);border-radius:var(--r-pill);overflow:hidden;background:var(--card)}.seg-btn{border:0;background:none;padding:6px 10px;font:500 12px/1 var(--font-display);cursor:pointer}.seg-btn[aria-pressed=true]{background:var(--ink);color:#fff}.phone{--chat-bg:#BFD3EC;--bubble:#fff;--head:#3F6E9E;position:relative;margin:0 auto;max-width:300px;height:auto;min-height:540px;max-height:760px;border:8px solid #1b2440;border-radius:36px;background:var(--chat-bg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--drop)}.phone[data-style=line]{--chat-bg:#8DA7CF;--head:#263553}.phone-notch{position:absolute;top:6px;left:50%;width:90px;height:20px;border-radius:12px;background:#1b2440;transform:translate(-50%);z-index:3}.chat-head{display:flex;align-items:center;gap:8px;padding:34px 12px 10px;background:var(--head);color:#fff}.chat-head img{border-radius:50%;background:#fff}.chat-head b{display:block;font:600 14px/1.2 var(--font-display)}.chat-head span{font-size:12px;opacity:.85}.chat{list-style:none;margin:0;padding:10px;flex:1 1 0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.chat-empty{margin:auto 6px;text-align:center;font-size:13px;color:#2b3a5e;background:#fff9;border-radius:var(--r-control);padding:10px}.msg{background:var(--bubble);color:#1d2742;border-radius:14px 14px 14px 4px;padding:8px 10px;max-width:94%;box-shadow:0 1px #00000026;font-size:13px;line-height:1.5}.phone[data-style=line] .msg{border-radius:18px;margin-left:4px}.msg.enter{animation:msg-in .42s var(--ease-out)}@keyframes msg-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.msg-who{font:600 12px/1.3 var(--font-display);color:var(--rain-deep)}.phone[data-style=line] .msg-who{display:none}.msg-title{font-weight:700;margin:2px 0}.msg-critical .msg-title{color:var(--stop-deep)}.msg-photo{display:block;width:100%;height:auto;border-radius:10px;margin:4px 0}.msg-sign{color:#56688c}.msg-time{text-align:right;font-size:12px;color:#7a88a8}.msg-buttons{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px}.msg-buttons button{font:500 12px/1.2 var(--font-body);border:0;border-radius:8px;padding:7px 4px;background:#e6eefb;color:#1f57a8;cursor:not-allowed}.msg-buttons button:first-child{grid-column:1/-1}.phone[data-style=line] .msg-buttons{grid-template-columns:1fr}.banner{position:absolute;top:8px;left:8px;right:8px;z-index:4;display:flex;gap:8px;align-items:center;background:#fffffff5;border-radius:14px;padding:8px 10px;box-shadow:0 6px 18px #00000040;transform:translateY(-130%);opacity:0;transition:transform .42s var(--ease-out),opacity .3s}.banner.show{transform:none;opacity:1}.banner img{border-radius:50%}.banner b{display:block;font:600 12px/1.2 var(--font-display);color:#1d2742}.banner span{display:block;font-size:12px;color:#1d2742;line-height:1.35}.siren{margin:0;padding:8px 10px;background:var(--stop);color:#fff;font:600 13px/1.3 var(--font-display);text-align:center;animation:siren-pulse 1.1s ease-in-out infinite}@keyframes siren-pulse{50%{background:var(--stop-deep)}}.siren[hidden]{display:none}.fineprint{margin-top:10px;font-size:12px;color:var(--muted)}.channels{margin-top:auto;padding-top:14px}.channels h3{font:600 14px/1.3 var(--font-display);margin:0 0 8px}.channels ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.channels li{font-size:13px;padding:6px 10px;border-radius:var(--r-control);background:var(--surface);border:1.5px solid var(--border);display:flex;gap:6px;align-items:baseline}.channels li b{font-family:var(--font-display);font-weight:600;color:var(--rain-ink)}.channels p{margin-top:6px;font-size:12px;color:var(--muted)}.legend{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--muted)}.lg{display:inline-flex;align-items:center;gap:5px}.lg:before{content:"";width:16px;height:4px;border-radius:2px}.lg-level:before{background:var(--rain-deep);height:8px;opacity:.6}.lg-rain:before{background:var(--rain);height:10px;width:8px}.lg-y:before{background:var(--line-yellow)}.lg-r:before{background:var(--line-red)}.chart-card{display:flex;flex-direction:column}.chart{display:block;width:100%;height:250px;flex:1 1 auto;min-height:230px}.c-grid line{stroke:var(--border);stroke-width:1}.c-grid text,.c-tag-y,.c-tag-r{font:500 12px var(--font-body);fill:var(--muted)}.c-rain-axis{fill:#6a95cc}.c-rain rect{fill:var(--rain);opacity:.55}.c-line-y{stroke:var(--line-yellow);stroke-width:2.5;stroke-dasharray:8 6}.c-line-r{stroke:var(--line-red);stroke-width:2.5;stroke-dasharray:8 6}.c-tag-r{fill:var(--stop-deep);font-weight:700}.c-tag-y{fill:#8a6400;font-weight:700}.c-area{fill:var(--rain-deep);opacity:.16}.c-level{fill:none;stroke:var(--rain-deep);stroke-width:3;stroke-linejoin:round}.c-dots circle{stroke:var(--card);stroke-width:2}.c-dots .is-recheck{stroke:#18a9c7;stroke-width:3}.c-now{stroke:var(--navy);stroke-width:1.5;stroke-dasharray:3 4}.radar-tag{font:600 12px/1 var(--font-display);padding:5px 10px;border-radius:var(--r-pill);background:var(--rain-soft);border:1.5px solid var(--navy)}.radar-wrap{display:grid;grid-template-columns:minmax(0,300px) minmax(140px,1fr);gap:14px;align-items:center}.radar{display:block;width:100%;max-width:300px;aspect-ratio:1;border-radius:16px;border:var(--outline)}.r-land{fill:var(--map-land)}.r-river{fill:none;stroke:var(--map-river);stroke-width:14;stroke-linecap:round}.r-road{stroke:var(--map-road);stroke-width:5}.r-ring{fill:none;stroke:var(--navy);stroke-width:1.2;stroke-dasharray:4 5;opacity:.6}.r-km{font:500 12px var(--font-body);fill:var(--muted)}.r-cells circle{transition:opacity .6s}.r-home circle{fill:var(--ink);stroke:#fff;stroke-width:2.5}.r-home path{fill:#fff}.rain-now b{font:600 34px/1 var(--font-display)}.rain-now small{font-size:13px;color:var(--muted)}.rain-word{font:600 15px var(--font-display);color:var(--rain-ink);margin:2px 0 10px}.forecast{list-style:none;margin:0;padding:0;display:grid;gap:6px}.forecast li{display:grid;grid-template-columns:48px 1fr 26px;align-items:center;gap:6px;font-size:12px}.forecast i{height:8px;border-radius:4px;background:var(--rain-soft);position:relative;overflow:hidden}.forecast i:after{content:"";position:absolute;inset:0;background:var(--rain-deep);transform-origin:left;transform:scaleX(var(--v,0));transition:transform .6s var(--ease-out)}.forecast b{text-align:right;font-weight:700}.log-count{font:600 13px var(--font-display);color:var(--muted)}.log{list-style:none;margin:0;padding:0 4px 0 0;max-height:320px;overflow-y:auto;display:grid;gap:8px}.log-empty{font-size:14px;color:var(--muted);padding:12px;border:1.5px dashed var(--border);border-radius:var(--r-control)}.log-row{display:grid;grid-template-columns:48px auto 1fr;gap:10px;align-items:start;padding:8px 10px;border-radius:var(--r-control);background:var(--surface);border:1.5px solid var(--border);animation:msg-in .36s var(--ease-out)}.log-row time{font:600 13px/1.6 var(--font-mono)}.log-chip{font:600 12px/1 var(--font-display);padding:5px 8px;border-radius:var(--r-pill);white-space:nowrap;background:#d8f5ea}.s-warning .log-chip{background:#fdebc4}.s-critical .log-chip{background:var(--stop);color:#fff}.s-unknown .log-chip{background:var(--unknown)}.s-critical{border-color:#ff4d6d73}.log-head{font-weight:700;font-size:14px;line-height:1.45}.log-why{font-size:13px;color:var(--muted)}.editor{position:fixed;left:50%;bottom:12px;z-index:50;width:min(980px,calc(100% - 24px));transform:translate(-50%);background:var(--card);border:var(--outline);border-radius:var(--r-panel);box-shadow:var(--drop-lg);padding:14px 16px;animation:sheet-in .32s var(--ease-out)}.editor[hidden]{display:none}@keyframes sheet-in{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}.editor-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:10px 18px;align-items:center}.editor h2{font-size:17px}.editor-inner>div>p{font-size:13px;color:var(--muted)}.hint-short{display:none}.scrub{display:grid;gap:4px;font-size:13px}.scrub b{font-family:var(--font-mono)}.scrub input{width:100%;accent-color:var(--rain-deep);min-height:28px}.verdict{grid-column:1/-1;font-size:14px;font-weight:500;padding:8px 12px;border-radius:var(--r-control);background:var(--rain-soft)}.verdict[data-s=critical]{background:#ffe0e6}.verdict[data-s=warning]{background:#fdf0d2}.editor-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.editor-actions .btn{min-height:42px;font-size:15px}body.is-editing main{padding-bottom:260px}.how{margin-top:28px;padding:22px;border:var(--outline);border-radius:var(--r-panel);background:var(--card);box-shadow:var(--drop)}.how h2{font-size:22px;margin-bottom:12px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps li{padding:12px 14px;border-radius:var(--r-card);background:var(--surface);border:1.5px solid var(--border)}.steps b{display:block;font:600 15px/1.35 var(--font-display);margin-bottom:4px}.steps span{font-size:13px;color:var(--muted)}.honest{margin-top:14px;font-size:13px;color:var(--muted);line-height:1.65}.honest b{color:var(--text)}.foot{max-width:1440px;margin:0 auto;padding:10px clamp(16px,3vw,36px) 36px;text-align:center;font-size:13px;color:var(--muted)}.foot p+p{margin-top:4px}@media(max-width:1179px){.fon-card{grid-column:1/span 5;grid-row:auto}.cam-main{grid-column:6/span 7;grid-row:auto}.phone-card{grid-column:1/span 6;grid-row:auto}.cam-side{grid-column:7/span 6;grid-row:auto}.chart-card{grid-column:1/-1;grid-row:auto}.radar-card{grid-column:1/span 6;grid-row:auto}.log-card{grid-column:7/span 6;grid-row:auto}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.topbar{flex-wrap:wrap;gap:8px 10px;padding:8px 16px}.demo-badge{order:3;flex-basis:100%;justify-content:center;font-size:12px}.toplinks{gap:4px}.toplinks a{padding:6px 8px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:18px}.hero-actions{justify-content:flex-start;max-width:none}.hero-actions .btn{flex:1 1 auto;justify-content:center}.hero-note{text-align:left}.console{grid-template-columns:minmax(0,1fr)}.console>.card{grid-column:1/-1;grid-row:auto}.fon-card{order:1}.cam-main{order:2}.phone-card{order:3}.chart-card{order:4}.cam-side{order:5}.radar-card{order:6}.log-card{order:7}.card{padding:12px;border-radius:20px}.cam-main{scroll-margin-top:112px}.fon-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;align-items:center}.fon-figure{min-height:0;gap:4px;justify-content:flex-start}.fon-figure img{max-height:196px;max-width:108px;object-fit:contain}.gauge{height:150px;width:34px;margin-bottom:6px}.tube{width:20px}.tlabel{display:none}.bubble{margin-top:0}.bubble:before{top:42%;left:-9px;border-top:0;border-bottom:var(--outline)}.say{font-size:15px}.stats,.engine-tag{grid-column:1/-1}.cam-facts{gap:6px}.cam-facts div{padding:6px 8px}.cam-facts dd{font-size:13px}.phone-card .phone{height:500px}.radar-wrap{grid-template-columns:1fr}.radar{max-width:none}.steps,.editor-inner{grid-template-columns:1fr}.editor{padding:12px}.hint-long{display:none}.editor .hint-short{display:block;font-size:13px;color:var(--muted)}.editor-inner{gap:8px}.editor h2{font-size:16px}.verdict{font-size:13px;padding:6px 10px}.editor-actions{display:grid;grid-template-columns:1fr auto auto;gap:6px}.editor-actions .btn{min-height:40px;font-size:14px;padding:0 12px;justify-content:center}.chart{height:220px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.rain-layer{display:none}.fon-card[data-phase=critical]:after,.cam[data-line=at_red]:after{opacity:1}}.sc-bar{--sc-ink: #0e1622;--sc-paper: #f4f1ea;--sc-muted: #b8c0cc;--sc-line: #06c755;--sc-line-ink: #04331a;box-sizing:border-box;position:relative;z-index:50;display:flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:6px max(16px,env(safe-area-inset-left));background:var(--sc-ink);color:var(--sc-paper);font:500 14px/1.25 system-ui,-apple-system,Segoe UI,Noto Sans Thai,Thonburi,sans-serif;letter-spacing:0;text-align:left}.sc-bar *,.sc-line,.sc-line *{box-sizing:border-box}.sc-bar a{text-decoration:none}.sc-bar__back{color:var(--sc-paper);padding:6px 2px;border-radius:6px;white-space:nowrap;transition:color .15s ease}.sc-bar__back:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.sc-bar__demo{padding:3px 9px;border:1px solid rgba(244,241,234,.35);border-radius:999px;color:var(--sc-muted);font-size:12px;white-space:nowrap}.sc-bar__line{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:7px 14px;border-radius:999px;background:var(--sc-line);color:var(--sc-line-ink);font-weight:700;white-space:nowrap;box-shadow:0 1px #ffffff40 inset,0 6px 16px -8px #06c755b3;transition:transform .15s ease,box-shadow .15s ease}.sc-bar__line:hover{transform:translateY(-1px);box-shadow:0 1px #ffffff40 inset,0 10px 20px -10px #06c755e6}.sc-bar__line:active{transform:translateY(0)}.sc-bar a:focus-visible,.sc-line button:focus-visible,.sc-line a:focus-visible,.sc-line textarea:focus-visible{outline:3px solid #ffd166;outline-offset:2px}@media(max-width:420px){.sc-bar{gap:6px;font-size:13px;padding-inline:12px}.sc-bar__line{padding:7px 11px}.sc-bar__line svg{display:none}.sc-bar__demo{padding:2px 7px}}@media(max-width:340px){.sc-bar__demo{display:none}}@media print{.sc-bar,.sc-line{display:none!important}}.sc-line{width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:22px 22px 18px;border:0;border-radius:18px;background:#fffdf8;color:#13202c;font:400 15px/1.55 system-ui,-apple-system,Segoe UI,Noto Sans Thai,Thonburi,sans-serif;box-shadow:0 30px 80px -20px #08121e8c;text-align:left}.sc-line::backdrop{background:#080e168c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sc-line h2{margin:0 32px 12px 0;font-size:19px;line-height:1.3;font-weight:700;color:inherit}.sc-line__close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:50%;background:#efe9de;color:#13202c;font:600 22px/1 system-ui,sans-serif;cursor:pointer}.sc-line__close:hover{background:#e3dccd}.sc-line__qr{display:grid;place-items:center;width:248px;height:248px;margin:0 auto 10px;padding:8px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #e6dfd2;font-size:13px;text-align:center}.sc-line__qr svg{display:block;width:232px;height:232px}.sc-line__hint{margin:0 0 14px;text-align:center;font-size:14px;color:#3a4654}.sc-line__label{display:block;margin:0 0 6px;font-size:13px;color:#3a4654}.sc-line__msg{display:block;width:100%;resize:none;padding:10px 12px;border:1px solid #d9d1c2;border-radius:10px;background:#fff;color:#13202c;font:500 15px/1.5 inherit;font-family:inherit}.sc-line__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.sc-line__copy,.sc-line__open{flex:1 1 auto;min-height:44px;padding:10px 14px;border:0;border-radius:999px;background:#06c755;color:#04331a;font:700 15px/1.2 inherit;font-family:inherit;text-align:center;text-decoration:none;cursor:pointer}.sc-line__open{background:#13202c;color:#fff}.sc-line__copy:hover{background:#05b44c}.sc-line__status{min-height:1.4em;margin:8px 0 0;font-size:13px;color:#1d6b3a;text-align:center}@media(prefers-reduced-motion:reduce){.sc-bar__line,.sc-bar__back{transition:none}}html.sc-pending body>*:not(.sc-bar):not(.sc-line){visibility:hidden;animation:sc-reveal 0s linear 2.5s forwards}@keyframes sc-reveal{to{visibility:visible}}