*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{flex-direction:column;height:100svh;display:flex}header{color:#fff;background:linear-gradient(135deg,#3b6b4a 0%,#30858a 100%);padding:1.5rem 2rem;box-shadow:0 2px 8px #0000001a}header h1{margin-bottom:.3rem;font-size:1.8rem;font-weight:600}header p{opacity:.95;font-size:.95rem}#map{flex:1;width:100%;position:relative}footer{text-align:center;background:#f5f5f5;border-top:1px solid #ddd;padding:1rem 2rem;font-size:.9rem}footer a{color:#30858a;font-weight:500;text-decoration:none}footer a:hover{text-decoration:underline}.category-marker{background:0 0;border:none}.map-legend{background:#fff;border-radius:8px;min-width:200px;padding:.8rem 1rem;font-size:.85rem;box-shadow:0 2px 8px #0003}.map-legend h4{color:#30858a;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:.5rem;margin:0 0 .6rem;padding-bottom:.4rem;font-size:.9rem;display:flex}.legend-toggle{cursor:pointer;color:#30858a;background:0 0;border:none;padding:0;font-size:.85rem;line-height:1}.legend-body.legend-collapsed{display:none}.map-legend.legend-is-collapsed{padding-top:.5rem;padding-bottom:.5rem}.map-legend.legend-is-collapsed h4{border-bottom:none;margin-bottom:0;padding-bottom:0}.legend-item{align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.legend-dot{border:2px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;line-height:1;display:flex;box-shadow:0 1px 3px #0000004d}.leaflet-popup-content-wrapper{border-radius:8px;box-shadow:0 4px 12px #00000026}.popup-content{padding:.5rem}.popup-content h3{color:#2d5016;margin-bottom:.5rem;font-size:1.1rem;line-height:1.3}.popup-section{margin:.8rem 0;font-size:.9rem}.popup-section strong{color:#2d5016;margin-bottom:.3rem;display:block}.popup-section--inline strong{margin-bottom:0;display:inline}.popup-section p{margin:.3rem 0;line-height:1.5}.popup-section a{color:#4a7c25;font-weight:500;text-decoration:none}.popup-section a:hover{text-decoration:underline}.practices-list{margin:.3rem 0;padding:0;list-style:none}.practices-list li{padding:.2rem 0 .2rem 1.2rem;position:relative}.practices-list li:before{content:"→";color:#4a7c25;font-weight:700;position:absolute;left:0}.attr-info{color:#fff;cursor:help;vertical-align:middle;background:#30858a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;margin-left:.35em;font-size:.7rem;font-style:normal;line-height:1;display:inline-flex;position:relative}.attr-info:after{content:attr(data-tooltip);color:#fff;white-space:normal;pointer-events:none;opacity:0;z-index:9999;background:#333;border-radius:4px;width:max-content;max-width:180px;padding:.35rem .5rem;font-size:.75rem;line-height:1.35;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.attr-info:hover:after,.attr-info--active:after{opacity:1}.attr-info--wide:after{max-width:260px;left:0;transform:none}.popup-stats{background:#f9f9f9;border-radius:6px;gap:1rem;margin:1rem 0;padding:.8rem;display:flex}.stat{text-align:center;flex:1}.stat-label{color:#666;text-transform:uppercase;margin-bottom:.2rem;font-size:.75rem;font-weight:500;display:block}.stat-value{color:#2d5016;font-size:1.1rem;font-weight:600;display:block}.category-badge{border-radius:4px;margin-bottom:.5rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.status-badge{text-transform:uppercase;border-radius:4px;margin-bottom:.5rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.status-active{color:#155724;background:#d4edda}.status-pilot{color:#856404;background:#fff3cd}.status-completed{color:#0c5460;background:#d1ecf1}.app-version{color:#999;z-index:1000;font-size:.7rem;position:absolute;bottom:.4rem;right:1rem}.leaflet-control-attribution{opacity:.5!important;font-size:.7rem!important}@media (width<=768px){header{padding:1rem}header h1{font-size:1.3rem}header p{font-size:.85rem}.popup-stats{flex-direction:column;gap:.5rem}.leaflet-popup{max-width:calc(100vw - 40px)!important}.leaflet-popup-content-wrapper{max-width:calc(100vw - 40px)}.leaflet-popup-content{max-width:calc(100vw - 60px);margin:10px 12px}}.debug-label{color:#fff;white-space:nowrap;pointer-events:none;background:#00000080;border:none;border-radius:3px;padding:1px 4px;font-size:14px}