*{box-sizing:border-box}body{margin:0;font:16px system-ui;color:#122738}#map{height:100dvh;width:100%}header,footer,aside{position:fixed;z-index:1000}header{top:12px;left:12px;right:12px;background:#122738;color:white;padding:14px 18px;border-radius:18px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0003}small{display:block;font-weight:400;font-size:12px;opacity:.7}button{border:0;border-radius:12px;padding:14px;font:inherit;cursor:pointer;min-height:48px}header button{background:#ffffff20;color:white}footer{bottom:0;left:0;right:0;padding:12px 16px max(16px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#f4f7fa 35%)}footer p{font-size:12px;text-align:center;background:#fffE;border-radius:8px;padding:8px}footer div{display:flex;gap:10px;max-width:560px;margin:auto}footer button{background:#122738;color:white}#report{flex:1;background:#007e80;font-weight:700}aside{top:100px;left:50%;transform:translateX(-50%);background:white;border-radius:12px;padding:8px 14px;font-size:13px;white-space:nowrap;box-shadow:0 2px 10px #0002}dialog{border:0;border-radius:20px;max-width:90vw;width:400px;padding:24px}dialog::backdrop{background:#12273888}textarea{width:100%;height:90px;font:inherit;padding:10px;border:1px solid #ccc;border-radius:10px}form div{display:flex;justify-content:space-between;margin-top:16px}#submit{background:#007e80;color:white}.pin{background:#007e80;color:white;border:3px solid white;border-radius:50%;text-align:center;line-height:30px;font-size:18px;box-shadow:0 2px 8px #0005}.old{background:#b77913}.gone{background:#777}.leaflet-control-zoom{margin-top:160px!important}.leaflet-popup-content button{font-size:13px;margin:4px;padding:8px}.leaflet-popup-content p{overflow-wrap:anywhere}
 #crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:500;pointer-events:none;font-size:28px;color:#122738;text-shadow:0 0 3px white,0 0 3px white}