:root{color-scheme:dark;--bg:#080d16;--panel:#101927;--line:#27374e;--text:#ecf2fc;--muted:#a5b3c9;--blue:#95bdff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#152b463b,transparent 45%),var(--bg);color:var(--text);font:15px/1.65 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid #a6c8ff;outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default}.topbar,main,footer{max-width:1220px;margin:auto}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #243147}.brand{display:flex;align-items:center;color:#edf3ff;font-size:17px;font-weight:750;letter-spacing:.17em;line-height:1.2}.brand:hover{text-decoration:none}.brand small{display:block;font-size:9px;letter-spacing:.35em;margin-top:6px;color:#91a3be;font-weight:500}.back-link{font-size:13px;color:#b9cce9;display:flex;gap:18px;align-items:center}.back-link span{font-size:22px}main{padding:56px 36px 64px}.eyebrow{color:#8dabd3;font-size:11px;letter-spacing:.18em;font-weight:600}h1{font-size:clamp(34px,4.8vw,56px);font-weight:580;line-height:1.12;letter-spacing:-.04em;margin:18px 0 20px}h1 span{color:#98afcd}h2{font-size:19px;letter-spacing:-.025em;font-weight:600;margin:0}h3{font-size:19px;font-weight:600;margin:0}.intro{max-width:610px;color:var(--muted);font-size:16px;line-height:1.75;margin:0 0 38px}.guide-grid{display:grid;grid-template-columns:minmax(0,1.26fr) minmax(0,1fr);gap:24px;align-items:start}.setup-panel,.connection-panel{padding:28px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#131e2e,#0e1724)}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:26px}.section-number{font-size:10px;color:#9bb9e7;border:1px solid #3d5476;background:#1a2c47;border-radius:7px;width:29px;height:29px;display:grid;place-items:center;font-weight:600;letter-spacing:.05em}.platforms{display:flex;border:1px solid #2d405c;border-radius:10px;background:#0a1321;padding:4px;gap:4px;margin-bottom:18px}.platforms button{width:50%;border:0;background:transparent;color:#9eafc9;border-radius:7px;min-height:43px;font-size:14px}.platforms [aria-selected=true]{background:#243c60;color:#e7f0ff;box-shadow:0 2px 10px #0004}.apps{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:30px}.app-button{min-height:42px;display:flex;align-items:center;padding:10px 14px;background:#121e30;border:1px solid #30435e;color:#b7c8df;border-radius:8px;font-size:12px}.app-button[aria-selected=true]{background:#1d3557;border-color:#6899df;color:#f0f6ff}.steps-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.pill{font-size:10px;border:1px solid #3b4e68;border-radius:30px;color:#a6b9d2;padding:3px 10px;white-space:nowrap}.app-note{color:#a4b4cd;font-size:13px;line-height:1.7;margin:12px 0 24px}.steps{list-style:none;padding:0;margin:0;counter-reset:steps}.steps li{display:flex;align-items:flex-start;gap:14px;position:relative;padding-bottom:23px}.steps li:not(:last-child):before{content:'';position:absolute;left:14px;top:34px;bottom:5px;width:1px;background:#2d405c}.step-number{flex-shrink:0;display:grid;place-items:center;width:29px;height:29px;border:1px solid #3b5377;border-radius:50%;font-size:11px;color:#aacbfb;background:#192a43}.steps p{font-size:14px;line-height:1.75;color:#d2def0;margin:0;padding-top:2px}.version-note{padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:#95a7c1;margin-bottom:0}.connection-panel label{font-size:12px;font-weight:500;display:block;margin-bottom:8px;color:#c4d2e7}.connection-panel input{width:100%;height:47px;color:var(--text);background:#0a1321;border:1px solid #3b4f6d;border-radius:8px;padding:10px 12px;font-size:14px}.connection-panel input::placeholder{color:#7890af}.field-help{font-size:11px;color:#91a5c2;line-height:1.65;margin:9px 0 27px}.table-heading{font-size:14px;display:flex;align-items:center;justify-content:space-between;margin-top:24px;margin-bottom:10px}.table-heading span{font-size:10px;font-weight:500;letter-spacing:.1em;color:#95add0}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:11px 0;border-bottom:1px solid #26364d;vertical-align:top}th{text-align:left;font-weight:400;color:#9aaecb;width:110px;padding-right:12px}td{color:#dce7f8;overflow-wrap:anywhere}.copy{border:0;background:transparent;color:#8ab7fa;padding:2px 0;font-size:10px;display:block;line-height:1.6;margin-top:3px}.copy:hover{text-decoration:underline}.password-note{padding:21px 0 6px}.password-note strong{font-size:12px;font-weight:600}.password-note p{color:#a8bad3;font-size:12px;line-height:1.75;margin:8px 0}.tip{margin-top:12px;padding:15px 17px;border:1px solid #33496a;background:#16263e;border-radius:9px}.tip-label{color:#a6c2ea;font-size:9px;letter-spacing:.15em;font-weight:650}.tip p{font-size:12px;color:#b6c9e6;margin:5px 0 0;line-height:1.75}.shared-panel{margin-top:28px;padding:30px;border:1px solid #483342;border-radius:15px;background:linear-gradient(130deg,#211923,#121a28 65%);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px}.shared-tag{font-size:9px;letter-spacing:.16em;color:#e4a6b6;font-weight:600}.shared-panel h2{margin:11px 0 15px;overflow-wrap:anywhere;font-size:20px}.shared-panel p{color:#b6b8ce;font-size:13px;line-height:1.8;margin:8px 0}.shared-panel strong{color:#e8dcea;font-weight:550}.shared-details details{border-color:#3e3349}.shared-details summary{color:#e3d7e7}.troubleshooting{margin-top:45px}.troubleshooting h2{margin-bottom:20px}.trouble-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trouble-grid details{padding:17px 20px;border:1px solid var(--line);border-radius:10px;background:#101927;align-self:start}.trouble-grid p{color:#a8bad3;font-size:13px;line-height:1.8}details{border-bottom:1px solid var(--line);padding:12px 0}summary{cursor:pointer;font-size:13px;color:#d1def1;font-weight:500;min-height:26px}details[open] summary{margin-bottom:10px}footer{border-top:1px solid var(--line);padding:24px 36px 32px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#8a9fbc}#copy-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(10px);max-width:calc(100vw - 30px);background:#233d60;color:#e5f0ff;padding:12px 18px;border:1px solid #6284b6;border-radius:10px;box-shadow:0 10px 35px #0007;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;font-size:13px;overflow-wrap:anywhere}#copy-status.visible{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:900px){.guide-grid{grid-template-columns:1fr}.connection-panel{position:static}.shared-panel{grid-template-columns:1fr;gap:15px}.trouble-grid{grid-template-columns:1fr}}@media(max-width:540px){.topbar{height:82px;padding:0 20px}.brand{font-size:14px}.back-link{font-size:11px;gap:8px}main{padding:34px 20px 45px}.intro{font-size:14px}.setup-panel,.connection-panel{padding:21px 18px}.section-heading h2{font-size:17px}.shared-panel{padding:23px 20px}.shared-panel h2{font-size:17px}.app-button{font-size:11px;padding:7px 9px}th{width:98px}footer{padding:22px 20px;flex-direction:column}.steps p{font-size:13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{body{background:#fff;color:#000}.topbar,footer,.platforms,.apps,.copy,.back-link{display:none}.guide-grid,.shared-panel,.trouble-grid{display:block}.setup-panel,.connection-panel,.shared-panel,.trouble-grid details{background:#fff;color:#000;border-color:#aaa;break-inside:avoid}p,th,td,.steps p,.app-note{color:#111!important}h1 span{color:#333}.connection-panel{margin-top:20px}}