:root{--canvas:#f5f4ef;--panel:#fff;--border:#e7e4da;--ink:#22201b;--ink-2:#57544c;--muted:#928e83;--accent:#3d63dd;--green:#3aa675}*{box-sizing:border-box}html,body{background:var(--canvas);height:100%;color:var(--ink);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;max-width:520px;padding:34px 38px;box-shadow:0 1px 2px #1e1c160a,0 10px 30px #1e1c1612}.badge{color:var(--accent);background:#eef1fc;border-radius:999px;margin-bottom:14px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}h1{letter-spacing:-.02em;margin:0 0 8px;font-size:26px;font-weight:640}.lead{color:var(--ink-2);margin:0 0 20px;line-height:1.6}code{background:var(--canvas);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.conn{border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;display:inline-flex}.conn.ok{color:#1f7a57;background:#e6f5ee}.conn.off{color:var(--muted);background:var(--canvas)}.conn .dot{background:currentColor;border-radius:50%;width:8px;height:8px}