*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #326510;--accent: #8fbc5a;--bg: #faf8f3;--surface: #fff;--text: #1a1a1a;--muted: #666;--border: #e0ddd4;--error: #c7402d}body{background:var(--bg);color:var(--text);line-height:1.6;padding:20px 20px 0;min-height:100vh;display:flex;flex-direction:column}header{text-align:center;margin-bottom:40px}h1{font-size:2.5em;color:var(--primary);margin-bottom:8px}.subtitle{color:var(--muted);font-size:1.1em}.main-content{display:grid;grid-template-columns:1fr 400px;gap:30px;margin-bottom:30px}.map-section{position:relative}.radius-hint{position:absolute;top:20px;right:20px;background:#fffffff2;padding:12px 20px;border:2px solid var(--border);border-radius:4px;font-weight:700;color:var(--primary);z-index:1000;pointer-events:none;box-shadow:0 2px 8px #0000001a}.map-container{width:100%;height:600px;border:2px solid var(--border);border-radius:4px;cursor:crosshair}.sidebar{display:flex;flex-direction:column}.images-section{background:var(--surface);padding:25px;border:2px solid var(--border);border-radius:4px;height:600px;overflow-y:auto}.image-grid{display:flex;flex-direction:column;gap:15px}.image-card{background:var(--bg);border:2px solid var(--border);border-radius:4px;overflow:hidden}.image-card img{width:100%;height:200px;object-fit:cover;display:block}.image-info{padding:12px}.image-info h4{margin-bottom:4px}.image-info p{color:var(--muted);font-size:.85em;margin-bottom:3px}.license{font-size:.75em!important;opacity:.7}.dragonfly-marker{font-size:20px;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.3))}.loading{text-align:center;padding:40px;background:var(--surface);border:2px solid var(--border);border-radius:4px;margin-bottom:20px}.spinner{border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite;margin:0 auto 15px}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#fdecea;color:var(--error);padding:20px;border-radius:4px;border-left:4px solid var(--error);margin-bottom:20px}.results{margin-top:30px}.stat-card{background:var(--primary);color:#fff;padding:40px;border-radius:4px;text-align:center;margin-bottom:30px}.stat-number{font-size:4em;font-weight:700}.stat-label{font-size:1.2em;text-transform:uppercase;letter-spacing:2px;opacity:.9}.chart-section{background:var(--surface);padding:30px;border:2px solid var(--border);border-radius:4px;margin-bottom:30px}.chart-title{margin-bottom:25px;color:var(--primary);font-size:1.2em;text-transform:uppercase;letter-spacing:1px}.chart{display:flex;align-items:flex-end;gap:12px;height:200px;overflow-x:auto;padding:20px 0 10px}.bar-item{display:flex;flex-direction:column;align-items:center;height:100%;min-width:60px;flex-shrink:0;flex-grow:1}.bar{width:100%;background:var(--accent);border-radius:4px 4px 0 0;align-self:flex-end}.bar-label{margin-top:8px;font-weight:700;font-size:.85em;text-align:center;word-wrap:break-word;max-width:100%}.bar-count{font-size:.75em;color:var(--muted);margin-top:2px}footer{text-align:center;background-color:#abbaba;color:#000;width:100%;padding:10px 0;margin-top:auto}.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large{background-color:#4a7c2c99}.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div{background-color:#4a7c2ccc;color:#fff;font-weight:700}@media(max-width:1200px){.main-content{grid-template-columns:1fr}.images-section{height:400px}}@media(max-width:768px){h1{font-size:2em}.map-container{height:400px}.images-section{height:350px}.stat-number{font-size:3em}.chart{height:160px}.bar-item{min-width:50px}}