:root{--bg: #02020a;--panel: rgba(10, 10, 22, .8);--border: rgba(255, 255, 255, .1);--text: #cbd5e1;--muted: #64748b;--cyan: #22d3ee;--blue: #3b82f6;--purple: #a855f7;--amber: #fbbf24;--red: #f87171}.net-panel{background:linear-gradient(to bottom,var(--panel),rgba(5,5,16,.9));backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 32px #00000080;color:var(--text);padding:16px;margin:0;position:relative}.net-panel h3{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;gap:8px}.net-label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.net-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;color:#fff}.net-value-sm{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;color:#fff}.net-unit{font-size:9px;color:var(--muted);margin-left:4px}.net-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.net-cyan{color:var(--cyan)}.net-purple{color:#d8b4fe}.net-bad{color:var(--red)}.net-muted,.net-empty{color:var(--muted);font-size:12px;margin:4px 0 0}.net-source{display:inline-flex;gap:6px;align-items:center;color:inherit}.net-source:hover{color:#fff}.net-error{color:#f87171;font-size:12px;margin:8px 0 0}.net-relay{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:0;font-size:12px;color:#fff}.net-relay>:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.net-relay-state{flex-shrink:0;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.net-relay-state.connected{color:#34d399}.net-relay-state.offline{color:#f87171}.net-redials{overflow-wrap:anywhere}.net-advanced{margin-top:8px}.net-advanced>summary{cursor:pointer;font-size:12px;color:var(--muted)}.net-advanced .net-row{margin-top:6px}.net-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.net-tiles.wide{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.net-tile{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:8px;box-shadow:inset 0 1px 4px #0006}.net-hint{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;padding:8px 6px 8px 10px;border:1px solid rgba(251,191,36,.25);border-radius:10px;background:#fbbf240f;font-size:11px;line-height:1.5;color:var(--text)}.net-hint .net-hint-icon{flex-shrink:0;margin-top:2px;color:var(--amber)}.net-hint p{flex:1;margin:0}.net-hint .link{padding:0;color:var(--cyan)}.net-hint .icon{flex-shrink:0;padding:2px}.net-meter{background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:10px;margin-bottom:12px}.net-meter-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.net-bar{height:6px;background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:999px;overflow:hidden}.net-bar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#0891b2,var(--cyan),var(--blue))}.net-bar.purple>div{background:linear-gradient(90deg,#9333ea,#d946ef,#c084fc)}.net-badge{font-size:10px;font-weight:500;letter-spacing:normal;text-transform:none;padding:2px 8px;border-radius:4px;border:1px solid}.net-badge.ok{color:#34d399;background:#10b9811a;border-color:#10b98133}.net-badge.off{color:var(--muted);background:#ffffff0d;border-color:var(--border)}.net-badge.bad{color:var(--red);background:#f871711a;border-color:#f8717133}.net-badge.warn{color:var(--amber);background:#fbbf241a;border-color:#fbbf2433}.net-badge.next{color:var(--cyan);background:#22d3ee1a;border-color:#22d3ee33}.net-kv{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0 0 12px;font-size:12px}.net-kv dt{color:var(--muted)}.net-kv dd{margin:0;text-align:right;color:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.net-trust{overflow-x:auto}.net-trust table{margin-top:12px;width:100%;border-collapse:collapse;font-size:12px}.net-trust table th,.net-trust table td{text-align:left;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}.net-trust table th{color:var(--muted);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.net-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.net-input{flex:1;min-width:240px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;background:#0006;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.net-panel button{background:#22d3ee1a;color:var(--cyan);border:1px solid rgba(34,211,238,.3);border-radius:8px;padding:7px 14px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.net-panel button:disabled{opacity:.4;cursor:default}.net-log{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;white-space:pre-wrap;margin:0;max-height:240px;overflow:auto;color:var(--muted)}.net-section{display:flex;flex-direction:column;gap:12px}.net-panel .net-history{margin:0 0 14px}.net-panel .net-invite{margin:12px 0 0;font-size:12px}.net-panel .net-invite .link{padding:0;background:transparent;border:0;font-size:12px;color:var(--cyan)}.net-history-plot{position:relative;height:288px;margin-top:22px}.net-history-plot svg{display:block;overflow:visible}.net-history-band{fill:var(--cyan);fill-opacity:.16}.net-history-line{fill:none;stroke:var(--cyan);stroke-width:1.5;stroke-linejoin:round}.net-history-cross{stroke:var(--muted);stroke-width:1}.net-history-hit{fill:transparent}.net-history-last,.net-history-readout{position:absolute;font-size:11px;line-height:12px;white-space:nowrap;pointer-events:none}.net-history-last{color:var(--text)}.net-history-dot{position:absolute;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 2px #0a0a16;pointer-events:none}.net-history-readout{top:-20px;padding:2px 6px;color:var(--text);background:#050510eb;border:1px solid var(--border);border-radius:4px}