@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";.hud{--glass:#0b1020cc;--edge:#96beff29;--text:#e6ecff;--dim:#8b97b8;--cyan:#22e6ff;--violet:#9b5cff;--red:#ff3b4f;--sans:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;pointer-events:none;box-sizing:border-box;font-family:var(--sans);color:var(--text);flex-direction:column;align-items:flex-start;gap:12px;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden}.hud *,.hud :before,.hud :after{box-sizing:border-box}.hud .panel{pointer-events:auto;background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.3);backdrop-filter:blur(14px)saturate(1.3);border:1px solid var(--edge);border-radius:16px;width:min(380px,100%);padding:14px;box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff0d}.hud [hidden]{display:none!important}.head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.brand{letter-spacing:.22em;text-transform:uppercase;background:linear-gradient(90deg, var(--cyan), var(--violet));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:12px;font-weight:600}.chip{font-family:var(--mono);border:1px solid var(--edge);color:var(--dim);border-radius:999px;padding:3px 9px 3px 20px;font-size:11px;position:relative}.chip:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:8px}.chip.connected{color:#5af0a8}.chip.connecting{color:#ffd166}.chip.disconnected{color:var(--red)}.input-row{gap:8px;display:flex}.hud input{min-width:0;font:500 14px var(--mono);color:var(--text);border:1px solid var(--edge);background:#ffffff0d;border-radius:10px;outline:none;flex:1;padding:10px 12px}.hud input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #22e6ff26}.hud button{font:600 13px var(--sans);color:#04101a;cursor:pointer;background:linear-gradient(135deg, var(--cyan), #7aa8ff);border:0;border-radius:10px;padding:10px 16px}.hud button:disabled{opacity:.4;cursor:not-allowed}.hud button:focus-visible,.hop:focus-visible,.agent-link:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.hud button.view,.hud button.copy{color:var(--text);border:1px solid var(--edge);background:#ffffff14;padding:6px 12px;font-size:12px}.install h2{margin:0 0 6px;font-size:15px;font-weight:600}.install .step{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:10px 0 4px;font-size:11px}.code-row{border:1px solid var(--edge);background:#00000059;border-radius:10px;align-items:center;gap:8px;padding:8px 8px 8px 12px;display:flex}.code-row code{min-width:0;font:400 12px var(--mono);color:var(--cyan);white-space:normal;word-break:break-all;flex:1;line-height:1.5}.install .hint{color:var(--dim);margin:12px 0 8px;font-size:12.5px;line-height:1.45}.agent-link{color:var(--cyan);font-size:13px;font-weight:500}.sheet{flex-direction:column;min-height:0;max-height:calc(100% - 140px);display:flex}.sheet-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.summary{color:var(--dim);overflow-wrap:anywhere;margin:0;font-size:13px}.error{color:var(--red);overflow-wrap:anywhere;margin:8px 0 0;font-size:13px}.spark-wrap{color:var(--violet);margin-top:8px}.spark-wrap:empty{display:none}.spark{width:100%;height:36px;display:block}.hops{flex:1;min-height:0;margin:10px 0 0;padding:0;list-style:none;overflow-y:auto}.sheet.empty .hops{display:none}.hop{cursor:pointer;border:1px solid #0000;border-left:3px solid var(--rtt,#4a5266);background:#ffffff08;border-radius:10px;margin-bottom:4px;padding:8px 10px}.hop:hover,.hop.focus{border-color:var(--edge);border-left-color:var(--rtt,#4a5266);background:#ffffff14}.hop-top,.hop-sub{align-items:baseline;gap:8px;min-width:0;display:flex}.hop-top{font-family:var(--mono);font-size:13px}.ttl{color:var(--dim);min-width:1.6em}.ip{overflow-wrap:anywhere;flex:1;min-width:0}.badge{font:500 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:999px;padding:2px 7px}.badge.measured{color:#5af0a8;border-color:#5af0a866}.badge.estimated{color:#ffd166;border-style:dashed;border-color:#ffd16666}.hop-sub{color:var(--dim);flex-wrap:wrap;row-gap:2px;margin-top:3px;font-size:11.5px}.hop-sub span:empty{display:none}.hop-sub .host{overflow-wrap:anywhere}.hop-sub .rtt{font-family:var(--mono);color:var(--text);white-space:nowrap;margin-left:auto}.attribution{color:var(--dim);letter-spacing:.03em;margin:10px 0 0;font-size:10.5px}@media (max-width:639px){.hud{gap:8px;padding:10px}.hud .panel{border-radius:14px;width:100%;padding:12px}.hud .sheet{width:100%;max-height:46%;padding-bottom:max(12px, env(safe-area-inset-bottom));border-bottom:0;border-radius:18px 18px 0 0;position:absolute;bottom:0;left:0;right:0}.hud .sheet:before{content:"";background:var(--edge);border-radius:2px;align-self:center;width:36px;height:4px;margin:-4px 0 8px}.hud .install{z-index:1;position:relative}}@media (prefers-reduced-motion:reduce){.hud *{transition:none!important;animation:none!important}}