:root{color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--bg: #0d1117;--card: #161b22;--border: #30363d;--text: #e6edf3;--muted: #8b949e;--accent: #1f6feb;--green: #2ea043;--red: #da3633}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}.wrap{max-width:720px;margin:0 auto;padding:32px 20px 64px}header.app{display:flex;align-items:center;gap:12px;margin-bottom:8px}header.app h1{font-size:20px;margin:0}.badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.badge.primary{color:#79c0ff;border-color:#1f6feb66;background:#1f6feb1a}.sub{color:var(--muted);margin:0 0 24px;font-size:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px 22px;margin-bottom:18px}.status-line{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.dot{width:10px;height:10px;border-radius:50%;background:var(--muted)}.dot.in{background:var(--green)}.dot.out{background:var(--red)}.kv{margin-top:14px;font-size:14px}.kv div{display:flex;gap:8px;padding:4px 0;border-bottom:1px solid var(--border)}.kv span.k{color:var(--muted);min-width:130px}.kv code{color:var(--text);word-break:break-all}.row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}button,a.btn{font:inherit;font-weight:600;font-size:14px;padding:9px 16px;border-radius:8px;border:1px solid var(--border);background:#21262d;color:var(--text);cursor:pointer;text-decoration:none;display:inline-block}button.primary,a.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:default}.note{font-size:13px;color:var(--muted);line-height:1.5}.note code{color:#79c0ff}