*{margin:0;padding:0;box-sizing:border-box}:root{--sidebar-width: 340px;--bg: #1a1a2e;--bg-panel: #16213e;--bg-input: #0f3460;--text: #e8e8e8;--text-muted: #a0a0b0;--accent: #e94560;--accent-hover: #ff6b81;--border: #2a2a4a;--radius: 8px}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}#app{display:flex;height:100%}#sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;overflow-y:auto;background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:0}.sidebar-header{padding:20px 16px 12px;border-bottom:1px solid var(--border)}.sidebar-header h1{font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.subtitle{font-size:.8rem;color:var(--text-muted);margin-top:2px}.panel{padding:14px 16px;border-bottom:1px solid var(--border)}.panel h2{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:10px}#preset-buttons{display:flex;flex-wrap:wrap;gap:6px}.preset-btn{background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:20px;padding:5px 12px;font-size:.78rem;cursor:pointer;transition:all .15s;white-space:nowrap}.preset-btn:hover,.preset-btn.active{background:var(--accent);border-color:var(--accent)}.field{margin-bottom:10px;position:relative}.field label{display:block;font-size:.75rem;font-weight:500;color:var(--text-muted);margin-bottom:4px}.field input,.field select{width:100%;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.85rem;outline:none;transition:border-color .15s}.field input:focus,.field select:focus{border-color:var(--accent)}.field-row{display:flex;gap:8px}.field-row .field{flex:1}.suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);max-height:200px;overflow-y:auto;z-index:100}.suggestion-item{padding:8px 10px;font-size:.82rem;cursor:pointer;border-bottom:1px solid var(--border)}.suggestion-item:hover{background:var(--bg-input)}.suggestion-item:last-child{border-bottom:none}.suggestion-item .common-name{color:var(--text-muted);font-size:.75rem}.btn-primary{width:100%;padding:10px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.status{margin-top:8px;padding:8px 10px;background:var(--bg-input);border-radius:var(--radius);font-size:.8rem;color:var(--text-muted)}.status.error{color:var(--accent);background:#e945601a}.layer-toggle{display:flex;gap:4px;margin-bottom:10px}.layer-btn{flex:1;padding:7px 4px;background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);font-size:.72rem;font-weight:500;cursor:pointer;transition:all .15s}.layer-btn:hover{color:var(--text)}.layer-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}#legend-content{display:flex;flex-direction:column;gap:4px}.legend-item{display:flex;align-items:center;gap:8px;font-size:.8rem}.legend-swatch{width:14px;height:14px;border-radius:50%;flex-shrink:0}.legend-label{color:var(--text)}.legend-count{color:var(--text-muted);font-size:.72rem;margin-left:auto}.sidebar-footer{padding:12px 16px;margin-top:auto;font-size:.72rem;color:var(--text-muted)}.sidebar-footer a{color:var(--accent);text-decoration:none}.sidebar-footer a:hover{text-decoration:underline}#map-container{flex:1;position:relative}#map{width:100%;height:100%}.maplibregl-popup-content{background:var(--bg-panel)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;padding:10px 14px!important;font-family:inherit!important;font-size:.82rem!important;max-width:280px!important}.maplibregl-popup-tip{border-top-color:var(--bg-panel)!important}.maplibregl-popup-close-button{color:var(--text-muted)!important;font-size:1.1rem!important}.popup-title{font-weight:600;font-size:.9rem;margin-bottom:4px}.popup-common{color:var(--text-muted);font-size:.78rem;margin-bottom:6px}.popup-meta{font-size:.72rem;color:var(--text-muted);line-height:1.5}.popup-link{display:inline-block;margin-top:6px;color:var(--accent);text-decoration:none;font-size:.78rem}.popup-link:hover{text-decoration:underline}.export-panel{padding-top:12px}.export-buttons{display:flex;gap:8px}.btn-export{flex:1;padding:8px 12px;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.btn-export:hover{border-color:var(--accent);background:var(--bg-panel)}.btn-export:active{opacity:.8}@media(max-width:768px){#app{flex-direction:column}#sidebar{width:100%;min-width:100%;height:auto;max-height:40vh;border-right:none;border-bottom:1px solid var(--border)}#map-container{height:60vh}}