*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-dark:#0f1117;--bg-panel:#161b26;--bg-panel2:#1e2535;--border:#2a3347;--text-pri:#e8edf5;--text-sec:#8a9bb0;--accent:#e67e22;--radius:10px}html,body,#root{background:var(--bg-dark);height:100%;color:var(--text-pri);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{flex-direction:column;height:100%;display:flex}.app-header{background:var(--bg-panel);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.header-brand{align-items:center;gap:10px;display:flex}.brand-icon{color:var(--accent);font-size:22px;line-height:1}.brand-name{letter-spacing:-.3px;color:var(--text-pri);font-size:18px;font-weight:700}.header-tagline{color:var(--text-sec);letter-spacing:.5px;text-transform:uppercase;font-size:12px}.app-main{flex:1;display:flex;position:relative;overflow:hidden}.activity-filter{background:var(--bg-panel);border-right:1px solid var(--border);z-index:5;flex-direction:column;flex-shrink:0;width:210px;display:flex;overflow-y:auto}.filter-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.filter-title{letter-spacing:.8px;text-transform:uppercase;color:var(--text-sec);font-size:11px;font-weight:700}.filter-all-btn{border:1px solid var(--border);color:var(--text-sec);cursor:pointer;background:0 0;border-radius:4px;padding:3px 8px;font-size:11px;transition:border-color .15s,color .15s}.filter-all-btn:hover{border-color:var(--accent);color:var(--accent)}.filter-list{flex-direction:column;flex:1;gap:2px;padding:8px 0;display:flex}.filter-section-label{letter-spacing:.8px;text-transform:uppercase;color:#3d4f6a;padding:10px 16px 2px;font-size:10px;font-weight:700}.filter-footer{border-top:1px solid var(--border);padding:8px 16px}.filter-footer-note{color:#3d4f6a;font-size:10px;line-height:1.4}.filter-note{color:var(--activity-color);font-size:11px}.filter-item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:9px 16px;transition:background .15s;display:flex}.filter-item:hover{background:var(--bg-panel2)}.filter-item.active .filter-label{color:var(--text-pri)}.filter-item.inactive .filter-label{color:var(--text-sec)}.filter-item.inactive .filter-dot{border:2px solid color-mix(in srgb, var(--activity-color) 40%, #444);background:0 0}.filter-item.inactive .filter-icon{opacity:.35}.filter-item.inactive .filter-toggle{color:#444}.filter-dot{background:var(--activity-color);border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:background .15s}.filter-icon{color:var(--activity-color);flex-shrink:0;align-items:center;transition:opacity .15s;display:flex}.filter-label{flex:1;font-size:13px;font-weight:500;transition:color .15s}.filter-toggle{letter-spacing:.5px;color:var(--activity-color);font-size:10px;font-weight:700;transition:color .15s}.map-wrapper{background:#000;flex:1;position:relative;overflow:hidden}.map-wrapper>div{width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.map-status{z-index:100;pointer-events:none;position:absolute;top:12px;right:12px}.status-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.status-badge.loading{color:var(--text-sec);border:1px solid var(--border);background:#161b26e6}.status-badge.loaded{color:var(--text-sec);border:1px solid var(--border);background:#161b26d9}.status-badge.zoom-hint{color:var(--accent);background:#e67e221f;border:1px solid #e67e224d}.status-badge.error{color:#ff6b6b;background:#dc32321f;border:1px solid #dc32324d}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.api-key-error{background:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.api-key-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:480px;padding:40px}.api-key-logo{align-items:center;gap:12px;margin-bottom:28px;display:flex}.mountain-icon{color:var(--accent);font-size:32px}.api-key-logo h1{color:var(--text-pri);font-size:22px;font-weight:700}.api-key-card h2{color:var(--text-pri);margin-bottom:12px;font-size:18px;font-weight:600}.api-key-card p{color:var(--text-sec);margin-bottom:12px;font-size:14px;line-height:1.6}.api-key-card pre{background:var(--bg-dark);border:1px solid var(--border);color:#4caf50;border-radius:6px;margin-bottom:16px;padding:12px 16px;font-size:13px;overflow-x:auto}.api-key-card code{background:var(--bg-dark);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:13px}.api-key-hint{color:var(--text-sec)!important;font-size:13px!important}