*{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;top:80px;left:20px;background:#242730f2;padding:20px;border-radius:8px;z-index:1000;min-width:220px}.controls h3{font-size:.9rem;margin-bottom:16px;color:#00d9ff}.control-group{margin-bottom:16px}.control-group label{font-size:.8rem;color:#888;display:block;margin-bottom:6px}.control-group select{width:100%;padding:8px;background:#2a2a4e;border:1px solid #444;border-radius:4px;color:#fff;font-size:.85rem}.control-group input[type=range]{width:100%}.controls button{width:100%;padding:10px;background:linear-gradient(135deg,#00d9ff,#0f8);color:#000;border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:.85rem}.controls button:hover{opacity:.9}.legend{position:absolute;bottom:40px;right:20px;background:#242730f2;padding:16px;border-radius:8px;z-index:1000;min-width:180px}.legend h4{font-size:.85rem;margin-bottom:12px;color:#00d9ff}.legend-gradient{height:20px;border-radius:4px;margin-bottom:8px}.legend-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#888}.status-message{position:absolute;top:80px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:8px;font-size:.9rem;z-index:2000}.status-loading{background:#0096ffe6;color:#fff}.status-success{background:#00c864e6;color:#fff}.status-error{background:#ff5050e6;color:#fff}