:root{--bg: #0f1419;--surface: #1a2029;--surface-2: #232b36;--border: #2d3744;--text: #e6edf3;--muted: #8b97a7;--primary: #3fb950;--primary-hover: #46c95a;--accent: #58a6ff;--error: #f85149;--radius: 12px;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#16202c,var(--bg));color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100vh}.app{max-width:680px;margin:0 auto;padding:40px 20px 64px}header h1{margin:0 0 8px;font-size:2rem}.subtitle{margin:0 0 28px;color:var(--muted)}code{font-family:var(--mono);background:var(--surface-2);padding:2px 6px;border-radius:6px;font-size:.9em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;margin-bottom:18px}.card h2{margin:0 0 6px;font-size:1.1rem;display:flex;align-items:center;gap:10px}.card--success{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));background:color-mix(in srgb,var(--primary) 8%,var(--surface))}.step{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#0b1a2e;font-size:.85rem;font-weight:700}.hint{color:var(--muted);margin:6px 0 16px;font-size:.92rem}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}label{color:var(--muted);font-size:.92rem}input[type=number]{width:96px;padding:9px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--mono);font-size:.95rem}.btn{appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:10px 18px;border-radius:9px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,transform .05s}.btn:hover:not(:disabled){background:#2b3543}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);border-color:var(--primary);color:#07260e}.btn--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.banner{padding:14px 18px;border-radius:var(--radius);margin-bottom:18px;font-size:.92rem;white-space:pre-wrap;word-break:break-word}.card .banner{margin:16px 0 0}.banner--error{background:color-mix(in srgb,var(--error) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--error) 50%,var(--border));color:color-mix(in srgb,var(--error) 35%,var(--text))}.banner--info{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));display:flex;align-items:center;gap:10px}.pulse{width:10px;height:10px;border-radius:50%;background:var(--accent);flex:0 0 auto;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:0}.info dt{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.info dd{margin:2px 0 0;font-family:var(--mono);word-break:break-all}.copy-row{display:flex;align-items:stretch;gap:10px}#connect-cmd{flex:1;display:flex;align-items:center;font-size:1rem;padding:10px 14px;background:var(--bg);border:1px solid var(--border);color:var(--accent)}.log{margin:0;padding:14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;font-family:var(--mono);font-size:.82rem;color:var(--muted);max-height:220px;overflow:auto;white-space:pre-wrap;word-break:break-word}footer{margin-top:28px;text-align:center;color:var(--muted);font-size:.85rem}footer a{color:var(--accent)}.contact-title{margin:0 0 12px}.contact-qr{width:100%;max-width:360px;height:auto;display:block;margin:0 auto;border-radius:12px}