:root{--explorer-primary: #4a7c59;--explorer-primary-dark: #2d5a3a;--explorer-primary-light: #5a8c69;--explorer-bg-tint: #f5f9f6;--explorer-accent: #059669}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden}#map{position:absolute;top:0;left:0;width:100%;height:100%}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:48px;background:var(--explorer-bg-tint);box-shadow:0 2px 4px #4a7c5926;z-index:1001;padding:0 16px;align-items:center}.header-logo{display:flex;align-items:center;gap:6px;text-decoration:none;font-size:1.1rem}.header-logo .brand-name{font-weight:700;color:var(--explorer-primary)}.header-logo .brand-divider{font-weight:300;color:#999}.header-logo .brand-app{font-weight:500;color:#333}@media(max-width:768px){.mobile-header{display:flex}#map{top:48px;height:calc(100% - 48px)}}#sidebar{position:fixed;top:0;right:0;width:360px;height:100vh;background:var(--explorer-bg-tint);box-shadow:-2px 0 12px #4a7c5933;z-index:1000;display:flex;flex-direction:column;overflow:hidden}@media(max-width:768px){#sidebar{inset:auto 0 0;width:100%;height:50vh;box-shadow:0 -2px 12px #4a7c5933}}.sidebar-header{padding:20px;background:linear-gradient(135deg,var(--explorer-primary) 0%,var(--explorer-primary-dark) 100%);color:#fff;flex-shrink:0}.sidebar-header h1{font-size:20px;margin:0 0 8px;font-weight:700}.sidebar-header .sidebar-brand{font-weight:400;opacity:.9}.sidebar-header .sidebar-app{font-weight:700}.sidebar-header p{font-size:12px;margin:0;opacity:.9}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden}.location-info{padding:16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.location-info.empty{display:none}.location-coords{font-size:11px;color:#666;margin-bottom:12px}.location-data{display:grid;gap:8px}.layers-section{padding:16px}.layers-title{font-size:14px;font-weight:600;color:#666;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.layer-item{margin-bottom:10px;padding:14px;background:#f5f5f5;border:3px solid #ccc;border-radius:8px;cursor:pointer;transition:all .2s;position:relative;opacity:.6;min-height:85px}.layer-item:hover{border-color:var(--explorer-primary-light);background:var(--explorer-bg-tint);opacity:.85}.layer-item.active{border-color:var(--explorer-primary);background:#fff;box-shadow:0 3px 12px #4a7c5940;opacity:1}.layer-item-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.layer-checkbox-visual{width:24px;height:24px;border:3px solid #999;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#fff}.layer-item.active .layer-checkbox-visual{background:var(--explorer-primary);border-color:var(--explorer-primary)}.layer-item.active .layer-checkbox-visual:after{content:"✓";color:#fff;font-size:16px;font-weight:700}.layer-name{flex:1;font-size:14px;font-weight:600;color:#333}.layer-date{display:block;font-size:11px;color:#888;font-weight:400;margin-top:3px}.layer-date-badge{display:inline-block;background:#e8f4fd;color:#1a73e8;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600}.layer-info-icon{font-size:16px;color:#007bff;cursor:pointer;padding:4px;flex-shrink:0}.layer-info-icon:hover{color:#0056b3}.explore-guide{background:linear-gradient(135deg,#f0f9f4,#e0f5eb);border:1px solid #a7dfc4;border-radius:8px;padding:12px;margin-bottom:12px}.explore-guide p{margin:0 0 6px;font-size:13px;color:#1e4a3a;line-height:1.4}.explore-guide p:last-child{margin-bottom:0}.explore-guide em{background:#f3f4f6;padding:1px 4px;border-radius:3px;font-style:normal;font-size:11px}.explore-guide.hidden{display:none}.freshness-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.freshness-current{background:#d1fae5;color:#065f46}.freshness-recent{background:#fef3c7;color:#92400e}.freshness-older{background:#fee2e2;color:#991b1b}.layer-value{font-size:12px;color:#666;padding-left:30px;min-height:28px;opacity:0;pointer-events:none}.layer-item.has-data .layer-value{opacity:1;pointer-events:auto}.layer-value-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:4px}.layer-value-amount{font-size:16px;font-weight:700;color:#333}.layer-value-unit{font-size:11px;color:#999;margin-left:4px}.layer-concern-badge{font-size:10px;padding:2px 6px;background:#28a745;color:#fff;border-radius:3px;font-weight:600}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px 40px;border-radius:8px;box-shadow:0 2px 12px #0003;z-index:2000}.sidebar-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sidebar-header-actions{display:flex;gap:8px;align-items:center}.gps-button{width:32px;height:32px;border-radius:50%;border:none;background:#fff3;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.gps-button:hover{background:#ffffff4d}.gps-button.loading{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.maplibregl-popup-close-button{font-size:24px;width:32px;height:32px;line-height:28px;padding:0;right:4px;top:4px;color:#666;background:#f3f4f6;border-radius:50%;border:none;cursor:pointer}.maplibregl-popup-close-button:hover{background:#e5e7eb;color:#333}.maplibregl-popup-content{padding:36px 16px 16px;border-radius:8px}.attribution-footer{padding:8px 16px;border-top:1px solid #e5e7eb;margin-top:auto}.attr-toggle{background:none;border:none;color:#9ca3af;font-size:11px;cursor:pointer;padding:0}.attr-toggle:hover{color:#6b7280}.attr-content{font-size:10px;color:#9ca3af;line-height:1.4;margin-top:6px}.attr-content.hidden{display:none}.welcome-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px;backdrop-filter:blur(4px)}.welcome-modal.hidden{display:none}.welcome-content{background:#fff;border-radius:16px;padding:32px;max-width:420px;width:100%;box-shadow:0 20px 60px #0000004d;animation:welcomeSlideIn .3s ease-out}@keyframes welcomeSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.welcome-logo{font-size:32px}.welcome-header h2{font-size:24px;font-weight:700;color:#1a202c;margin:0}.welcome-intro{font-size:15px;color:#4a5568;line-height:1.6;margin:0 0 20px}.welcome-features{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.welcome-feature{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#f7fafc;border-radius:8px;font-size:14px;color:#2d3748}.welcome-feature span:first-child{font-size:18px}.welcome-cta-text{font-size:13px;color:#718096;margin:0 0 20px;text-align:center}.welcome-cta-text a{color:var(--explorer-primary);text-decoration:none;font-weight:500}.welcome-cta-text a:hover{text-decoration:underline}.welcome-button{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--explorer-primary) 0%,var(--explorer-primary-dark) 100%);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.welcome-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4a7c5966}.welcome-button:active{transform:translateY(0)}@media(max-width:480px){.welcome-content{padding:24px}.welcome-header h2{font-size:20px}.welcome-intro{font-size:14px}}.search-box{padding:12px 16px;border-bottom:1px solid #e5e7eb}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:10px;color:#9ca3af;pointer-events:none}#search-input,#mobile-search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}#search-input:focus,#mobile-search-input:focus{border-color:var(--explorer-primary)}#mobile-search-input{padding-left:12px}.search-results{display:none;margin-top:8px;max-height:200px;overflow-y:auto;border-radius:8px;background:#fff;box-shadow:0 2px 8px #0000001a}.search-results.visible{display:block}.search-result-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .15s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--explorer-bg-tint)}.search-result-item .result-name{display:block;font-weight:500;color:#1f2937;font-size:13px}.search-result-item .result-details{display:block;font-size:11px;color:#6b7280;margin-top:2px}.search-no-results{padding:12px;text-align:center;color:#9ca3af;font-size:13px}.radar-chart-container{display:flex;justify-content:center;padding:8px 0}#radar-chart{max-width:100%}.mobile-bottom-bar{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:1001;box-shadow:0 -2px 10px #0000001a}@media(max-width:768px){.mobile-bottom-bar{display:flex}#sidebar{display:none}}.mobile-bar-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:#6b7280;cursor:pointer;padding:6px 0;transition:color .2s}.mobile-bar-btn:hover,.mobile-bar-btn.active{color:#4a5568}.mobile-bar-btn:disabled{color:#d1d5db;cursor:not-allowed}.mobile-bar-btn svg{width:24px;height:24px}.mobile-bar-btn span{font-size:10px;font-weight:500}.mobile-panel{position:fixed;left:0;right:0;bottom:-100%;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026;z-index:1002;max-height:70vh;overflow:hidden;transition:bottom .3s ease;display:none}@media(max-width:768px){.mobile-panel{display:block}}.mobile-panel.open{bottom:60px}.mobile-panel-header{position:sticky;top:0;background:#fff;padding:16px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;z-index:1}.mobile-panel-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.mobile-panel-close{background:none;border:none;font-size:28px;color:#6b7280;cursor:pointer;padding:0;line-height:1}.mobile-panel-content{padding:16px;overflow-y:auto;max-height:calc(70vh - 60px)}.mobile-data-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:8px;margin-bottom:8px}.mobile-data-label{font-size:13px;font-weight:500;color:#374151}.mobile-data-value{font-size:12px;color:#6b7280;flex:1;text-align:center}.mobile-data-badge{font-size:10px;padding:3px 8px;border-radius:4px;color:#fff;font-weight:600}#mobile-layers-content .layer-item{min-height:auto;padding:12px}#mobile-layers-content .layer-value{display:none}.gps-marker{width:24px;height:24px;position:relative}.gps-marker-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#3b82f6;border:3px solid white;border-radius:50%;box-shadow:0 2px 6px #3b82f680}.gps-marker-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#3b82f64d;border-radius:50%;animation:gpsPulse 2s ease-out infinite}@keyframes gpsPulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.mobile-bar-btn.tracking{color:#3b82f6;background:#3b82f61a}.mobile-bar-btn.tracking svg{animation:trackingPulse 1.5s ease-in-out infinite}@keyframes trackingPulse{0%,to{opacity:1}50%{opacity:.5}}