.panel[data-v-16444f16]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.15rem 1.4rem;display:flex;flex-direction:column;gap:.8rem}.panel-header[data-v-16444f16]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.header-left[data-v-16444f16],.header-right[data-v-16444f16]{display:flex;align-items:center;gap:.55rem}h2[data-v-16444f16]{font-size:1rem;font-weight:700}.role-tag[data-v-16444f16]{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:999px;font-size:.7rem;font-weight:700;color:var(--color-text-muted);padding:.15rem .5rem;text-transform:uppercase;letter-spacing:.04em}.badge[data-v-16444f16]{padding:.18rem .6rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge.disconnected[data-v-16444f16]{background:#2d2d2d;color:var(--color-text-muted)}.badge.connecting[data-v-16444f16]{background:#3b2f00;color:var(--color-warn)}.badge.connected[data-v-16444f16]{background:#0d2e1a;color:var(--color-success)}.badge.error[data-v-16444f16]{background:#2e0d0d;color:var(--color-error)}.peer-count[data-v-16444f16]{font-size:.78rem;color:var(--color-text-muted)}.peer-id-row[data-v-16444f16]{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:.42rem .55rem}.peer-id-label[data-v-16444f16]{font-size:.72rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.peer-id-value[data-v-16444f16]{font-family:var(--font-mono);font-size:.72rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(100%,34ch)}.action-row[data-v-16444f16]{display:flex;gap:.6rem}.full-w[data-v-16444f16]{flex:1;padding:.55rem}.send-row[data-v-16444f16]{display:flex;gap:.55rem;align-items:flex-start}.send-row textarea[data-v-16444f16]{flex:1}.wt-note[data-v-16444f16]{font-size:.82rem;color:var(--color-text-muted);font-style:italic;border:1px dashed var(--color-border);border-radius:var(--radius);padding:.5rem .75rem}.btn-primary[data-v-16444f16]{background:var(--color-accent);color:#fff}.btn-primary[data-v-16444f16]:not(:disabled):hover{background:var(--color-accent-hover)}.btn-danger[data-v-16444f16]{background:var(--color-error);color:#fff}.btn-danger[data-v-16444f16]:hover{opacity:.85}.btn-accent[data-v-16444f16]{background:var(--color-accent);color:#fff;white-space:nowrap}.btn-accent[data-v-16444f16]:not(:disabled):hover{background:var(--color-accent-hover)}.btn-ghost[data-v-16444f16]{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);padding:.18rem .6rem;font-size:.78rem}.btn-ghost[data-v-16444f16]:hover{color:var(--color-text);border-color:var(--color-text-muted)}.log-header[data-v-16444f16]{display:flex;align-items:center;justify-content:space-between}.log-label[data-v-16444f16]{font-size:.72rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.log[data-v-16444f16]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:.6rem .8rem;font-family:var(--font-mono);font-size:.76rem;min-height:120px;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:.22rem}.log-empty[data-v-16444f16]{color:var(--color-text-muted);font-style:italic}.log-entry[data-v-16444f16]{display:grid;grid-template-columns:5.8rem 4.2rem 1fr;gap:.45rem;word-break:break-all;line-height:1.45}.col-ts[data-v-16444f16]{color:var(--color-text-muted);flex-shrink:0}.col-type[data-v-16444f16]{font-weight:700;flex-shrink:0}.log-entry.info .col-type[data-v-16444f16]{color:var(--color-text-muted)}.log-entry.success .col-type[data-v-16444f16]{color:var(--color-success)}.log-entry.warn .col-type[data-v-16444f16]{color:var(--color-warn)}.log-entry.error .col-type[data-v-16444f16]{color:var(--color-error)}.log-entry.send .col-type[data-v-16444f16]{color:var(--color-accent)}.log-entry.recv .col-type[data-v-16444f16]{color:#34d399}.layout[data-v-8019b5fa]{display:flex;flex-direction:column;min-height:100vh}.site-header[data-v-8019b5fa]{border-bottom:1px solid var(--color-border);padding:1rem 1.5rem}.inner[data-v-8019b5fa]{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.logo[data-v-8019b5fa]{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;flex-shrink:0;color:var(--color-text)}.logo svg[data-v-8019b5fa]{color:var(--color-accent)}.accent[data-v-8019b5fa]{color:var(--color-accent)}.tagline[data-v-8019b5fa]{color:var(--color-text-muted);font-size:.88rem}.content[data-v-8019b5fa]{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:1.5rem 1.5rem 2rem;display:flex;flex-direction:column;gap:1.2rem}.tech-tabs[data-v-8019b5fa]{display:flex;gap:.4rem;flex-wrap:wrap}.tab[data-v-8019b5fa]{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius);padding:.4rem 1rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.tab[data-v-8019b5fa]:hover{color:var(--color-text);border-color:var(--color-text-muted)}.tab.active[data-v-8019b5fa]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.tech-desc[data-v-8019b5fa]{font-size:.88rem;color:var(--color-text-muted);line-height:1.55}.config-card[data-v-8019b5fa]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.1rem 1.4rem;display:flex;flex-direction:column;gap:.85rem}.config-grid[data-v-8019b5fa]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 680px){.config-grid[data-v-8019b5fa]{grid-template-columns:1fr}}.field[data-v-8019b5fa]{display:flex;flex-direction:column;gap:.35rem}.field-label[data-v-8019b5fa]{font-size:.72rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.topic-row[data-v-8019b5fa]{display:flex;gap:.4rem}.topic-row input[data-v-8019b5fa]{flex:1}.hash-display[data-v-8019b5fa]{font-size:.73rem;color:var(--color-text-muted);word-break:break-all}.hash-display code[data-v-8019b5fa]{color:var(--color-accent);font-family:var(--font-mono)}.hash-hint[data-v-8019b5fa]{font-size:.73rem;color:var(--color-text-muted);font-style:italic}.config-warning[data-v-8019b5fa]{font-size:.82rem;color:var(--color-warn);background:#3b2f0022;border:1px solid #f59e0b44;border-radius:var(--radius);padding:.45rem .75rem}.btn-ghost[data-v-8019b5fa]{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius);padding:.3rem .65rem;font-size:.88rem;cursor:pointer}.btn-ghost[data-v-8019b5fa]:hover{color:var(--color-text);border-color:var(--color-text-muted)}.peers[data-v-8019b5fa]{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem;align-items:start}@media (max-width: 720px){.peers[data-v-8019b5fa]{grid-template-columns:1fr}}.protocol-box[data-v-8019b5fa]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.protocol-summary[data-v-8019b5fa]{padding:.7rem 1.1rem;font-size:.85rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:.5rem}.protocol-summary[data-v-8019b5fa]:before{content:"▶";font-size:.7rem;transition:transform .15s}details[open] .protocol-summary[data-v-8019b5fa]:before{transform:rotate(90deg)}.protocol-summary[data-v-8019b5fa]:hover{color:var(--color-text)}.protocol-code[data-v-8019b5fa]{margin:0;padding:.85rem 1.1rem 1rem;border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:.78rem;color:var(--color-text-muted);white-space:pre;overflow-x:auto;line-height:1.6;background:var(--color-bg)}.how-to[data-v-8019b5fa]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.4rem;display:flex;flex-direction:column;gap:.6rem}.how-to h3[data-v-8019b5fa]{font-size:.8rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.how-to ol[data-v-8019b5fa]{padding-left:1.3rem;display:flex;flex-direction:column;gap:.3rem;font-size:.88rem}.site-footer[data-v-8019b5fa]{border-top:1px solid var(--color-border);padding:.8rem 1.5rem;text-align:center;font-size:.8rem;color:var(--color-text-muted)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0d0f14;--color-surface: #161920;--color-surface-2: #1e2230;--color-border: #2a2f42;--color-accent: #6c63ff;--color-accent-hover: #8b85ff;--color-success: #22c55e;--color-error: #ef4444;--color-warn: #f59e0b;--color-text: #e2e8f0;--color-text-muted: #8892a4;--radius: 10px;--font-mono: "Fira Code", "Cascadia Code", "Consolas", monospace}html,body{height:100%;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,sans-serif;line-height:1.6;font-size:15px}#app{min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.45rem 1.1rem;font-size:.9rem;font-weight:600;transition:background .15s,opacity .15s}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:.45rem .8rem;font-size:.9rem;outline:none;transition:border-color .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-accent)}textarea{font-family:var(--font-mono);resize:vertical}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}