.nat-verdict[data-astro-cid-js7aqekq]{font-family:var(--font-mono);border-radius:2px;padding:.2rem .55rem;font-size:.75rem;display:inline-block}.nat-verdict[data-astro-cid-js7aqekq][data-state=pending]{color:var(--text-muted);background:var(--bg-base);border:1px solid var(--border)}.nat-verdict[data-astro-cid-js7aqekq][data-state=normal]{color:var(--accent);background:var(--accent-dim);border:1px solid #c8ff0033}.nat-verdict[data-astro-cid-js7aqekq][data-state=attention]{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent)}.stun-panel[data-astro-cid-s4g5r2ly],.role-btns[data-astro-cid-s4g5r2ly],.offer-panel[data-astro-cid-s4g5r2ly],.join-panel[data-astro-cid-s4g5r2ly],.answer-panel[data-astro-cid-s4g5r2ly],.connect-panel[data-astro-cid-s4g5r2ly],.dashboard[data-astro-cid-s4g5r2ly],.joiner-echo-panel[data-astro-cid-s4g5r2ly],.sim-controls[data-astro-cid-s4g5r2ly],.stop-btn[data-astro-cid-s4g5r2ly],.summary-line[data-astro-cid-s4g5r2ly],.error-panel[data-astro-cid-s4g5r2ly]{display:none}[data-astro-cid-s4g5r2ly][data-state=idle] .stun-panel[data-astro-cid-s4g5r2ly],[data-astro-cid-s4g5r2ly][data-state=probe-done] .stun-panel[data-astro-cid-s4g5r2ly]{display:block}[data-astro-cid-s4g5r2ly][data-state=probe-done] .role-btns[data-astro-cid-s4g5r2ly]{display:flex}[data-astro-cid-s4g5r2ly][data-state=initiator-offer] .offer-panel[data-astro-cid-s4g5r2ly],[data-astro-cid-s4g5r2ly][data-state=joiner-paste] .join-panel[data-astro-cid-s4g5r2ly],[data-astro-cid-s4g5r2ly][data-state=joiner-answer] .answer-panel[data-astro-cid-s4g5r2ly],[data-astro-cid-s4g5r2ly][data-state=connecting] .connect-panel[data-astro-cid-s4g5r2ly],[data-astro-cid-s4g5r2ly][data-state=testing] .dashboard[data-astro-cid-s4g5r2ly]{display:block}[data-astro-cid-s4g5r2ly][data-state=testing] .sim-controls[data-astro-cid-s4g5r2ly]{display:flex}[data-astro-cid-s4g5r2ly][data-state=testing] .stop-btn[data-astro-cid-s4g5r2ly]{display:inline-flex}[data-astro-cid-s4g5r2ly][data-state=joiner-connected] .joiner-echo-panel[data-astro-cid-s4g5r2ly],[data-astro-cid-s4g5r2ly][data-state=results] .dashboard[data-astro-cid-s4g5r2ly],[data-astro-cid-s4g5r2ly][data-state=results] .summary-line[data-astro-cid-s4g5r2ly],[data-astro-cid-s4g5r2ly][data-state=error] .error-panel[data-astro-cid-s4g5r2ly]{display:block}[data-astro-cid-s4g5r2ly][data-state=results] #p2p-canvas[data-astro-cid-s4g5r2ly]{opacity:.6}.stun-grid[data-astro-cid-s4g5r2ly]{grid-template-columns:auto 1fr auto;gap:.5rem 2rem;margin-bottom:1rem;display:grid}.stun-value[data-astro-cid-s4g5r2ly]{font-family:var(--font-mono);color:var(--text-primary);font-size:.875rem}.role-btns[data-astro-cid-s4g5r2ly]{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.sdp-textarea[data-astro-cid-s4g5r2ly]{width:100%;font-family:var(--font-mono);background:var(--bg-base);border:1px solid var(--border);resize:vertical;color:var(--text-primary);box-sizing:border-box;border-radius:2px;padding:.75rem;font-size:.75rem;line-height:1.5}.sdp-textarea[data-astro-cid-s4g5r2ly]:focus{outline:2px solid var(--accent);outline-offset:-1px}.connect-panel[data-astro-cid-s4g5r2ly],.answer-panel[data-astro-cid-s4g5r2ly]{padding:1rem 0}.connect-blink[data-astro-cid-s4g5r2ly]{animation:.8s ease-in-out infinite alternate p2p-pulse}@keyframes p2p-pulse{0%{opacity:1}to{opacity:.4}}@media (prefers-reduced-motion:reduce){.connect-blink[data-astro-cid-s4g5r2ly]{animation:none}}.p2p-metrics-grid[data-astro-cid-s4g5r2ly]{background:var(--bg-base);border:1px solid var(--border);grid-template-columns:auto 1fr;gap:.4rem 1.5rem;margin-bottom:.75rem;padding:.875rem 1rem;display:grid}.p2p-metrics-grid[data-astro-cid-s4g5r2ly] .label[data-astro-cid-s4g5r2ly]{line-height:1.8}.p2p-metrics-grid[data-astro-cid-s4g5r2ly] span[data-astro-cid-s4g5r2ly]:not(.label){font-family:var(--font-mono);color:var(--text-primary);font-size:.875rem;line-height:1.8}.sim-controls[data-astro-cid-s4g5r2ly]{flex-wrap:wrap;align-items:flex-start;gap:2rem;margin-top:1rem;margin-bottom:.5rem}.sim-control[data-astro-cid-s4g5r2ly]{flex-direction:column;gap:.4rem;display:flex}.sim-control[data-astro-cid-s4g5r2ly] input[data-astro-cid-s4g5r2ly][type=range]{width:200px;accent-color:var(--accent)}.sim-control[data-astro-cid-s4g5r2ly] span[data-astro-cid-s4g5r2ly]:last-child{font-family:var(--font-mono);color:var(--text-secondary);font-size:.8rem}.summary-line[data-astro-cid-s4g5r2ly]{font-family:var(--font-mono);color:var(--text-secondary);margin-top:1rem;font-size:.875rem;line-height:1.6}.joiner-grid[data-astro-cid-s4g5r2ly]{grid-template-columns:auto 1fr;gap:.5rem 2rem;display:grid}.panel-hint[data-astro-cid-s4g5r2ly]{color:var(--text-muted);font-size:.8rem;line-height:1.5;font-family:var(--font-mono)}.action-btn[data-astro-cid-s4g5r2ly]{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;background:var(--accent);color:var(--accent-on);cursor:pointer;border:none;border-radius:2px;padding:.6rem 1.25rem;font-size:.8rem;font-weight:600;transition:opacity 80ms}.action-btn[data-astro-cid-s4g5r2ly]:hover{opacity:.85}.action-btn[data-astro-cid-s4g5r2ly]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.action-btn[data-astro-cid-s4g5r2ly]:disabled,.action-btn[data-astro-cid-s4g5r2ly][aria-disabled=true]{opacity:.4;cursor:default;pointer-events:none}.action-btn--secondary[data-astro-cid-s4g5r2ly]{background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border)}@media (width<=640px){.p2p-metrics-grid[data-astro-cid-s4g5r2ly]{grid-template-columns:1fr}.p2p-metrics-grid[data-astro-cid-s4g5r2ly] .label[data-astro-cid-s4g5r2ly]{margin-bottom:-.3rem}.stun-grid[data-astro-cid-s4g5r2ly]{grid-template-columns:1fr}.stun-grid[data-astro-cid-s4g5r2ly] span[data-astro-cid-s4g5r2ly]:nth-child(3n){display:none}}