#connectGuide{--cg-bg:#f5f7fb;--cg-card:#fff;--cg-ink:#14213d;--cg-muted:#53627a;--cg-line:#dbe3ef;--cg-blue:#145de3;--cg-soft:#eaf1ff;max-width:1220px;margin:auto;padding:36px 28px 80px;color:var(--cg-ink)}
[data-theme=dark] #connectGuide{--cg-bg:#101827;--cg-card:#172236;--cg-ink:#f1f5ff;--cg-muted:#b3c1d8;--cg-line:#35435a;--cg-blue:#8ab5ff;--cg-soft:#203655}
.connect-ready #legacyConnectionGuide{display:none}#connectGuide[hidden]{display:none}#connectGuide *{box-sizing:border-box}#connectGuide h1{font-size:clamp(32px,4.2vw,54px);line-height:1.1;letter-spacing:-1.6px;max-width:800px;margin:18px 0}#connectGuide h2{font-size:27px;line-height:1.25;margin:0 0 12px}#connectGuide h3{font-size:20px;line-height:1.3;margin:0 0 12px}#connectGuide p{line-height:1.65;margin:10px 0}#connectGuide a{color:var(--cg-blue)}#connectGuide button,#connectGuide select,#connectGuide input{font:inherit}#connectGuide button,#connectGuide .cg-btn{min-height:44px;padding:11px 17px;border-radius:10px;border:1px solid var(--cg-line);cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:var(--cg-card);color:var(--cg-ink);white-space:normal;text-align:center}#connectGuide .cg-primary{background:#145de3;color:#fff;border-color:#145de3}#connectGuide button:disabled{opacity:.6;cursor:wait}#connectGuide :focus-visible{outline:3px solid #f59e0b;outline-offset:4px}#connectGuide .cg-kicker{font-size:12px;letter-spacing:1.8px;font-weight:700;color:var(--cg-blue)}#connectGuide .cg-muted{color:var(--cg-muted)}#connectGuide .cg-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.cg-hero{display:grid;grid-template-columns:1.12fr 1fr;gap:36px;align-items:center;padding:36px;background:var(--cg-card);border:1px solid var(--cg-line);border-radius:22px}.cg-hero img{width:100%;border-radius:14px}.cg-hero .cg-lead{font-size:18px;color:var(--cg-muted);max-width:600px}.cg-path{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none}.cg-path li{font-size:13px;background:var(--cg-soft);padding:8px 10px;border-radius:8px}.cg-section{margin-top:42px}.cg-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.cg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cg-card{display:flex;flex-direction:column;border:1px solid var(--cg-line);border-top:5px solid var(--cg-blue);border-radius:14px;padding:23px;background:var(--cg-card);text-decoration:none!important;color:var(--cg-ink)!important;transition:transform .15s,box-shadow .15s}.cg-card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #12376614}.cg-card small{color:var(--cg-muted);letter-spacing:1px;font-size:11px;font-weight:700;margin-bottom:13px}.cg-card p{color:var(--cg-muted);flex:1;font-size:14px}.cg-card span{color:var(--cg-blue);font-weight:600;font-size:14px;margin-top:12px}.cg-card[data-group=devices]{border-top-color:#05a18e}.cg-card[data-group=voice]{border-top-color:#8b5cf6}.cg-card[data-group=clients]{border-top-color:#ef9a28}.cg-notice{border-left:4px solid #d58b1b;background:var(--cg-soft);padding:16px 20px;border-radius:0 10px 10px 0;margin:20px 0;line-height:1.6}.cg-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cg-panel{padding:26px;border:1px solid var(--cg-line);border-radius:14px;background:var(--cg-card)}.cg-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;margin-bottom:26px}.cg-detail-head{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;margin-bottom:34px}.cg-detail-head img{width:100%;border-radius:15px}.cg-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:36px}.cg-toc{position:sticky;top:22px;align-self:start;font-size:13px;line-height:1.4}.cg-toc a{display:block;padding:10px 0;text-decoration:none;border-bottom:1px solid var(--cg-line)}.cg-step{scroll-margin-top:25px;border:1px solid var(--cg-line);border-radius:16px;background:var(--cg-card);padding:28px;margin-bottom:20px}.cg-step-title{display:flex;gap:12px;align-items:flex-start}.cg-number{background:var(--cg-soft);color:var(--cg-blue);border-radius:10px;min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.cg-step-body{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.cg-step-body.cg-has-shot{grid-template-columns:1.1fr 1fr}.cg-where{font-size:13px;color:var(--cg-muted);padding:10px 12px;background:var(--cg-bg);border-radius:8px}.cg-result{border-left:3px solid #05a18e;padding:7px 12px;font-size:14px}.cg-shot{margin:0}.cg-shot button{padding:0!important;overflow:hidden;width:100%}.cg-shot img{width:100%;display:block}.cg-shot figcaption{font-size:12px;color:var(--cg-muted);line-height:1.5;margin-top:8px}#connectGuide pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#111e36;color:#e5f1ff;padding:18px;border-radius:10px;font-size:13px;line-height:1.65;text-align:left}.cg-code button{font-size:13px;min-height:38px!important}.cg-form{display:flex;flex-direction:column;gap:10px;margin:18px 0}.cg-form label{font-size:14px;font-weight:600}#connectGuide select,#connectGuide input{background:var(--cg-card);color:var(--cg-ink);border:1px solid var(--cg-line);border-radius:8px;padding:12px;width:100%;min-height:44px}.cg-status{background:var(--cg-soft);padding:16px;border-radius:10px;line-height:1.7;font-size:14px;white-space:pre-line;overflow-wrap:anywhere}.cg-status[data-state=online]{border-left:4px solid #059984}.cg-status[data-state=offline],.cg-status[data-state=error]{border-left:4px solid #d68c22}.cg-faq details{border-bottom:1px solid var(--cg-line);padding:17px 0}.cg-faq summary{cursor:pointer;font-weight:600;line-height:1.5}.cg-footer{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid var(--cg-line);margin-top:40px;padding-top:20px;font-size:13px}.cg-dialog{background:var(--cg-card);color:var(--cg-ink);border:1px solid var(--cg-line);border-radius:16px;padding:25px;width:min(860px,95vw);max-height:90dvh;overflow:auto}.cg-dialog::backdrop{background:#06152ac9}.cg-dialog header{display:flex;justify-content:space-between;gap:20px;align-items:center}.cg-dialog textarea{width:100%;min-height:240px;font:14px/1.6 monospace;background:var(--cg-bg);color:var(--cg-ink);border:1px solid var(--cg-line);padding:14px;border-radius:8px}.cg-dialog img{width:100%;height:auto}.cg-dialog .cg-actions{position:sticky;bottom:-25px;background:var(--cg-card);padding:16px 0}#cgToast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#11213d;color:#fff;padding:12px 20px;border-radius:10px;z-index:20;max-width:90vw;box-shadow:0 5px 30px #0003}#cgToast:empty{display:none}.cg-complete{font-size:13px;color:var(--cg-muted);line-height:1.6}
#connectGuide{font-family:Onest,system-ui,sans-serif}#connectGuide img{height:auto}html.connect-ready{--cg-page:#f5f7fb}html[data-theme=dark].connect-ready{--cg-page:#0a1220}html.connect-ready body{margin:0;background:var(--cg-page)}
@media(max-width:900px){.cg-hero{grid-template-columns:1fr;padding:26px}.cg-hero img{max-height:300px;object-fit:contain}.cg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cg-layout{grid-template-columns:1fr}.cg-toc{position:static;display:flex;overflow:auto;gap:16px;padding-bottom:10px}.cg-toc a{min-width:150px}.cg-detail-head{gap:20px}.cg-step-body.cg-has-shot{grid-template-columns:1fr}.cg-columns{grid-template-columns:1fr}}
@media(max-width:550px){#connectGuide{padding:24px 16px 50px}#connectGuide h1{letter-spacing:-.9px;font-size:34px}#connectGuide h2{font-size:25px}.cg-hero{padding:22px 18px;gap:20px}.cg-grid{grid-template-columns:1fr}.cg-card{padding:20px}.cg-detail-head{grid-template-columns:1fr}.cg-detail-head img{max-height:220px;object-fit:contain}.cg-step{padding:20px 16px}.cg-panel{padding:21px 17px}.cg-section-head{display:block}.cg-actions>*{flex:1 1 160px}.cg-toc a{min-width:130px;font-size:12px}.cg-dialog{padding:18px}.cg-hero .cg-lead{font-size:16px}.cg-path li{flex:1 1 40%}}
.cg-grid[data-count="1"]{grid-template-columns:1fr}.cg-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
#connectGuide [id]{scroll-margin-top:110px}.cg-toc{top:100px}
.cg-layout>*{min-width:0}.cg-toc{max-width:100%}.cg-step-body>*{min-width:0}.cg-step-title h2{min-width:0;overflow-wrap:anywhere}#connectGuide pre code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
@media(max-width:550px){.cg-grid[data-count]{grid-template-columns:1fr}}
@media(max-width:550px){#connectGuide [id]{scroll-margin-top:210px}}
@media(prefers-reduced-motion:reduce){.cg-card{transition:none}.cg-card:hover{transform:none}}

/* Copyable client prompts keep long commands inside the page on small screens. */
.cg-client-prompt{display:block;width:100%;box-sizing:border-box;min-height:16rem;margin:1rem 0;padding:1rem;font:inherit;line-height:1.5;resize:vertical;color:inherit;background:var(--surface,#f7f8fa);border:1px solid #8b929c;border-radius:12px;overflow-wrap:anywhere}.cg-shot img{height:auto}