:root{--bg:#0b0d12;--panel:rgba(255,255,255,.06);--ink:#f5f5f7;--sub:#a1a1aa}
*{margin:0;box-sizing:border-box}
html,body{height:100%}
body{background:radial-gradient(1200px 800px at 70% -10%,#1a2440,#0b0d12 60%);color:var(--ink);font-family:-apple-system,"SF Pro Display","Segoe UI","Apple SD Gothic Neo",sans-serif;overflow:hidden}
#cy{position:absolute;inset:0}
.hdr{position:absolute;top:20px;left:26px;z-index:5}
.hdr h1{font-size:22px;font-weight:700;letter-spacing:-.02em}
.hdr p{color:var(--sub);font-size:12.5px;margin-top:4px}
.hdr a{display:inline-block;margin-top:9px;color:#0a84ff;font-size:12.5px;text-decoration:none;font-weight:600}
.legend{position:absolute;top:20px;right:26px;z-index:5;background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:13px 15px;font-size:12px;line-height:1.3}
.legend .t{font-weight:650;margin-bottom:7px;font-size:11px;color:var(--sub);text-transform:uppercase;letter-spacing:.04em}
.legend .r{display:flex;align-items:center;gap:8px;margin:5px 0}
.sw{width:13px;height:13px;border-radius:4px;flex:0 0 auto}
.ln{width:20px;height:0;border-top-width:3px;border-top-style:solid;flex:0 0 auto}
.note{position:absolute;bottom:16px;left:26px;z-index:5;color:var(--sub);font-size:11px;max-width:720px;line-height:1.5}
.legend .t2{margin-top:11px}
.sw-gw{background:#0a84ff}
.sw-prov{background:#30d158}
.sw-dead{background:#ff453a}
.sw-ext{background:#ff9f0a}
.sw-local{background:#8e8e93}
.sw-svc{background:#f5f5f7}
.ln-gw{border-color:#0a84ff}
.ln-cli{border-color:#5e5ce6}
.ln-ext{border-color:#ff9f0a}
.ln-local{border-color:#8e8e93}
.ln-dead{border-color:#ff453a;border-top-style:dashed}