*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#fff}.header{padding:16px 24px;background:#0000004d;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.header h1{font-size:1.2rem;font-weight:500}.header a{color:#00d9ff;text-decoration:none;font-size:.9rem}.header a:hover{text-decoration:underline}#map{width:100%;height:calc(100vh - 60px)}.controls{position:absolute;bottom:20px;left:20px;background:#000000d9;padding:16px;border-radius:8px;z-index:1000;min-width:280px}.controls h3{font-size:.9rem;margin-bottom:12px;color:#00d9ff}.controls button{background:#00d9ff;color:#000;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.85rem;margin:4px 0;display:block;width:100%}.controls button:hover{background:#0f8}.controls button.loading{background:#666;cursor:wait}.control-group{margin:12px 0}.control-group label{font-size:.8rem;color:#888;display:block;margin-bottom:4px}.control-group input[type=range]{width:100%}.info-panel{position:absolute;top:80px;right:20px;background:#000000d9;padding:16px;border-radius:8px;z-index:1000;min-width:280px}.info-panel h3{font-size:.9rem;margin-bottom:12px;color:#00d9ff}.info-row{display:flex;justify-content:space-between;font-size:.8rem;margin:6px 0;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-label{color:#888}.info-value{color:#fff}.legend{margin-top:16px}.legend-title{font-size:.8rem;color:#888;margin-bottom:8px}.legend-item{display:flex;align-items:center;font-size:.75rem;margin:4px 0}.legend-color{width:16px;height:16px;margin-right:8px;border-radius:2px}.status-message{font-size:.8rem;padding:8px;border-radius:4px;margin-top:12px;text-align:center}.status-loading{background:#00d9ff33;color:#00d9ff}.status-success{background:#0f83;color:#0f8}.status-error{background:#ff6b6b33;color:#ff6b6b}