.connect{--ink:#0e1012;--ink-2:#3c434b;--muted:#6b7280;--paper:#f7f6f2;--card:#fff;--line:#0e10121a;--green:#0e7a3c;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:16px;grid-template-columns:200px 1fr;gap:0;display:grid;overflow:hidden}@media (max-width:680px){.connect{grid-template-columns:1fr}}.connect-nav{background:var(--paper);border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:10px;display:flex}@media (max-width:680px){.connect-nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;overflow-x:auto}}.connect-tab{text-align:left;color:var(--ink-2);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;padding:9px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s}.connect-tab:hover{color:var(--ink);background:#0e10120d}.connect-tab-active{background:var(--green);color:#fff;font-weight:600}.connect-pane{min-width:0;padding:22px 24px}.connect-pane-title{margin:0 0 4px;font-size:17px;font-weight:700}.connect-pane-intro{color:var(--ink-2);margin:0 0 18px;font-size:14px;line-height:1.5}.connect-field{margin-bottom:18px}.connect-field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px;font-size:12px}.connect-field-row{border:1px solid var(--line);background:var(--paper);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.connect-field-block{align-items:flex-start}.connect-code{font-family:var(--font-mono);word-break:break-all;color:var(--ink);flex:1;font-size:13px}.connect-pre{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;color:var(--ink);flex:1;margin:0;font-size:12.5px;line-height:1.5}.connect-copy{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s}.connect-copy:hover{background:var(--paper)}.connect-steps{flex-direction:column;gap:6px;margin:0 0 18px;padding-left:20px;display:flex}.connect-steps li{color:var(--ink-2);font-size:14px;line-height:1.5}.connect-steps li code,.connect-note code{font-family:var(--font-mono);background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:12.5px}.connect-note{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.connect-primary-row{background:#101214;border-color:#0e1012e6;border-radius:12px;padding:16px;box-shadow:0 12px 30px #0e10122e}.connect-primary-pre{color:#e6e8ea;font-size:13.5px;line-height:1.7}.connect-primary-row .connect-copy{color:#0e1012;background:#d6f451;border-color:#0000;padding:8px 16px;font-size:13px}.connect-primary-row .connect-copy:hover{background:#c7ea3d}