.pcap{border:1px solid var(--line-hi);background:var(--void);border-radius:6px;margin:26px 0 0;overflow:hidden}.pcap-filter{border:1px solid var(--line-hi);background:var(--input-bg);border-radius:4px;align-items:center;gap:10px;min-height:44px;margin:12px;padding:6px 8px 6px 12px;transition:border-color .15s,background-color .15s;display:flex}.pcap-filter[data-state=ok]{border-color:color-mix(in srgb, var(--ok) 70%, transparent);background:color-mix(in srgb, var(--ok) 7%, transparent)}.pcap-filter[data-state=bad]{border-color:color-mix(in srgb, var(--crit) 75%, transparent);background:color-mix(in srgb, var(--crit) 8%, transparent)}.pcap-filter label{color:var(--dim);white-space:nowrap;font-size:12px}.pcap-filter input{min-width:0;height:30px;color:var(--text);font-family:var(--mono);caret-color:var(--accent-text);background:0 0;border:0;outline:none;flex:1;font-size:15px}.pcap-x{width:26px;height:26px;color:var(--dim);border-radius:3px;place-items:center;display:grid}.pcap-x:hover{color:var(--text);background:var(--surface-hi)}.pcap-status{font-family:var(--mono);color:var(--dim);min-height:1.6em;font-size:12px;margin:-4px 12px 10px!important}.pcap-status[data-state=bad]{color:var(--crit)}.pcap-status b{color:var(--accent-text);font-weight:500}.pk-head,.pk{font-family:var(--mono);text-align:left;grid-template-columns:44px 118px 118px 74px minmax(0,1fr);align-items:center;gap:12px;padding:6px 14px;font-size:13px;display:grid}.pk-head{color:var(--dim);border-top:1px solid var(--line);border-bottom:1px dashed var(--line-hi);font-size:12px}.pk{width:100%;color:var(--muted);border-bottom:1px solid var(--row-line);transition:background-color 80ms}.pk:hover{background:var(--surface-hi);color:var(--text)}.pk span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pk-no{color:var(--dim)}.pk-route{display:none}.pk-proto[data-p=dns]{color:var(--info)}.pk-proto[data-p=tcp]{color:var(--muted)}.pk-proto[data-p=http]{color:var(--ok)}.pk-proto[data-p=tls]{color:var(--warn)}.pk-proto[data-p=icmp]{color:var(--violet)}.pk[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.pk[aria-pressed=true] span{color:var(--accent-ink)!important}.pk.hit{animation:pk-hit .45s var(--ease-out)}@keyframes pk-hit{0%{background:#d6fb4147}to{background:0 0}}.pd{border-top:1px solid var(--line);padding:16px 14px 18px}.pd-h{font-family:var(--mono);color:var(--dim);font-size:12px;margin:0 0 10px!important}.pd-h b{color:var(--text);font-weight:500}.ly{--lc:var(--line-hi);border:1px solid color-mix(in srgb, var(--lc) 60%, transparent);animation:ly-in .32s var(--ease-out) both;animation-delay:calc(var(--d) * 90ms);border-radius:3px;margin-top:20px;padding:16px 12px 10px;position:relative}.pd>.ly{margin-top:16px}@keyframes ly-in{0%{opacity:0;transform:translate(-6px)}}.ly[data-k=eth]{--lc:var(--eth)}.ly[data-k=ip]{--lc:var(--info)}.ly[data-k=tcp],.ly[data-k=udp],.ly[data-k=icmp]{--lc:var(--accent-line)}.ly[data-k=http],.ly[data-k=dns]{--lc:var(--ok)}.ly[data-k=tls]{--lc:var(--warn)}.ly-h{flex-wrap:wrap;gap:4px 14px;font-size:14px;line-height:1.6;display:flex}.ly-t{background:var(--void);font-family:var(--mono);color:var(--lc);padding:0 6px;font-size:12px;font-weight:700;line-height:1.6;position:absolute;top:-.8em;left:10px}.ly-v{color:var(--text)}.pd .ly-hex{white-space:normal;word-break:break-all;color:var(--dim);border-style:dashed;margin-top:6px;display:block}.pcap figcaption{border-top:1px solid var(--line);color:var(--dim);padding:12px 14px;font-size:13px;line-height:1.7}@media (width<=720px){.pk-head{display:none}.pk{grid-template-columns:30px 58px minmax(0,1fr);row-gap:0;padding:8px 12px}.pk-src,.pk-dst{display:none}.pk-route{color:var(--dim);grid-column:3;font-size:11px;display:block}}[data-theme=light] .ly:is([data-k=tcp],[data-k=udp],[data-k=icmp])>.ly-h>.ly-t{background:var(--accent);color:var(--accent-ink);border-radius:2px}.cipher{border:1px solid var(--line-hi);background:var(--void);border-radius:6px;margin-top:22px;overflow:hidden}.cipher-top{border-bottom:1px solid var(--line);color:var(--dim);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.cipher-btn{border:1px solid var(--warn);color:var(--warn);white-space:nowrap;border-radius:3px;align-items:center;gap:8px;padding:5px 12px;font-size:13px;font-weight:700;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.cipher-btn:hover{background:color-mix(in srgb, var(--warn) 12%, transparent)}.cipher-btn[aria-pressed=true]{border-color:var(--ok);color:var(--ok)}.cipher .cipher-v{border:1px dashed var(--line-hi);color:var(--warn);white-space:normal;word-break:break-all;margin:16px 14px 6px;padding:12px 14px;font-size:15px;transition:color .2s;display:block}.cipher[data-state=open] .cipher-v{color:var(--ok);border-style:solid;border-color:color-mix(in srgb, var(--ok) 45%, transparent)}.cipher-note{color:var(--dim);font-size:13px;margin:0 14px 14px!important}.na[data-astro-cid-k5sg5oxw]{border:1px solid var(--line-hi);background:var(--void);border-radius:6px;width:100%;margin:22px 0;padding:16px;container-type:inline-size}.na-svg[data-astro-cid-k5sg5oxw]{width:100%;height:auto;font-family:var(--sans);background:0 0;border:0;border-radius:0;display:block}.na-svg[data-astro-cid-k5sg5oxw].wide{display:none}@container (width>=680px){.na-svg[data-astro-cid-k5sg5oxw].wide{display:block}.na-svg[data-astro-cid-k5sg5oxw].tall{display:none}}.host[data-astro-cid-k5sg5oxw]{fill:var(--surface);stroke:var(--line-hi)}.group[data-astro-cid-k5sg5oxw]{fill:none;stroke-width:1px;stroke-dasharray:5 4;stroke:var(--dim)}.group[data-astro-cid-k5sg5oxw].attack{stroke:var(--info)}.group[data-astro-cid-k5sg5oxw].target{stroke:var(--crit)}.group[data-astro-cid-k5sg5oxw].ok{stroke:var(--ok)}.group[data-astro-cid-k5sg5oxw].violet{stroke:var(--lv2)}.group[data-astro-cid-k5sg5oxw].gateway{stroke:var(--warn)}.glabel[data-astro-cid-k5sg5oxw]{fill:var(--muted);font-size:13px}.glabel[data-astro-cid-k5sg5oxw].attack{fill:var(--info)}.glabel[data-astro-cid-k5sg5oxw].target{fill:var(--crit)}.glabel[data-astro-cid-k5sg5oxw].ok{fill:var(--ok)}.glabel[data-astro-cid-k5sg5oxw].violet{fill:var(--lv2)}.glabel[data-astro-cid-k5sg5oxw].gateway{fill:var(--warn)}.host-label[data-astro-cid-k5sg5oxw]{fill:var(--text);font-weight:700}.glabel[data-astro-cid-k5sg5oxw] .b[data-astro-cid-k5sg5oxw]{font-weight:700}.node[data-astro-cid-k5sg5oxw]{stroke-width:1.5px;fill:var(--bg)}.node[data-astro-cid-k5sg5oxw].attack{stroke:var(--info);fill:color-mix(in srgb, var(--info) 14%, var(--bg))}.node[data-astro-cid-k5sg5oxw].gateway{stroke:var(--warn);fill:color-mix(in srgb, var(--warn) 14%, var(--bg))}.node[data-astro-cid-k5sg5oxw].target,.node[data-astro-cid-k5sg5oxw].admin{stroke:var(--crit);fill:color-mix(in srgb, var(--crit) 14%, var(--bg))}.node[data-astro-cid-k5sg5oxw].admin{stroke-width:2.5px}.node[data-astro-cid-k5sg5oxw].external{stroke:var(--dim);fill:var(--surface-hi)}.node[data-astro-cid-k5sg5oxw].ok{stroke:var(--ok);fill:color-mix(in srgb, var(--ok) 12%, var(--bg))}.node[data-astro-cid-k5sg5oxw].violet{stroke:var(--lv2);fill:color-mix(in srgb, var(--lv2) 14%, var(--bg))}.node-top[data-astro-cid-k5sg5oxw]{fill:none;stroke-width:1.5px;stroke:var(--dim)}.node-top[data-astro-cid-k5sg5oxw].attack{stroke:var(--info)}.node-top[data-astro-cid-k5sg5oxw].ok{stroke:var(--ok)}.node-top[data-astro-cid-k5sg5oxw].violet{stroke:var(--lv2)}.ntext[data-astro-cid-k5sg5oxw]{fill:var(--muted);dominant-baseline:central;font-size:13px}.ntext[data-astro-cid-k5sg5oxw] .b[data-astro-cid-k5sg5oxw]{fill:var(--text);font-size:14px;font-weight:700}.ntext[data-astro-cid-k5sg5oxw].small,.ntext[data-astro-cid-k5sg5oxw].small .b[data-astro-cid-k5sg5oxw]{font-size:12px}.edge[data-astro-cid-k5sg5oxw]{fill:none;stroke:var(--muted);stroke-width:1.6px;stroke-linejoin:round}.edge[data-astro-cid-k5sg5oxw].dash{stroke:var(--dim);stroke-dasharray:6 4}.edge[data-astro-cid-k5sg5oxw].hot{stroke:var(--crit);stroke-width:2.4px}.edge[data-astro-cid-k5sg5oxw].egress{stroke:var(--warn);stroke-width:2.4px}.edge[data-astro-cid-k5sg5oxw].warn{stroke:var(--crit);stroke-dasharray:6 4}.mk[data-astro-cid-k5sg5oxw] path[data-astro-cid-k5sg5oxw]{fill:var(--muted)}.mk[data-astro-cid-k5sg5oxw].dash path[data-astro-cid-k5sg5oxw]{fill:var(--dim)}.mk[data-astro-cid-k5sg5oxw].hot path[data-astro-cid-k5sg5oxw]{fill:var(--crit)}.mk[data-astro-cid-k5sg5oxw].egress path[data-astro-cid-k5sg5oxw]{fill:var(--warn)}.mk[data-astro-cid-k5sg5oxw].warn path[data-astro-cid-k5sg5oxw]{fill:var(--crit)}.elabel[data-astro-cid-k5sg5oxw]{fill:var(--text);paint-order:stroke;stroke:var(--void);stroke-width:4px;stroke-linejoin:round;font-size:12px}.na-legend[data-astro-cid-k5sg5oxw]{color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin:12px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.na-legend[data-astro-cid-k5sg5oxw] li[data-astro-cid-k5sg5oxw]{align-items:center;gap:6px;margin:0;display:flex}.na-legend[data-astro-cid-k5sg5oxw] i[data-astro-cid-k5sg5oxw]{border:1.5px solid var(--dim);border-radius:3px;width:14px;height:14px}.na-legend[data-astro-cid-k5sg5oxw] .attack[data-astro-cid-k5sg5oxw]{border-color:var(--info);background:color-mix(in srgb, var(--info) 14%, var(--bg))}.na-legend[data-astro-cid-k5sg5oxw] .gateway[data-astro-cid-k5sg5oxw]{border-color:var(--warn);background:color-mix(in srgb, var(--warn) 14%, var(--bg))}.na-legend[data-astro-cid-k5sg5oxw] .target[data-astro-cid-k5sg5oxw]{border-color:var(--crit);background:color-mix(in srgb, var(--crit) 14%, var(--bg))}.na-legend[data-astro-cid-k5sg5oxw] .external[data-astro-cid-k5sg5oxw]{background:var(--surface-hi)}.na-legend[data-astro-cid-k5sg5oxw] .ok[data-astro-cid-k5sg5oxw]{border-color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, var(--bg))}.na-legend[data-astro-cid-k5sg5oxw] .violet[data-astro-cid-k5sg5oxw]{border-color:var(--lv2);background:color-mix(in srgb, var(--lv2) 14%, var(--bg))}
