#topo-wrap{background:#111215;border-radius:18px;border:1px solid rgba(255,255,255,.07);overflow:hidden;font-family:ui-sans-serif,system-ui,sans-serif;display:none;position:relative}#topo-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 54%,rgba(34,211,238,.025),transparent 36%);pointer-events:none}@media(min-width:1024px){#topo-wrap{display:block}}#topo-row{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:220px;padding-top:8px}.topo-link-space{flex:1;min-width:80px;max-width:140px;position:relative}@keyframes topo-blink{0%,100%{opacity:1}50%{opacity:.18}}@keyframes topo-ctrl-breathe{0%,100%{box-shadow:0 0 0 1px rgba(34,211,238,.14),0 0 18px rgba(34,211,238,.04)}50%{box-shadow:0 0 0 2px rgba(34,211,238,.18),0 0 18px rgba(34,211,238,.06)}}.topo-live-dot{animation:topo-blink 2.2s ease-in-out infinite}.topo-ctrl-node{animation:topo-ctrl-breathe 3.8s ease-in-out infinite}.topo-node{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px 16px;background:#161719;border:1px solid rgba(255,255,255,.08);border-radius:16px;flex-shrink:0;width:132px;cursor:default;transition:border-color .2s,background .2s,transform .2s;position:relative;z-index:2}.topo-node:hover{background:#18191d;border-color:rgba(255,255,255,.13)}.topo-node-ctrl{border-color:rgba(34,211,238,.18);background:#141b1c}.topo-node-ctrl:hover{border-color:rgba(34,211,238,.28);background:#162022}#topo-n-ctrl{transform:translateY(-4px)}#topo-n-internet,#topo-n-worker{transform:translateY(6px)}#topo-n-peers{transform:translateY(-10px)}.topo-icon-ring{width:38px;height:38px;border-radius:11px;background:#111215;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.topo-icon-ring-ctrl{background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.18)}.topo-node-label{font-size:12px;font-weight:600;color:#e2e8f0;text-align:center}.topo-node-sub{font-size:10px;color:#4b5563;font-family:ui-monospace,monospace;text-align:center;margin-top:-4px}.topo-status{display:flex;align-items:center;gap:5px}.topo-status-dot{width:6px;height:6px;border-radius:50%;background:#10b981}.topo-status-txt{font-size:10px;color:#34d399;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.topo-peers-wrap{flex-shrink:0;width:188px;background:#161719;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 12px;transition:border-color .2s;position:relative;z-index:2}.topo-peers-wrap:hover{border-color:rgba(255,255,255,.12)}.topo-peers-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#374151;margin-bottom:10px}.topo-peers-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.topo-peer{background:#111215;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.topo-peer:hover{border-color:rgba(255,255,255,.11)}.topo-peer-icon{width:28px;height:28px;border-radius:8px;background:#161719;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center}.topo-peer-label{font-size:10px;color:#6b7280;font-weight:500;text-align:center}.topo-peer-dot{width:5px;height:5px;border-radius:50%;background:#10b981}