html,body,#app{height:100%;margin:0}#map{height:100%}.panel{position:absolute;top:12px;right:12px;background:#fff8e8;color:#4b2d23;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.15);padding:12px 12px 10px;z-index:1200;width:240px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.panel h3{margin:0 0 8px;font-size:16px}.panel label{display:block;margin-top:8px;font-size:12px;opacity:.85}.panel .close{position:absolute;top:6px;right:8px;border:0;background:transparent;color:#4b2d23;font-size:22px;line-height:1;cursor:pointer;display:none}.legend{margin-top:8px;font-size:12px}.legend .swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:middle}.leaflet-popup-content{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.footer{position:absolute;bottom:10px;left:12px;z-index:1200;background:#fffc;padding:6px 8px;border-radius:10px;font-size:12px}.btn{display:inline-block;padding:6px 10px;border-radius:10px;background:#fcd581;color:#4b2d23;text-decoration:none;font-weight:600}.popup-photo{margin-top:6px;max-width:240px}.leaflet-popup-content .popup-photo{width:100%}.popup-photo .photo-img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.25);cursor:zoom-in}.filters-toggle{position:fixed;right:12px;bottom:12px;z-index:1300;display:none;border:0;border-radius:999px;padding:10px 14px;background:#506b31;color:#fff8e8;font-weight:600;box-shadow:0 6px 18px rgba(0,0,0,.2);cursor:pointer}.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1190;display:none}.backdrop.show{display:block}@media(max-width:800px){.filters-toggle{display:inline-flex;align-items:center;gap:6px}.panel{position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:min(92vw,420px);max-height:80vh;overflow:auto;display:none}.panel.open{display:block}.panel .close{display:inline-block}}