html,body,#root{margin:0;padding:0;height:100%;background:#111;color:#eee;font-family:monospace}#map{position:absolute;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh}.spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;background:#0009;color:#eee;padding:8px 14px;border-radius:4px;font-size:12px}.controls{position:absolute;top:14px;left:14px;background:#000000d9;color:#eee;padding:10px 12px;border-radius:4px;font-size:12px;z-index:150;display:flex;flex-direction:column;gap:6px;min-width:280px}.controls .row{display:flex;align-items:center;gap:8px}.controls label{color:#aaa;min-width:88px}.controls input[type=datetime-local],.controls select{background:#222;border:1px solid #555;color:#eee;padding:4px 6px;border-radius:3px;font-size:12px;font-family:monospace;flex:1}.controls button{background:#2a6df4;border:none;color:#fff;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:12px}.controls button:hover{background:#1a5de0}.controls button:disabled{background:#444;cursor:not-allowed}.controls .updated{color:#aaa;font-size:11px}.controls .ratio-toggle{display:flex;gap:4px}.controls .ratio-toggle button{background:#222;color:#eee;border:1px solid #555;padding:4px 8px;font-size:11px;flex:1}.controls .ratio-toggle button.active{background:#2a6df4;border-color:#2a6df4}#legend{position:absolute;bottom:32px;right:14px;background:#000c;color:#eee;padding:10px 14px;border-radius:4px;font-size:12px;z-index:150}#legend .bar{background:linear-gradient(to right,#00c000,#00c000 2%,#ffea00 10%,#f80 30%,#c00);width:200px;height:10px;border-radius:2px;margin:5px 0 2px}#legend .labels{display:flex;justify-content:space-between;width:200px;color:#aaa;font-size:11px}#legend .no-data{margin-top:6px;color:#aaa;display:flex;align-items:center;gap:6px}#legend .no-data .swatch{display:inline-block;width:12px;height:10px;background:#666;border-radius:2px}#tooltip{display:none;position:absolute;pointer-events:none;background:#000000d9;color:#eee;padding:8px 10px;border-radius:4px;font-size:12px;line-height:1.6;z-index:200}#cell-panel{position:absolute;top:48px;right:14px;width:320px;max-height:calc(100vh - 62px);overflow-y:auto;background:#000000e6;color:#eee;padding:12px 14px;border-radius:4px;font-size:12px;line-height:1.6;z-index:150}#cell-panel .close-btn{float:right;cursor:pointer;color:#aaa;font-size:14px;margin-left:8px}#cell-panel .close-btn:hover{color:#fff}#cell-panel h3{margin:0 0 8px;font-size:13px;letter-spacing:1px}#cell-panel .flights{margin-top:8px;border-top:1px solid #333;padding-top:8px}#cell-panel .flights a{display:block;color:#6cf;text-decoration:none;padding:4px 0;border-bottom:1px solid #222}#cell-panel .flights a:hover{color:#9ef;background:#ffffff0a}#cell-panel .flight-meta{color:#aaa;font-size:11px}#latlon-readout{position:absolute;top:14px;right:14px;background:#000000bf;color:#eee;padding:6px 10px;border-radius:4px;font-size:11px;font-family:monospace;z-index:160}#empty-notice{position:absolute;top:14px;left:50%;transform:translate(-50%);max-width:600px;width:calc(100% - 28px);background:#503c00f2;color:#ffe;border:1px solid #aa8800;border-radius:4px;padding:10px 14px;z-index:250;font-size:12px}#error-panel{position:absolute;top:14px;left:50%;transform:translate(-50%);max-width:600px;width:calc(100% - 28px);background:#460a0af2;color:#fff;border:1px solid #c44;border-radius:4px;padding:12px 14px;z-index:250;font-size:12px}#error-panel h3{margin:0 0 6px;font-size:13px}#error-panel pre{white-space:pre-wrap;word-break:break-all;margin:8px 0 0;font-size:11px;background:#0006;padding:6px 8px;border-radius:3px;max-height:240px;overflow:auto}#error-panel .actions{display:flex;gap:8px;margin-top:8px}#error-panel button{background:#2a6df4;color:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:12px}#error-panel button.secondary{background:#444}#error-panel .meta{color:#fcc;font-size:11px}