*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{font-family:'Open Sans',sans-serif;background:#f3f8f7;color:#1a3534;-webkit-font-smoothing:antialiased}:root{--mode-color:#4fbfbc;--mode-glow:rgba(79,191,188,.28)}.hidden{display:none!important}#app{display:flex;flex-direction:column;height:100vh;height:100dvh}#app-header{flex-shrink:0;background:#fff;border-bottom:3px solid var(--mode-color);padding:12px 14px;transition:border-color .35s}.header-inner{display:flex;align-items:center;gap:9px}.header-logo{height:28px;width:28px;object-fit:contain;border-radius:3px;flex-shrink:0}.header-wordmark{flex:1;display:flex;align-items:baseline;gap:0;overflow:hidden;white-space:nowrap}.w-the{font-family:'Open Sans',sans-serif;font-weight:400;font-size:11px;color:#9ab5b3;letter-spacing:.3px}.w-wedge{font-family:'Bree Serif',serif;font-size:18px;color:#4fbfbc;letter-spacing:-.2px;margin:0 2px 0 1px}.w-sep{color:#cce0df;font-size:13px;margin:0 2px}.w-app{font-family:'Open Sans',sans-serif;font-weight:600;font-size:13px;color:#1a3534;letter-spacing:.1px}.badge{padding:3px 10px;border-radius:20px;flex-shrink:0;font-family:'Open Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:var(--mode-color);color:#fff;transition:background .35s}#map-wrap{flex:1;position:relative;overflow:hidden}#map{width:100%;height:100%}#map.crosshair{cursor:crosshair}#legend{position:absolute;top:10px;right:10px;z-index:400;background:#fff;border:1.5px solid #cce0df;border-radius:10px;padding:10px 14px;box-shadow:0 2px 10px rgba(26,53,52,.09)}.legend-title{color:#9ab5b3;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;margin-bottom:7px}.legend-bar{height:10px;width:90px;border-radius:5px;background:linear-gradient(to right,red,#ff0);margin-bottom:5px}.legend-row{display:flex;justify-content:space-between;color:#9ab5b3;font-size:10px;width:90px}#btn-geolocate,#btn-info{position:absolute;right:10px;z-index:450;width:40px;height:40px;border-radius:50%;background:#fff;color:#4fbfbc;border:1.5px solid #cce0df;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(26,53,52,.1);transition:background .15s,border-color .2s,color .2s}#btn-geolocate{bottom:28px}#btn-geolocate:hover{background:#f3f8f7}#btn-geolocate.geolocate-err{border-color:#dc2626;color:#dc2626}#btn-info{bottom:76px;font-family:Georgia,serif;font-size:15px;font-style:italic;font-weight:700}#btn-info:hover{background:#f3f8f7}#info-panel{position:absolute;bottom:124px;right:10px;z-index:450;background:#fff;border:1.5px solid #cce0df;border-radius:13px;padding:14px 16px;max-width:250px;box-shadow:0 4px 20px rgba(26,53,52,.12)}.loc-dot{width:14px;height:14px;background:#2563eb;border:2.5px solid #fff;border-radius:50%;box-shadow:0 0 0 1.5px rgba(37,99,235,.35),0 1px 4px rgba(0,0,0,.18)}.info-title{font-family:'Bree Serif',serif;font-size:15px;color:#1a3534;margin-bottom:8px;padding-right:20px}#info-body{font-size:13px;color:#6b7c7b;line-height:1.6}.info-close{position:absolute;top:8px;right:10px;background:0 0;border:none;cursor:pointer;color:#9ab5b3;font-size:14px;line-height:1;padding:2px 4px}.info-close:hover{color:#1a3534}#toolbar{flex-shrink:0;background:#fff;border-top:1.5px solid #cce0df;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.tb-row{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}#cleanup-hint{color:#6b7c7b;font-size:13px;text-align:center;margin-bottom:8px;min-height:18px}.btn{padding:9px 15px;border-radius:9px;border:none;cursor:pointer;font-family:'Open Sans',sans-serif;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;transition:background .15s,transform .08s,box-shadow .15s;user-select:none;line-height:1}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.96)}.btn-mode{background:#f3f8f7;color:#6b7c7b;border:1.5px solid #cce0df}.btn-mode:hover:not(:disabled){background:#e8f3f2}.btn-mode.active{background:var(--mode-color);color:#fff;border-color:var(--mode-color);box-shadow:0 0 0 3px var(--mode-glow)}.btn-blue,.btn-primary{background:#4fbfbc;color:#fff}.btn-blue:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:#3aacaa}.btn-green{background:#16a34a;color:#fff}.btn-green:hover:not(:disabled){background:#15803d}.btn-red{background:#dc2626;color:#fff}.btn-red:hover:not(:disabled){background:#b91c1c}.btn-muted{background:#f3f8f7;color:#6b7c7b;border:1.5px solid #cce0df}.btn-muted:hover:not(:disabled){background:#e8f3f2;color:#1a3534}#btn-submit{background:var(--mode-color);color:#fff}#btn-submit:hover:not(:disabled){filter:brightness(.9)}.btn-sm{padding:7px 12px;font-size:13px}.btn-block{width:100%;justify-content:center}.draw-dot{cursor:grab}@keyframes pulseRing{0%{transform:scale(1);opacity:.85}100%{transform:scale(3.6);opacity:0}}.pulse-ring{animation:1.5s ease-out infinite pulseRing;transform-box:fill-box;transform-origin:50% 50%;pointer-events:none}@keyframes pendingPop{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}.pending-icon{width:32px;height:32px;background:#fff;border:2px solid #4fbfbc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 2px 10px rgba(79,191,188,.3);animation:1.2s ease-in-out infinite pendingPop}.map-popup .leaflet-popup-content-wrapper{background:#fff;border:1.5px solid #cce0df;border-radius:13px;padding:0;box-shadow:0 4px 20px rgba(26,53,52,.12);color:#1a3534}.map-popup .leaflet-popup-content{margin:0;font-family:'Open Sans',sans-serif;font-size:14px;line-height:1.4}.map-popup .leaflet-popup-tip{background:#fff;box-shadow:none}.map-popup .leaflet-popup-close-button{display:none}.pop-inner{padding:14px 16px}.pop-title{font-family:'Bree Serif',serif;color:#1a3534;font-size:15px;margin-bottom:6px}.pop-body{color:#6b7c7b;font-size:13px;line-height:1.5;margin-bottom:2px}.pop-age{color:#9ab5b3;font-size:12px;margin-bottom:10px}.pop-row{display:flex;gap:8px;margin-top:10px}@keyframes modalIn{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}#modal-overlay{position:fixed;inset:0;z-index:900;background:rgba(8,24,24,.6);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{background:#fff;border:1.5px solid #cce0df;border-radius:16px;padding:24px;max-width:340px;width:100%;animation:.2s ease-out modalIn}.modal-box h3{font-family:'Bree Serif',serif;color:#1a3534;font-size:18px;margin-bottom:10px}.modal-box p{color:#6b7c7b;font-size:15px;line-height:1.6;margin-bottom:20px}.modal-btns{display:flex;gap:10px;justify-content:flex-end}.leaflet-control-zoom{margin-top:10px!important;margin-right:10px!important}.leaflet-bar{border:1.5px solid #cce0df!important;border-radius:9px!important;overflow:hidden;box-shadow:0 2px 8px rgba(26,53,52,.1)!important}.leaflet-bar a{background:#fff!important;color:#4fbfbc!important;border-bottom-color:#cce0df!important;font-weight:700!important;width:30px!important;height:30px!important;line-height:29px!important;font-size:16px!important}.leaflet-bar a:hover{background:#f3f8f7!important}.leaflet-control-attribution{background:rgba(255,255,255,.85)!important;color:#9ab5b3!important;font-size:9px!important;border-top-left-radius:6px!important}.leaflet-container{font-family:'Open Sans',sans-serif!important}