:root{--paper: #e7ebe3;--ink: #1f231d;--ink-2: #545a4e;--ink-3: #868d7f;--line: #d3d8ca;--line-2: #bcc2b0;--land: #e5e1d5;--land-hot: #d8e3cd;--side: #bbb5a4;--edge: #9d9684;--border: #c2bbaa;--critical: #c8382a;--urgent: #d9772b;--normal: #d9a81f;--done: #2f6b45;--brand: #35734a;--flag-red: #a51931;--flag-blue: #312e58;--surface: rgba(252, 253, 249, .93);--shadow-1: 0 1px 2px rgba(34, 40, 28, .07), 0 6px 18px -8px rgba(34, 40, 28, .2);--shadow-2: 0 18px 44px -18px rgba(34, 40, 28, .45), 0 2px 6px rgba(34, 40, 28, .1);--r: 9px;--bar-h: 42px;--panel-w: 280px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 14px/1.5 IBM Plex Sans Thai,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.mono{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.spacer{flex:1}.app,.stage{height:100%}.stage{position:relative;overflow:hidden;background:radial-gradient(130% 100% at 50% 0%,#f6f9f2,#eaeee4 55%,#d9e0d0)}.stage svg.map{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.stage svg.map.pan{cursor:grabbing}.stage svg.map.rotate{cursor:ew-resize}.plate-side{fill:var(--side)}.plate-top{fill:var(--land);stroke:var(--edge);stroke-width:.8;vector-effect:non-scaling-stroke}.shape{fill:var(--land);stroke:#a39b87;stroke-width:1.05;vector-effect:non-scaling-stroke}.shape.hot{fill:var(--land-hot)}.shape.on{fill:#c6d6b6}.under-lines{fill:none;stroke:var(--border);stroke-width:.5;opacity:.6;vector-effect:non-scaling-stroke;pointer-events:none}.outline-line{fill:none;stroke:#7f786a;stroke-width:1.2;vector-effect:non-scaling-stroke;pointer-events:none}.label{font-size:11.5px;font-weight:500;fill:var(--ink);paint-order:stroke;stroke:#f6f3ebeb;stroke-width:3.5px;pointer-events:none}.leader{stroke:var(--ink-3);stroke-width:.7;opacity:.55;pointer-events:none}.label.sub{font-size:10.5px;font-weight:400;fill:var(--ink-2);stroke-width:3px}.me-mark{pointer-events:none}.me-mark .halo{fill:#3b6ea8;opacity:.12}.me-mark .ring{fill:#fff;stroke:#3b6ea8;stroke-width:1.6}.me-mark .dot{fill:#3b6ea8}.me-mark text{font-size:10.5px;font-weight:500;fill:#2d5a89;paint-order:stroke;stroke:#f6f3ebeb;stroke-width:3px}.pin-mark circle{fill:none;stroke:var(--critical);stroke-width:1.6}.pin-mark line{stroke:var(--critical);stroke-width:1}.balloon{cursor:pointer}.balloon .stalk{stroke:#635c50;stroke-width:1}.balloon .foot{fill:#4a443a}.balloon .bubble{stroke:#fffc;stroke-width:1.2}.balloon .bubble-text{fill:#fff;font-weight:600;font-size:11px}.balloon.active .bubble{stroke:var(--ink);stroke-width:1.6}.balloon .ring{fill:none;stroke:var(--critical);animation:ping 2.6s ease-out infinite}@keyframes ping{0%{r:4;opacity:.5}70%,to{r:17;opacity:0}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.down-page{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:var(--page)}.down-card{width:min(420px,100%);background:#fcfdf8;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-2);padding:30px 22px 24px;text-align:center}.down-logo{display:flex;justify-content:center;margin-bottom:18px}.down-status{display:inline-flex;align-items:center;gap:8px;padding:5px 13px 5px 11px;border-radius:999px;background:#35734a14;color:var(--brand);font-size:12.5px;font-weight:500}.down-status .spin{width:13px;height:13px;border-radius:999px;border:2px solid rgba(53,115,74,.25);border-top-color:var(--brand);animation:spin .7s linear infinite}.down-card h1{margin:14px 0 6px;font-size:19px;font-weight:600;color:var(--ink)}.down-card>p{margin:0 0 20px;font-size:13.5px;line-height:1.6;color:var(--ink-2)}.down-lines{display:grid;gap:6px;text-align:left;margin-bottom:18px}.down-lines-head{font-size:11.5px;color:var(--ink-3);text-transform:none;letter-spacing:.01em;margin-bottom:2px}.down-lines a{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-decoration:none}.down-lines a:hover{border-color:var(--critical)}.down-lines b{font-size:15px;font-weight:600;color:var(--critical);min-width:46px}.down-lines span{flex:1;font-size:13px;color:var(--ink-2)}.down-lines svg{color:var(--ink-3)}.back-chip{position:absolute;top:64px;left:14px;z-index:6;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;padding:7px 14px 7px 11px;font-size:13px;font-weight:500;color:var(--ink);box-shadow:var(--shadow-1)}.back-chip:hover{border-color:var(--ink-3)}.back-chip svg{color:var(--ink-3)}.map-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-1);font-size:13px;color:var(--ink-2);z-index:3}.map-loading .spin{width:14px;height:14px;border-radius:999px;border:2px solid var(--line-2);border-top-color:var(--brand);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hud{position:absolute;left:14px;right:14px;display:flex;align-items:center;gap:10px;pointer-events:none}.hud>*{pointer-events:auto;flex:none}.hud>.spacer{flex:1}.hud-top{top:14px}.hud-bottom{bottom:14px}.surface{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--shadow-1)}.brand{display:grid;place-items:center;height:var(--bar-h);padding:0;background:none;border:0;box-shadow:none}.wordmark{display:block;height:26px;width:auto;filter:drop-shadow(0 1px 1px rgba(34,40,28,.18))}.pick{display:flex;gap:6px;width:var(--panel-w)}.pick>.btn{flex:none}.pick .picker{flex:1;min-width:0}.pick .picker-btn{width:100%;min-width:0}.hud-top .btn,.hud-top .picker-btn,.hud-top .zoom{height:var(--bar-h)}.hud-top .btn{padding-top:0;padding-bottom:0}.btn{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--r);padding:8px 13px;font-size:13px;color:var(--ink-2);box-shadow:var(--shadow-1);transition:border-color .12s,color .12s,background .12s}.btn:hover{color:var(--ink);border-color:var(--line-2)}.btn[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary{background:var(--critical);border-color:#0000001f;color:#fdf4f2;font-weight:500}.btn.primary:hover{background:#ad2e21;color:#fff}.btn.cta{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:6;display:inline-flex;white-space:nowrap;align-items:center;gap:10px;height:50px;padding:0 24px;font-size:15.5px;font-weight:600;border-radius:25px;box-shadow:0 3px 6px #781e1233,0 14px 28px -12px #781e128c}.btn.cta:active{transform:translate(-50%) translateY(1px)}.btn.cta:before,.btn.cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;animation:cta-wave 2.6s cubic-bezier(.2,.6,.3,1) infinite}.btn.cta:after{animation-delay:1.3s}@keyframes cta-wave{0%{box-shadow:0 0 #c8382a80}65%{box-shadow:0 0 0 20px #c8382a00}to{box-shadow:0 0 #c8382a00}}.btn.cta svg{margin:0 -2px 0 0;opacity:.95}.btn.wide{width:100%;padding:11px;font-size:14px;box-shadow:none}.btn:disabled{opacity:.5;cursor:default}.picker{position:relative}.picker-btn{display:inline-flex;align-items:center;gap:9px;min-width:132px;justify-content:space-between;font-weight:500;color:var(--ink)}.picker-btn .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.picker-btn svg{color:var(--ink-3);flex:none}.picker-btn[aria-expanded=true]{border-color:var(--ink-3)}.picker-scrim,.picker-panel .grip{display:none}.picker-panel{position:absolute;top:calc(100% + 6px);right:0;width:var(--panel-w);background:#fcfdf8;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-2);overflow:hidden;z-index:12;animation:drop-down .13s ease-out;transform-origin:top center}@keyframes drop-down{0%{transform:translateY(-7px);opacity:0}}.picker-search{width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:11px 13px;font-size:13.5px}.picker-search:focus{outline:0}.picker-search::placeholder{color:var(--ink-3)}.picker-list{max-height:294px;overflow:auto;padding:4px}.picker-item{display:flex;align-items:baseline;gap:8px;width:100%;border:0;background:none;border-radius:6px;padding:7px 9px;font-size:13.5px;text-align:left}.picker-item i{margin-left:auto;font-style:normal;font-size:11px;color:var(--ink-3)}.picker-item.active{background:#1f231d12}.picker-item.on{color:var(--critical);font-weight:500}.picker-item.on i{color:var(--critical);opacity:.7}.picker-empty{margin:0;padding:14px 10px;font-size:13px;color:var(--ink-3);text-align:center}.icon{border:0;background:none;color:var(--ink-3);border-radius:6px;width:24px;height:24px;line-height:1;flex:none}.icon:hover{background:#1f231d12;color:var(--ink)}.legend{display:flex;gap:12px;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--r);padding:7px 12px;font-size:12px;color:var(--ink-2);box-shadow:var(--shadow-1)}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:999px}.donate-btn{display:inline-flex;align-items:center;gap:7px;color:var(--ink-2)}.donate-btn svg{color:var(--critical)}.donate-btn:hover{color:var(--ink);border-color:var(--critical)}.guide-btn{display:inline-flex;align-items:center;gap:7px;color:var(--ink-2)}.guide-btn svg{color:var(--ink-3)}.guide-btn:hover{color:var(--ink);border-color:var(--ink-3)}.guide-btn:hover svg{color:var(--ink-2)}.hotline-btn{display:inline-flex;align-items:center;gap:7px;color:var(--ink-2)}.hotline-btn svg{color:var(--critical)}.hotline-btn:hover{color:var(--ink);border-color:var(--critical)}.sheet.hotline{max-width:384px;max-height:min(84vh,660px);overflow:auto}.lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lines a{display:grid;grid-template-columns:30px 56px 1fr;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;text-decoration:none;color:inherit}.lines a:hover{border-color:var(--ink-3)}.lines a.hot{border-color:#c8382a4d;background:#c8382a0a}.lines a.hot:hover{border-color:var(--critical)}.lines .ico{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#1f231d0f;color:var(--ink-2)}.lines a.hot .ico{background:#c8382a1a;color:var(--critical)}.lines .no{font-size:17px;font-weight:600;letter-spacing:-.01em}.lines a.hot .no{color:var(--critical)}.lines .what{display:flex;flex-direction:column;min-width:0}.lines .what b{font-size:12.5px;font-weight:500}.lines .what i{font-style:normal;font-size:11px;color:var(--ink-3)}.lines-foot{margin:2px 0 0;font-size:11.5px;color:var(--ink-3);text-align:center}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;cursor:pointer}.tour svg{display:block}.tour .ring{fill:none;stroke:#fff;stroke-width:2;opacity:.9}.tour .pulse{fill:none;stroke:#fff;stroke-width:2;opacity:.45;animation:tour-pulse 1.9s ease-out infinite;transform-box:fill-box;transform-origin:center}@keyframes tour-pulse{0%{transform:scale(1);opacity:.5}70%,to{transform:scale(1.22);opacity:0}}.tour-card{position:fixed;background:#fcfdf8;border-radius:12px;box-shadow:var(--shadow-2);padding:13px 14px 11px;cursor:default}.tour-card p{margin:0;font-size:13px;line-height:1.5}.tour-foot{display:flex;align-items:center;gap:10px;margin-top:11px}.tour-foot .dots{display:flex;gap:4px;margin-right:auto}.tour-foot .dots i{width:5px;height:5px;border-radius:999px;background:var(--line-2)}.tour-foot .dots i.on{background:var(--brand)}.tour-foot .skip{border:0;background:none;padding:0;font-size:12.5px;color:var(--ink-3)}.tour-foot .skip:hover{color:var(--ink-2)}.tour-foot .go{border:0;background:var(--brand);color:#fff;border-radius:8px;padding:6px 13px;font-size:12.5px;font-weight:500}.tour-foot .go:hover{background:#2a5d3c}.sheet.donate{position:relative;max-width:330px;padding:26px 24px 20px;text-align:center;align-items:center;gap:0;background:linear-gradient(180deg,#fcfdf8,#f4f7ef)}.sheet.donate .close{position:absolute;top:10px;right:10px}.donate-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:999px;background:#c8382a1a;color:var(--critical)}.sheet.donate h2{margin:12px 0 0;font-size:16.5px;font-weight:600}.donate-note{margin:7px 0 0;font-size:12.5px;line-height:1.75;color:var(--ink-2)}.donate-qr{display:block;width:100%;max-width:236px;max-height:44vh;object-fit:contain;margin:16px auto 0;border-radius:14px;box-shadow:0 2px 6px #22281c1a,0 14px 28px -14px #22281c66}.donate-foot{margin:13px 0 0;font-size:11.5px;color:var(--ink-3)}.donate-foot b{color:var(--ink-2);font-weight:600}.donate-mail{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;font-size:11.5px;color:var(--ink-2);text-decoration:none;background:#fff}.donate-mail svg{color:var(--ink-3)}.donate-mail:hover{border-color:var(--brand);color:var(--brand)}.donate-mail:hover svg{color:var(--brand)}.sheet.feedback-sheet{position:relative;max-width:360px;width:100%;padding:24px 22px 20px;text-align:center;align-items:center;gap:0;background:linear-gradient(180deg,#fcfdf8,#f4f7ef);animation:pop-in .22s ease-out}.sheet.feedback-sheet .close{position:absolute;top:10px;right:10px}.feedback-head{display:flex;flex-direction:column;align-items:center}.feedback-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:#d9a81f26;color:#c99318;font-size:24px;line-height:1}.sheet.feedback-sheet h2{margin:12px 0 0;font-size:17px;font-weight:600;color:var(--ink)}.feedback-desc{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--ink-2)}.feedback-stars{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 6px}.star-btn{background:none;border:0;padding:4px;cursor:pointer;color:#cfcabb;transition:transform .12s ease,color .12s ease;display:grid;place-items:center}.star-btn:hover{transform:scale(1.18)}.star-btn.active{color:#e6a719}.feedback-label-hint{font-size:12.5px;font-weight:600;color:#b5800d;height:18px;margin-bottom:12px}.feedback-field{width:100%;text-align:left;margin-top:4px}.feedback-field label{display:block;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.feedback-field textarea{width:100%;padding:10px 12px;font-size:13.5px;line-height:1.45;border-radius:10px;border:1px solid var(--line);background:#fff;resize:vertical;min-height:72px;box-sizing:border-box;font-family:inherit;color:var(--ink)}.feedback-field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #35734a1f}.feedback-actions{display:flex;align-items:center;gap:10px;width:100%;margin-top:16px}.feedback-btn-later{flex:1;height:42px;border:1px solid var(--line);background:#fff;color:var(--ink-2);font-size:14px;font-weight:500;border-radius:10px;cursor:pointer}.feedback-btn-later:hover{background:#1f231d0d;color:var(--ink)}.feedback-btn-submit{flex:1.5;height:42px;font-size:14px;font-weight:600;border-radius:10px;justify-content:center}.tools{display:flex;align-items:center;gap:8px}.tools .reset .short{display:none}.tools .locate{width:var(--bar-h);padding:0;display:grid;place-items:center;color:var(--ink-2)}.tools .locate:hover{color:#2d5a89}@media (min-width: 761px){.hud-top .tools{position:fixed;right:14px;bottom:14px}}.zoom{display:flex;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-1);overflow:hidden}.zoom button{border:0;background:none;width:42px;height:100%;font-size:18px;line-height:1;color:var(--ink-2)}.zoom button:first-child{border-right:1px solid var(--line)}.zoom button:hover{background:#1f231d0f;color:var(--ink)}.hint{position:absolute;top:70px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:var(--ink);color:#f4f2ec;padding:6px 7px 6px 15px;border-radius:999px;font-size:13px;box-shadow:var(--shadow-2);z-index:6}.hint .btn{background:#ffffff1a;border-color:#ffffff2e;color:#f4f2ec;box-shadow:none;padding:4px 10px;-webkit-backdrop-filter:none;backdrop-filter:none}.hint .btn:hover{background:#ffffff2e;color:#fff}.locating{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);width:324px;padding:24px 24px 20px;text-align:center;background:#fcfdf8;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-2);z-index:9;animation:pop-in .22s ease-out}.locating h2{margin:16px 0 0;font-size:16px;font-weight:600}.locating p{margin:7px 0 16px;font-size:13px;line-height:1.55;color:var(--ink-2)}.locating .btn{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}.locating-mark{position:relative;display:grid;place-items:center;width:58px;height:58px;margin:0 auto;border-radius:999px;background:#c8382a17}.locating-mark svg{position:relative}.locating-mark .wave{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:1.5px solid rgba(200,56,42,.45);animation:wave 2.4s ease-out infinite}.locating-mark .wave.d2{animation-delay:1.2s}@keyframes wave{0%{transform:scale(.72);opacity:.8}to{transform:scale(1.5);opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.97)}}.feed-stack{display:contents}.live{position:absolute;top:62px;right:14px;width:var(--panel-w);max-height:calc(100vh - 120px);display:flex;flex-direction:column;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-1);overflow:hidden;z-index:5}.live-head{display:flex;align-items:baseline;gap:7px;width:100%;border:0;background:none;padding:10px 12px 11px;text-align:left;font-size:12.5px;color:var(--ink-2);flex:none}.live-head .t{font-size:13px;font-weight:600;color:var(--ink);flex:none}.live-head .scope{font-size:11.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.live-head .chev{margin-left:auto;color:var(--ink-3);font-size:13px;line-height:1;flex:none}.live-empty{margin:0;padding:12px 13px;font-size:12.5px;color:var(--ink-3);border-top:1px solid var(--line)}.live-head:hover .chev{color:var(--ink)}.live-range{display:flex;align-items:center;gap:5px;padding:0 9px 9px;flex:none}.live-range .count-badge{margin-left:auto;flex:none;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;font-weight:600}.controls{display:contents}.range-label{font-size:11.5px;color:var(--ink-3);white-space:nowrap}.seg-mini{display:flex;background:#1f231d0e;border-radius:8px;padding:2px}.seg-mini button{border:0;background:none;border-radius:6px;padding:3.5px 8px;font-size:11.5px;color:var(--ink-2)}.seg-mini button:hover{color:var(--ink)}.seg-mini button[aria-pressed=true]{background:#fff;color:var(--ink);font-weight:500;box-shadow:0 1px 2px #22281c1f}.live-body{flex:1;min-height:0;max-height:min(42vh,360px);overflow-y:auto;border-top:1px solid var(--line)}.live-row{position:relative;display:block;width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:none;padding:9px 12px 10px 14px}.live-row:before{content:"";position:absolute;left:0;top:-1px;bottom:0;width:2px;background:var(--mark)}.live-row[data-urgency=critical]{--mark: var(--critical)}.live-row[data-urgency=urgent]{--mark: var(--urgent)}.live-row[data-urgency=normal]{--mark: var(--normal)}.live-row:hover{background:#1f231d0d}.live-row.closed{opacity:.62;--mark: var(--brand)}.popup-drill{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;border:0;border-top:1px solid var(--line);background:#35734a12;color:var(--brand);padding:11px 12px;font-size:12.5px;font-weight:500}.popup-drill:hover{background:var(--brand);color:#fff}.live-row-top{display:flex;align-items:baseline;gap:8px;font-size:12px}.live-row-top b{font-weight:500;color:var(--ink)}.live-row-top i{margin-left:auto;font-style:normal;font-size:11px;color:var(--ink-3)}.live-more,.posts-more{display:block;width:100%;border:0;border-top:1px solid var(--line);background:none;padding:10px;font-size:12.5px;color:var(--brand);font-weight:500;text-align:center;cursor:pointer}.live-more:hover,.posts-more:hover{background:#35734a12}.live-more .mono,.posts-more .mono{color:var(--ink-3);font-weight:400}.live-row-detail{display:block;margin-top:2px;font-size:12.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-topic-filter{padding:6px 10px 8px;border-top:1px solid var(--line);background:#ffffff8c}.topic-filter-row{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:1px 0}.topic-filter-row::-webkit-scrollbar{display:none}.topic-filter-chip{flex:none;display:inline-flex;align-items:center;gap:4px;padding:3.5px 10px;border-radius:999px;font-size:11.5px;font-weight:500;cursor:pointer;background:#fff;border:1px solid var(--line);color:var(--ink-2);transition:all .12s ease;white-space:nowrap}.topic-filter-chip svg{flex:none}.topic-filter-chip:hover{border-color:var(--brand);color:var(--brand)}.topic-filter-chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.topic-filter-chip .filter-count{font-size:10px;background:#00000014;border-radius:999px;padding:.5px 5px;line-height:1.3;margin-left:2px}.topic-filter-chip.active .filter-count{background:#ffffff47;color:#fff}.popup{position:absolute;transform:translate(-50%);background:#fcfdf8;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-2);z-index:8;overflow:hidden;animation:pop .14s ease-out}@keyframes pop{0%{opacity:0;transform:translate(-50%) scale(.97)}}.popup-head{display:flex;align-items:center;gap:8px;padding:10px 8px 10px 14px;border-bottom:1px solid var(--line)}.popup-head h2{margin:0;font-size:13.5px;font-weight:600}.popup-head .mono{font-size:11.5px;color:var(--ink-3)}.popup-head .icon{margin-left:auto}.popup-body{max-height:min(52vh,420px);overflow:auto}.post{padding:12px 14px 13px;border-bottom:1px solid #e7ebdf}.post:last-child{border-bottom:0}.post.closed{opacity:.72}.post:not(.open):hover{background:#1f231d09;cursor:pointer}.post[data-urgency=critical]{--mark: var(--critical)}.post[data-urgency=urgent]{--mark: var(--urgent)}.post[data-urgency=normal]{--mark: var(--normal)}.post.closed{--mark: var(--brand)}.post-top{display:flex;align-items:flex-start;gap:8px;width:100%;border:0;background:none;padding:0;text-align:left}.post-top:disabled{cursor:default}.post-top .dot{width:9px;height:9px;flex:none;border-radius:999px;background:var(--mark);margin-top:5px;align-self:flex-start}.post-top .who{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}.post-top .who b{font-size:13.5px;font-weight:600;color:var(--ink)}.urgency-badge{display:inline-flex;align-items:center;padding:1.5px 7px;border-radius:999px;font-size:11px;font-weight:500;line-height:1.4;color:var(--mark);background:#0000000a;border:1px solid var(--line)}.post[data-urgency=critical] .urgency-badge{background:#c8382a14;border-color:#c8382a33;color:var(--critical)}.post[data-urgency=urgent] .urgency-badge{background:#d9772b14;border-color:#d9772b33;color:var(--urgent)}.post[data-urgency=normal] .urgency-badge{background:#d9a81f14;border-color:#d9a81f33;color:#9c6c06}.post.closed .urgency-badge{background:#35734a14;border-color:#35734a33;color:var(--brand)}.post-top .when{margin-left:auto;font-size:11.5px;color:var(--ink-3);flex:none}.say-text{margin:10px 0 0;font-size:14px;line-height:1.55;color:var(--ink);word-break:break-word}.say-text.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.peek{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:7px}.open-it{order:2;cursor:pointer;display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:var(--ink-2);border:1px solid var(--line-2);border-radius:999px;padding:2px 8px 2px 10px;background:#fff;transition:background .15s ease,color .15s ease,border-color .15s ease}.open-it:hover{background:var(--brand);border-color:var(--brand);color:#fff}.more{margin-right:auto;font-size:11.5px;color:var(--ink-3)}.say-text.long{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.more-text{margin-top:4px;border:0;background:none;padding:0;font-size:12px;color:var(--brand);font-weight:500;cursor:pointer}.post-info-card{margin-top:12px;background:#f7f8f3;border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:7px}.info-row{display:flex;align-items:center;gap:7px;min-width:0}.info-icon{flex:none;display:grid;place-items:center;width:20px;height:20px;color:var(--ink-3)}.info-val{flex:1;min-width:0;font-size:12.5px;line-height:1.4;color:var(--ink-2);word-break:break-word}.info-action-btn{flex:none;display:inline-flex;align-items:center;gap:4px;padding:3.5px 9px;border-radius:999px;font-size:11.5px;font-weight:500;text-decoration:none;transition:all .14s ease;line-height:1}.info-action-btn.nav{background:#fff;border:1px solid rgba(53,115,74,.28);color:var(--brand)}.info-action-btn.nav:hover{background:var(--brand);border-color:var(--brand);color:#fff}.info-action-btn.call{background:#fff;border:1px solid rgba(45,90,137,.25);color:#275685}.info-action-btn.call:hover{background:#275685;border-color:#275685;color:#fff}.post-acts{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px;padding-top:10px;border-top:1px dashed var(--line)}.act-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .14s ease;background:none;border:0}.act-chip.done{background:#35734a14;border:1px solid rgba(53,115,74,.22);color:var(--brand)}.act-chip.done:hover{background:var(--brand);border-color:var(--brand);color:#fff}.act-chip.reopen{background:#d9a81f17;border:1px solid rgba(217,168,31,.26);color:#9c6c06}.act-chip.reopen:hover{background:#9c6c06;border-color:#9c6c06;color:#fff}.act-chip.delete{background:transparent;border:1px solid transparent;color:var(--ink-3);margin-left:auto}.act-chip.delete:hover{background:#c8382a14;border-color:#c8382a33;color:var(--critical)}.replies{list-style:none;margin:12px 0 0;padding:10px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px}.replies li{padding:0}.reply-item{background:#f7f9f3;border:1px solid var(--line);border-radius:9px;padding:7px 10px 8px}.reply-meta{display:flex;align-items:baseline;gap:6px}.reply-meta b{font-size:12px;font-weight:600;color:var(--ink)}.reply-meta i{font-style:normal;font-size:10.5px;color:var(--ink-3);margin-left:auto}.reply-item p{margin:3px 0 0;font-size:12.5px;line-height:1.45;color:var(--ink-2);word-break:break-word}.who-box{width:100%;height:36px;margin-top:10px;border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:0 13px;font-size:12.5px;box-sizing:border-box}.reply{display:flex;align-items:center;gap:8px;margin-top:11px}.reply input{flex:1;min-width:0;height:38px;border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:0 14px;font-size:13px;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.who-box:focus,.reply input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #35734a1a}.reply-btn{flex:none;display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 14px;border:0;border-radius:999px;background:var(--brand);color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .14s ease}.reply-btn:disabled{background:var(--line);color:var(--ink-3);cursor:default;opacity:.65}.reply-btn:not(:disabled):hover{background:#27583a}.reply-btn:not(:disabled):active{transform:scale(.96)}.confirm{margin-top:10px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:#1f231d09}.confirm p{margin:0;font-size:12px;line-height:1.55;color:var(--ink-2)}.confirm div{display:flex;gap:8px;justify-content:flex-end;margin-top:9px}.confirm button{border:0;border-radius:8px;padding:6px 12px;font-size:12px}.confirm .ghost{background:none;color:var(--ink-3)}.confirm .yes{background:var(--brand);color:#fff;font-weight:500}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f231d57;display:grid;place-items:center;padding:16px;z-index:20}.sheet{width:100%;max-width:392px;background:#fcfdf8;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-2);display:flex;flex-direction:column;gap:10px;padding:12px}.sheet-where{display:flex;align-items:center;gap:8px;padding:2px 2px 0 5px;font-size:12.5px;color:var(--ink-2)}.sheet-where em{font-style:normal;color:var(--ink-3);margin-right:4px}.sheet-where .icon{margin-left:auto}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.seg button{border:1px solid var(--line-2);background:#fff;border-radius:8px;padding:9px 0;font-size:13px;color:var(--ink-2)}.seg button:hover{border-color:var(--ink-3)}.seg button[aria-pressed=true]{color:#fff;border-color:transparent;font-weight:500}.seg button[aria-pressed=true][data-urgency=critical]{background:var(--critical)}.seg button[aria-pressed=true][data-urgency=urgent]{background:var(--urgent)}.seg button[aria-pressed=true][data-urgency=normal]{background:var(--normal)}.sheet-topic-sec{display:flex;flex-direction:column;gap:7px;background:#1f231d08;border:1px solid var(--line);border-radius:9px;padding:8px 10px}.topic-sec-head{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.topic-sec-title{font-size:12px;font-weight:600;color:var(--ink-2)}.topic-hint{font-size:11px;color:var(--ink-3)}.topic-chips{display:flex;gap:6px}.topic-chip{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 6px;border-radius:8px;border:1px solid var(--line-2);background:#fff;font-size:12px;font-weight:500;color:var(--ink-2);cursor:pointer;transition:all .12s ease;white-space:nowrap}.topic-chip:hover{border-color:var(--ink-2);color:var(--ink)}.topic-chip.active{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 1px 3px #1f231d33}.topic-chip svg{flex:none;color:currentColor}.sheet textarea,.sheet input{width:100%;border:1px solid var(--line-2);background:#fff;border-radius:8px;padding:10px 11px;font-size:13.5px}.sheet textarea{resize:vertical;min-height:76px;line-height:1.5}.count-wrap{position:relative}.count-wrap .count{position:absolute;right:10px;bottom:8px;font-size:11px;color:var(--ink-3);background:#ffffffe6;padding:0 3px;border-radius:4px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sheet textarea:focus,.sheet input:focus{outline:2px solid #a6b095;outline-offset:-1px}.err{color:var(--critical);font-size:12.5px}.tip-close{margin:2px 0 0;font-size:11.5px;line-height:1.5;color:var(--ink-3);text-align:center}.tip-close b{color:var(--brand);font-weight:600}@media (min-width: 761px) and (max-width: 1230px){.legend{display:none}.hud-bottom .btn{padding:6px 9px;font-size:12px;gap:5px}.hud-bottom .btn svg{width:12px;height:12px}.btn.cta{height:46px;padding:0 18px;font-size:14px}}@media (max-width: 760px){:root{--bar-h: 40px}.range-label{display:none}.hud{left:10px;right:10px;gap:8px}.hud-top{top:10px}.wordmark{height:26px;width:auto}.brand{height:32px;display:flex;align-items:center}.hud-top .spacer{display:none}.pick{width:auto;flex:1;min-width:0}.pick>.btn{display:none}.picker-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#1f231d2e;z-index:14}.picker-panel{position:fixed;top:auto;bottom:120px;left:10px;right:auto;width:min(320px,calc(100vw - 20px));max-width:320px;z-index:15;animation:drop-up .14s ease-out;transform-origin:bottom left}.picker-panel .grip{display:none}.picker-search{padding:12px 14px;font-size:16px}.picker-list{max-height:46vh;padding:6px 8px 8px}.picker-item{padding:11px 10px;font-size:14px}@keyframes drop-up{0%{transform:translateY(8px);opacity:0}}.feed-stack{position:absolute;top:52px;left:10px;right:10px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none;z-index:6}.feed-stack>*{pointer-events:auto}.live{position:relative;top:auto;left:auto;right:auto;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding:0;max-height:calc(100vh - 130px)}.live-head{width:auto;flex:none;display:flex;align-items:center;gap:4px;padding:0 4px 0 10px;height:38px}.live-head .t{font-size:12px;font-weight:600;white-space:nowrap;color:var(--ink)}.live-head .scope{display:none}.live-head .chev{position:absolute;right:6px;top:4px;margin:0;display:grid;place-items:center;width:30px;height:30px;font-size:19px;line-height:1;color:var(--ink-2)}.live-range{flex:1;min-width:0;display:flex;align-items:center;gap:4px;padding:0 38px 0 0;height:38px;flex-wrap:nowrap}.seg-mini{display:flex;flex:none;padding:1.5px;border-radius:6px}.seg-mini button{padding:2.5px 6px;font-size:11px;border-radius:5px;white-space:nowrap}.live-range .count-badge{margin-left:auto;flex:none;min-width:18px;height:18px;padding:0 4px;font-size:10.5px}.live-body{width:100%;flex-basis:100%;max-height:38vh;border-top:1px solid var(--line)}.back-chip{position:relative;top:auto;left:auto;align-self:flex-start;padding:6px 12px 6px 9px;font-size:12.5px}.shape{stroke-width:.75}.under-lines{opacity:.45}.label{stroke-width:3px}.balloon .stalk{stroke:#5a524661;stroke-width:.85px}.balloon .foot{fill:#4a443a73}.balloon.active .stalk{stroke:var(--ink);stroke-width:1.2px}.balloon.active .foot{fill:var(--ink)}.live-empty{width:100%;flex-basis:100%;border-top:1px solid var(--line)}.legend{position:fixed;left:50%;transform:translate(-50%);bottom:122px;gap:9px;padding:3px 10px;font-size:10.5px;background:#fcfdf9d1;box-shadow:none;white-space:nowrap}.legend span{gap:4px}.legend i{width:6px;height:6px}.hud-bottom{position:fixed;top:10px;bottom:auto;left:auto;right:10px;width:auto;justify-content:flex-end;gap:6px}.hud-bottom .btn{height:32px;padding:0 9px;gap:5px;font-size:12px;border-radius:8px;display:inline-flex;align-items:center}.hud-bottom .btn svg{width:13px;height:13px}.controls{display:flex;gap:6px;position:fixed;left:10px;right:10px;bottom:72px;z-index:5;pointer-events:auto}.hud-top .tools{position:static}.controls .pick{flex:0 1 44%;min-width:0}.pick .picker{width:100%;min-width:0}.pick .picker-btn{width:100%;min-width:0;padding-left:11px;padding-right:8px}.tools{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.zoom{display:flex;flex:1;min-width:0;height:var(--bar-h)}.zoom button{flex:1;width:auto;min-width:52px;font-size:20px}.tools .reset{display:none}.tools .locate{width:42px;height:var(--bar-h);flex:none}.tools .reset .long{display:none}.tools .reset .short{display:inline}.btn.cta{left:10px;right:10px;bottom:12px;transform:none;justify-content:center;height:52px;border-radius:26px}.btn.cta:active{transform:translateY(1px)}.hint{left:10px;right:10px;top:60px;transform:none;justify-content:center;border-radius:16px;padding:8px 10px 8px 14px}.popup-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f231d4d;z-index:8}.popup.middle{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 24px));max-height:min(74vh,620px);display:flex;flex-direction:column;z-index:9;animation:pop-mid .14s ease-out}.popup.middle .popup-body{max-height:none;flex:1}@keyframes pop-mid{0%{opacity:0;transform:translate(-50%,-48%) scale(.98)}}.sheet{max-width:100%;border-radius:14px}.sheet textarea,.sheet input,.who-box,.reply input{font-size:16px}.pair{grid-template-columns:1fr}.locating{width:min(324px,calc(100vw - 28px));padding:22px 20px 18px}}@media (prefers-reduced-motion: reduce){.balloon .ring,.locating-mark .wave,.btn.cta:before,.btn.cta:after{animation:none}.popup,.locating{animation:none}}