:root{--bg-black:#020408;--hud-panel:#0d1117d9;--glass-bg:#161b2299;--neon-blue:#00f2ff;--neon-purple:#bc13fe;--neon-green:#39ff14;--neon-red:#ff3131;--text-active:#fff;--text-dim:#8b949e;--border:#00f2ff40;--border-active:#00f2ffb3;--font-mono:"Space Mono", "Roboto Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-black);color:var(--text-active);height:100vh;font-family:Inter,sans-serif;overflow:hidden}.hud-container{background-color:var(--bg-black);grid-template:"header header header"70px"left center right"1fr"footer footer footer"140px/350px 1fr 350px;gap:0;height:100vh;display:grid;overflow:hidden}.sidebar{z-index:200;border-bottom:none;flex-direction:column;gap:1.5rem;height:100%;padding:1.5rem;display:flex;overflow-y:auto}.left-panel{border-right:1px solid var(--border);grid-area:left}.right-panel{border-left:1px solid var(--border);grid-area:right}.glass-panel{background:var(--hud-panel);-webkit-backdrop-filter:blur(25px);border:1px solid var(--border);position:relative}.header{border-bottom:1px solid var(--border);z-index:300;grid-area:header;justify-content:space-between;align-items:center;padding:0 2rem;display:flex}.header h1{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--neon-blue);font-size:1.2rem}.map-viewport{z-index:100;background:radial-gradient(circle,#0f172a 0%,#020408 100%);grid-area:center;position:relative;overflow:hidden}.map-svg-container{width:100%;height:100%;padding:2rem}.hud-card{border:1px solid var(--border);background:#ffffff08;border-radius:8px;width:100%;padding:1.25rem}.search-hub{z-index:1000;flex-direction:column;align-items:center;gap:1rem;width:auto;min-width:500px;max-width:800px;display:flex;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.search-bar-container{border:1px solid var(--border);background:#0d1117f2;border-radius:12px;align-items:center;gap:1rem;width:100%;padding:.5rem 1.25rem;display:flex;box-shadow:0 8px 32px #000c}.search-bar-container:focus-within{border-color:var(--neon-blue);box-shadow:0 0 20px #00f2ff26}.context-tag{border:1px solid var(--border);font-family:var(--font-mono);text-transform:uppercase;background:#00f2ff0d;border-radius:4px;padding:.5rem 1.2rem;font-size:.75rem}.context-tag.dest{border-color:var(--neon-green);color:var(--neon-green)}.tag-label{opacity:.5;margin-right:.5rem;font-weight:400}.search-bar-container:focus-within{border-color:var(--neon-blue);transform:translateY(-2px);box-shadow:0 0 30px #00f2ff33,0 10px 40px #0009}.search-bar-container.error-pulse{border-color:var(--neon-red);animation:1.5s infinite error-glow;box-shadow:0 0 20px #ff313133}@keyframes error-glow{0%,to{border-color:var(--neon-red)}50%{border-color:#ff31314d}}.search-bar-container input{color:#fff;font-size:1.1rem;font-family:var(--font-main);background:0 0;border:none;outline:none;flex:1;padding:.75rem 0}.search-bar-container input::placeholder{color:var(--text-dim);opacity:.7}.search-btn{background:var(--neon-blue);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;transition:transform .2s;display:flex}.search-btn:hover{transform:scale(1.1)}.search-btn:disabled{background:var(--text-dim);cursor:not-allowed}.context-display{gap:.75rem;animation:.5s cubic-bezier(.4,0,.2,1) slideInDown;display:flex}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.context-tag{border:1px solid var(--neon-blue);color:var(--neon-blue);font-size:.75rem;font-family:var(--font-mono);letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border-radius:50px;align-items:center;gap:.5rem;padding:.4rem 1rem;display:flex}