:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172e28;background:#f7f8f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;display:flex;height:100dvh;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e8ae4c;outline-offset:3px}button{border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}.sidebar{width:370px;flex-shrink:0;display:flex;flex-direction:column;padding:30px 26px 16px;background:#fafbf8;z-index:3;border-right:1px solid #dfe5de}header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-size:22px;font-weight:800;letter-spacing:-1px}.brand-icon{background:#163d30;color:#d6f197;width:38px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:32px}.brand-light{font-weight:450}.brand small{display:block;font-size:8px;letter-spacing:2.3px;margin-top:5px;font-weight:600;color:#7d8c82}.beta{font-size:9px;letter-spacing:1px;color:#829085}.intro{padding:35px 0 23px}.eyebrow{font-size:10px;letter-spacing:2px;color:#7d8c82;font-weight:700}h1{font-size:32px;font-weight:600;letter-spacing:-1.4px;margin:11px 0}p{font-size:14px;line-height:1.6;color:#7a877f;margin:0}.tabs{display:flex;background:#e9ede6;border-radius:12px;padding:4px;gap:4px}.tabs button{width:50%;padding:11px 8px;font-size:13px;border-radius:9px;color:#738077}.tabs button.active{background:#173e30;color:white;box-shadow:0 2px 5px #13372320}.demo-note{font-size:11px;line-height:1.6;color:#8b7960;background:#f4efe3;border:1px solid #e9e1ce;border-radius:9px;padding:10px 12px;margin:18px 0}.demo-note span{font-weight:750;font-size:9px;letter-spacing:1px;margin-right:5px}.filters label{font-size:11px;color:#7c8980;display:block;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid #dce3da;border-radius:9px;padding:11px;background:#fff;color:#253d32;font-size:13px;outline-color:#6d9873}.search-label{margin-top:12px}.list-title{display:flex;align-items:center;justify-content:space-between;margin-top:22px;margin-bottom:10px}.list-title h2{font-size:13px;font-weight:650;margin:0}.list-title>span{background:#e6edde;padding:4px 8px;font-size:11px;border-radius:6px}.reports{overflow-y:auto;flex:1;min-height:50px}.report{display:flex;width:100%;text-align:left;gap:13px;padding:15px 0;border-bottom:1px solid #e6eae2;align-items:center}.report:hover{background:#eef2e9}.report .spot{width:34px;height:34px;border-radius:11px;background:#e9efdf;display:grid;place-items:center;font-size:17px;color:#4b6e34}.report strong{font-size:13px;font-weight:600;display:block}.report small{display:block;font-size:11px;color:#889186;margin-top:5px}.report .age{margin-left:auto;white-space:nowrap;font-size:11px;color:#63884b}.report .age.old{color:#ad9466}footer{padding-top:18px;display:flex;align-items:center;gap:6px;font-size:9px;color:#899587}footer button{margin-left:auto;font-size:9px;text-decoration:underline}.status-dot{width:5px;height:5px;background:#7c9e57;border-radius:100%}.map-shell{position:relative;flex:1;min-width:0}#map{height:100%;width:100%;background:#d9e6df;z-index:0}.map-top{position:absolute;top:25px;left:25px;right:25px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.island-pill,.demo-pill{background:#fffffff2;border:1px solid #ffffff;box-shadow:0 4px 24px #24412b10;border-radius:10px;padding:13px 17px;font-size:12px;display:flex;align-items:center;gap:10px}.island-pill>span:first-child{color:#6b874f}.pill-muted{color:#97a08f;border-left:1px solid #dce2d7;padding-left:10px}.demo-pill{font-size:10px;color:#7a8576}.map-actions{position:absolute;bottom:60px;right:26px;display:flex;gap:10px;align-items:center}.map-actions #locate{background:#fff;border-radius:12px;width:48px;height:48px;font-size:26px;box-shadow:0 4px 20px #203d2220}.primary{background:#173e30;color:#fff;border-radius:12px;padding:16px 22px;font-weight:600;font-size:13px;box-shadow:0 4px 20px #203d2225}.primary:hover{background:#28573f}.legend{position:absolute;left:25px;bottom:26px;display:flex;gap:18px;background:#fffffff0;padding:10px 14px;border-radius:9px;font-size:10px;color:#6b7c6b}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:7px;height:7px;border-radius:50%}.fresh{background:#507d36}.older{background:#d4a14e}.faded{background:#a6b2a2}.leaflet-control-zoom{margin-top:95px!important;margin-right:26px!important;border:0!important;box-shadow:0 3px 20px #30452c18!important}.leaflet-control-zoom a{border-color:#e6eadd!important;color:#536750!important}.patrol-pin{background:none;border:0}.pin{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:4px solid white;border-radius:50%;background:#547a3b;color:#fff;box-shadow:0 3px 14px #24422240;font-weight:700;font-size:12px}.pin.old{background:#c49a52}.pin.faded{background:#99a58c}.detail{position:absolute;bottom:125px;right:26px;background:#fff;border:1px solid #e0e7da;border-radius:18px;width:320px;padding:22px;box-shadow:0 12px 45px #223d2925;z-index:500}.detail .close{position:absolute;top:11px;right:12px;font-size:22px;color:#889784}.detail h2{font-size:21px;margin:10px 0}.detail .meta{font-size:11px;color:#8c9886;margin-bottom:15px}.detail p{font-size:13px;color:#697b62}.detail .buttons{display:flex;gap:8px;margin-top:20px}.detail .buttons button{border-radius:9px;padding:12px;font-size:12px;flex:1;background:#edf2e6}.detail .buttons button:first-child{background:#173e30;color:white}.detail .buttons button:disabled{opacity:.5;cursor:default}.detail small{display:block;font-size:10px;color:#8d9986;margin-top:14px}.map-hint{position:absolute;top:88px;left:50%;transform:translateX(-50%);background:#173e30;color:#fff;z-index:600;border-radius:10px;padding:12px 16px;font-size:12px;width:max-content;max-width:90%;box-shadow:0 5px 20px #203d2220}.map-hint button{text-decoration:underline;color:#d1e6ae;margin-left:15px}.toast{position:absolute;top:90px;left:50%;transform:translateX(-50%);z-index:800;background:#173e30;color:#fff;border-radius:10px;padding:14px 20px;font-size:12px;max-width:90%;width:max-content}.empty{font-size:13px;color:#83907a;padding:22px 0;line-height:1.6}dialog{border:0;border-radius:20px;width:400px;max-width:calc(100% - 32px);padding:26px;color:#223b2d;box-shadow:0 20px 100px #112c2650}dialog::backdrop{background:#112c2670;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top button{font-size:24px}dialog h2{margin:10px 0}dialog p{font-size:12px}dialog label{display:block;font-size:12px;margin:16px 0 7px}dialog .primary{width:100%;margin-top:20px}dialog small{display:block;text-align:center;font-size:10px;color:#89927e;margin-top:14px}[hidden]{display:none!important}@media(max-width:760px){body{flex-direction:column}.sidebar{width:100%;padding:15px 18px 10px;border-right:0;flex-shrink:0}header{margin-bottom:12px}.brand{font-size:20px}.brand-icon{width:30px;height:34px;font-size:26px}.intro{display:none}.tabs{margin-top:0}.demo-note{margin:10px 0;font-size:10px;padding:7px 9px}.filters{display:flex;gap:8px}.filters label{display:none}.filters input,.filters select{width:50%;font-size:12px;padding:9px}.list-title,.reports,footer{display:none}.map-shell{min-height:0}.map-top{top:14px;left:14px;right:14px}.demo-pill{display:none}.island-pill{padding:10px 13px}.map-actions{bottom:50px;right:14px}.legend{left:14px;bottom:18px;font-size:9px;gap:10px;padding:9px}.detail{right:14px;left:14px;bottom:110px;width:auto;max-width:360px;padding:18px}.leaflet-control-zoom{margin-right:14px!important;margin-top:70px!important}.map-hint{top:64px;font-size:11px}.toast{top:65px}.map-actions .primary{padding:15px 17px}}

button:disabled{opacity:.45;cursor:default}

.google-patrol-pin{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:8px;min-width:78px;height:48px;padding:0 11px 0 8px;border:3px solid #fff;border-radius:14px;background:#174b38;color:#fff;box-shadow:0 3px 0 #173b3425,0 5px 18px #142b3a50;font:700 16px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap;z-index:10;isolation:isolate}
.google-patrol-pin::after{content:"";position:absolute;bottom:-8px;left:calc(50% - 6px);width:10px;height:10px;background:inherit;border-right:3px solid white;border-bottom:3px solid white;transform:rotate(45deg);z-index:-1}
.google-patrol-pin .patrol-symbol{font-size:25px;font-weight:500;line-height:1}.google-patrol-pin small{display:block;font-size:9px;font-weight:500;line-height:1.3;margin-top:2px;opacity:.85}.google-patrol-pin.old{background:#a95c16}.google-patrol-pin.faded{background:#596678}.google-patrol-pin:hover,.google-patrol-pin:focus-visible{z-index:100;filter:brightness(1.12);outline:3px solid #d5e9a7;outline-offset:2px}
.legend .fresh{background:#174b38}.legend .older{background:#a95c16}.legend .faded{background:#596678}

.view-only-label{background:#fff;color:#526256;border:1px solid #dbe3d8;border-radius:12px;padding:15px 18px;font-size:12px;box-shadow:0 4px 20px #203d2215}

.sidebar > header{margin-bottom:24px}
@media(max-width:760px){.sidebar > header{margin-bottom:12px}}

.google-patrol-pin.neutral{width:34px;min-width:34px;height:34px;padding:0;justify-content:center;background:#fff;color:#536575;border:2px solid #71828c;border-radius:10px;font-size:24px;z-index:1;box-shadow:0 3px 12px #142b3a25}.google-patrol-pin.neutral::after{border-width:2px;bottom:-6px;left:calc(50% - 5px);width:8px;height:8px}.places-toggle{display:flex;align-items:center;gap:8px;margin:15px 0 0;font-size:11px;color:#697b6d}.places-toggle input{width:15px;height:15px;accent-color:#173e30;margin:0}.pending-label{font-size:9px;background:#f5ecd8;color:#876a35;padding:4px 6px;border-radius:5px;margin-left:auto}.detail{max-height:calc(100% - 170px);overflow-y:auto}.detail h2{padding-right:12px}.place-state{font-size:12px;color:#657181;background:#eff2f4;padding:10px;border-radius:8px;margin-bottom:12px}.place-state.is-active{color:#24633f;background:#eaf3e7}.direction{font-size:12px;margin:12px 0;color:#496644}.timeline-heading{font-size:12px;font-weight:650;margin-top:20px;margin-bottom:12px}.timeline-row{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid #eef0ea}.timeline-row strong{font-size:12px;font-weight:550}.timeline-row small{margin-top:5px!important;font-size:10px!important}.timeline-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#517b39;margin-top:5px}.timeline-dot.absent{background:#94a0a9}.leaflet-place-pin{display:flex;gap:8px;align-items:center;justify-content:center;width:78px;height:48px;background:#174b38;color:white;border:3px solid #fff;border-radius:12px;box-shadow:0 3px 10px #142b3a40;font-weight:700;font-size:16px}.leaflet-place-pin small{display:block;font-size:9px}.leaflet-place-pin.old{background:#a95c16}.leaflet-place-pin.neutral{width:32px;height:32px;background:#fff;color:#536575;border:2px solid #71828c;font-size:23px}@media(max-width:760px){.places-toggle{margin-top:10px;font-size:10px}.detail{max-height:calc(100% - 120px)}}
.google-patrol-pin.police-pin,.leaflet-place-pin.police-pin{background:#b83432;color:#fff}.google-patrol-pin.clear-pin,.leaflet-place-pin.clear-pin{background:#207855;color:#fff}.google-patrol-pin.history-pin,.leaflet-place-pin.history-pin{background:#a95c16}.google-patrol-pin.aged,.leaflet-place-pin.aged{opacity:1}.google-patrol-pin.police-pin.aged,.leaflet-place-pin.police-pin.aged{background:#98514b}.google-patrol-pin.clear-pin.aged,.leaflet-place-pin.clear-pin.aged{background:#527763}.place-state.is-police{background:#fae9e7;color:#9d2b29}.place-state.is-clear{background:#e6f4eb;color:#1c6746}.clear-pin .patrol-symbol{font-weight:800;font-size:26px}.police-pin .patrol-symbol{font-size:25px}.timeline-dot.absent{background:#207855}.timeline-dot:not(.absent){background:#b83432}

.google-patrol-pin.neutral,.leaflet-place-pin.neutral{background:#e5e7eb;color:#667080;border:2px solid #fff;font-size:21px;font-weight:700}

/* Full-screen map; place details become a bottom sheet on phones. */
.map-shell{width:100%;height:100dvh;flex:none}.map-top{top:max(16px,env(safe-area-inset-top));left:16px;right:16px;align-items:center;z-index:510}.map-top>*{pointer-events:auto}.map-top .brand{background:#fffffff5;box-shadow:0 3px 18px #173b3420;padding:9px 13px 9px 9px;border-radius:14px;font-size:21px}.filter-button{background:white;padding:14px 18px;border-radius:12px;box-shadow:0 3px 18px #173b3420;font-size:13px}.filter-panel{position:absolute;z-index:520;top:88px;right:16px;width:290px;max-width:calc(100% - 32px);padding:20px;background:white;border-radius:16px;box-shadow:0 8px 30px #173b3430}.filter-panel>label{display:block;font-size:13px;margin-bottom:9px}.filter-panel .places-toggle{display:flex;margin:18px 0}.filter-panel p{font-size:12px}.detail{left:16px;right:auto;top:90px;bottom:24px;max-height:none;width:360px;border-radius:18px;padding:24px;overscroll-behavior:contain}.detail .close{width:40px;height:40px;top:8px;right:8px;font-size:28px}.detail .eyebrow{padding-right:30px}.detail h2{font-size:22px;line-height:1.3}.timeline-row{padding:13px 0}.timeline-row strong{font-size:13px}.timeline-row small{font-size:11px!important}.legend{left:50%;transform:translateX(-50%);bottom:28px;white-space:nowrap}.map-actions{bottom:76px;right:16px}.toast{z-index:900}
@media(max-width:760px){.map-top .brand{font-size:18px}.map-top .brand-icon{width:30px;height:32px}.filter-button{padding:13px}.detail{top:auto;bottom:0;left:0;right:0;width:100%;max-width:none;max-height:55dvh;border-radius:22px 22px 0 0;padding:24px 20px max(24px,env(safe-area-inset-bottom));box-shadow:0 -8px 35px #173b3425}.detail::before{content:"";display:block;width:36px;height:4px;background:#dce2df;border-radius:4px;margin:-14px auto 15px}.legend{bottom:max(22px,env(safe-area-inset-bottom));font-size:11px;gap:14px}.map-shell:has(.detail:not([hidden])) .legend{display:none}.map-shell:has(.detail:not([hidden])) .map-actions{bottom:calc(55dvh + 12px)}.filter-panel{top:78px}.detail h2{font-size:20px}}

.observation-actions{display:flex;gap:10px;margin-top:18px}.observation-actions button{flex:1;min-height:48px;border-radius:12px;background:#b83432;color:#fff;font-size:16px;font-weight:650}.observation-actions button[data-kind="absent"]{background:#207855}.observation-hint{font-size:11px!important;margin-top:7px}

@media(max-width:760px){
.detail{position:fixed;inset:auto 0 0;z-index:700;width:100%;height:55dvh;max-height:calc(100dvh - 85px);border:0;border-top:1px solid #e0e7da;border-radius:22px 22px 0 0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:max(24px,env(safe-area-inset-bottom))}
.detail.sheet-opening{animation:open-place-sheet .24s ease-out}
.detail .observation-actions{position:sticky;top:0;background:#fff;padding:10px 0;margin-top:8px;z-index:2}
@keyframes open-place-sheet{from{transform:translateY(100%)}to{transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){.detail.sheet-opening{animation:none}}

.place-info{margin-top:18px;font-size:12px;color:#758178}.place-info summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;min-height:36px}.place-info summary::-webkit-details-marker{display:none}.place-info summary:focus-visible{outline:3px solid #e8ae4c;outline-offset:3px}.place-info[open] summary{color:#172e28}.place-info p{margin-top:6px;font-size:12px;line-height:1.5}.place-info small{margin-top:8px}

.filter-panel{max-height:calc(100dvh - 110px);overflow-y:auto}.filter-panel>label:not(:first-child){margin-top:16px}.filter-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:12px;color:#758178}.filter-footer button{padding:8px;color:#173e30;text-decoration:underline}

:root{--surface:#fff;--text:#292b2d;--muted:#747876;--line:#e1e3dc;--field:#f6f6f1;--yellow:#eeef3b;color:var(--text);background:var(--surface);color-scheme:light}
:root[data-theme="dark"]{--surface:#292c2f;--text:#f1f2e9;--muted:#afb4b6;--line:#45494c;--field:#34383b;color-scheme:dark}
.map-top .brand{background:#292b2d;color:#f4f329;padding:6px 14px 6px 6px;gap:9px;border:1px solid #ffffff20}.brand-logo{width:48px;height:48px;object-fit:cover;border-radius:9px}.brand-name{font-size:13px;letter-spacing:.2px;font-weight:850}.brand-name small{display:block;color:#f4f329;font-size:11px;letter-spacing:2px;margin-top:4px}
.filter-button,.filter-panel,.detail,.legend,.map-actions #locate{background:var(--surface);color:var(--text);border-color:var(--line)}.filter-button{border:1px solid var(--line);font-weight:650}.filter-button[aria-expanded="true"]{background:var(--yellow);color:#242628}.filter-panel input,.filter-panel select{background:var(--field);color:var(--text);border-color:var(--line);accent-color:#c6c82a}.filter-panel>label,.filter-panel .places-toggle{color:var(--text)}.filter-panel p,.filter-footer,.detail p,.detail small,.eyebrow,.place-info{color:var(--muted)}.filter-footer button,.place-info[open] summary{color:var(--text)}.detail .close{color:var(--muted)}.detail .observation-actions{background:var(--surface)}.timeline-row{border-color:var(--line)}.place-state{background:var(--field);color:var(--muted)}.place-info summary{color:var(--muted)}input:focus,select:focus{outline-color:#c6c82a}.toast{background:#eeef3b;color:#242628}.detail a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
:root[data-theme="dark"] .place-state.is-police{background:#4c292b;color:#ffb6ad}:root[data-theme="dark"] .place-state.is-clear{background:#203e32;color:#a5e7bb}:root[data-theme="dark"] .detail::before{background:#65696b}:root[data-theme="dark"] .google-patrol-pin.neutral,:root[data-theme="dark"] .leaflet-place-pin.neutral{background:#4c535a;color:#e2e5e9;border-color:#858d94}:root[data-theme="dark"] .leaflet-tile-pane{filter:brightness(.7) saturate(.65)}
@media(max-width:760px){.brand-logo{width:40px;height:40px}.brand-name{font-size:11px}.brand-name small{font-size:10px}.map-top .brand{padding:5px 10px 5px 5px;gap:7px}}

/* Keep geolocation separate from the map provider zoom controls. */
.map-actions{bottom:max(36px,env(safe-area-inset-bottom));right:16px}
.leaflet-control-zoom{margin-top:95px!important}

.telegram-report{margin:18px 0;padding:14px;background:var(--field);border:1px solid var(--line);border-radius:12px}.telegram-report p{font-size:12px;line-height:1.5}.detail .telegram-report a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;margin-top:10px;border-radius:9px;background:var(--yellow);color:#242628;text-decoration:none;font-size:13px;font-weight:650}

.place-title{display:flex;align-items:flex-start;gap:8px;margin:10px 0}.detail .place-title h2{flex:1;min-width:0;margin:0;padding:0;overflow-wrap:anywhere}.detail .google-place-link{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;color:var(--muted);border-radius:10px;text-decoration:none;margin-top:-4px}.detail .google-place-link:hover{background:var(--field);color:var(--text)}

.place-title{display:block}.detail .place-title h2{display:block}.detail .google-place-link{display:inline-flex;vertical-align:-.1em;width:1em;height:1em;margin:0 0 0 .15em;border-radius:3px;line-height:1}.google-place-link svg{width:1em;height:1em;display:block}

.title-ending{white-space:nowrap}

.google-patrol-pin.neutral,.leaflet-place-pin.neutral,:root[data-theme="dark"] .google-patrol-pin.neutral,:root[data-theme="dark"] .leaflet-place-pin.neutral{background:#4b5563;color:#fff;border:2px solid #fff;box-shadow:0 3px 12px #142b3a45}

/* The projected coordinate is the exact tip of the marker. */
.google-patrol-pin{transform:translate(-50%,calc(-100% - 12px))}
.google-patrol-pin::after,.leaflet-place-pin::after{content:"";position:absolute;top:calc(100% + 3px);bottom:auto;left:calc(50% - 10px);width:20px;height:12px;border:0;background:#fff;transform:none;clip-path:polygon(0 0,100% 0,50% 100%);z-index:0}
.google-patrol-pin::before,.leaflet-place-pin::before{content:"";position:absolute;top:100%;left:calc(50% - 7px);width:14px;height:11px;background:inherit;clip-path:polygon(0 0,100% 0,50% 100%);z-index:1}
.google-patrol-pin.neutral::after,.leaflet-place-pin.neutral::after{top:calc(100% + 2px);bottom:auto;left:calc(50% - 10px);width:20px;height:12px;border:0}
.leaflet-place-pin{position:relative}

.demo-banner{position:absolute;top:90px;left:50%;transform:translateX(-50%);background:#eeef3b;color:#242628;padding:9px 14px;border-radius:10px;font-size:12px;font-weight:650;pointer-events:none;white-space:nowrap;z-index:450}@media(max-width:760px){.demo-banner{top:82px}}

.filter-panel .legend,.map-shell:has(.detail:not([hidden])) .filter-panel .legend{position:static;transform:none;display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;padding:14px 0 0;border-top:1px solid var(--line);border-radius:0;background:none;font-size:11px;color:var(--muted);white-space:normal}