.connection-page{background:var(--background,#0d1216);color:#edf1ef;min-height:100vh}.connection-page .site-header{grid-template-columns:1fr auto auto;gap:24px;position:relative}.connection-intro,.connection-workspace{width:min(1120px,100% - 40px);margin:0 auto}.connection-intro{padding:64px 0 32px}.connection-intro h1{letter-spacing:-.03em;margin:14px 0 18px;font-size:clamp(32px,4vw,48px);font-weight:750;line-height:1.12}.connection-intro>p:not(.eyebrow){color:#c3ccd0;max-width:790px;font-size:17px;line-height:1.65}.connection-intro .eyebrow,.connection-private{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.connection-private{color:#c6dc91;font-size:13px}.connection-workspace{gap:22px;padding-bottom:65px;display:grid}.connection-card{background:#181f26;border:1px solid #35414a;border-top:2px solid #859c43;border-radius:4px;min-width:0;padding:clamp(20px,3vw,30px)}.connection-card>header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.connection-card header>svg{color:#c2e75d;flex-shrink:0}.connection-card .eyebrow{letter-spacing:.12em;color:#b8cd87;margin:0 0 7px;font-size:11px}.connection-card h2{margin:0;font-size:22px;font-weight:700;line-height:1.25}.connection-card p{color:#c3cdd2;overflow-wrap:anywhere;margin:12px 0;font-size:15px;line-height:1.65}.connection-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;display:flex}.connection-actions button{color:#e9efed;cursor:pointer;background:#242e36;border:1px solid #50606b;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.35;display:inline-flex}.connection-actions button.button{color:#10170b;background:#c5eb56;border-color:#c5eb56}.connection-actions button:disabled{opacity:.5;cursor:not-allowed}.connection-page :is(button,a,input,textarea,summary):focus-visible{outline-offset:4px;outline:2px solid #c5eb56}.connection-card .connection-message{color:#b8c4cb;min-height:22px;font-size:13px}.connection-card progress{accent-color:#c5eb56;width:100%;height:8px}.connection-finding{background:#202b23;border:1px solid #64713e;border-left:4px solid #bedf68;border-radius:3px;margin-top:22px;padding:20px}.connection-finding[data-tone=warning]{background:#28251e;border-color:#9e8542 #9e8542 #9e8542 #e7c46b}.connection-finding[data-tone=unknown]{background:#1c252c;border-color:#52616c #52616c #52616c #9bacb8}.connection-finding>strong{font-size:19px;line-height:1.35}.connection-finding ul{margin:12px 0 0;padding-left:22px}.connection-finding li{color:#d0d8dc;font-size:14px;line-height:1.7}.connection-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.connection-metrics>div{background:#121a20;border:1px solid #35434d;min-width:0;padding:18px}.connection-metrics dt{color:#afbec8;font-size:13px;line-height:1.5}.connection-metrics dd{font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:26px;font-weight:700;line-height:1.25}.connection-server-grid,.connection-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.connection-server-grid>article,.connection-guide-grid>article{background:#121a20;border:1px solid #35434d;min-width:0;padding:20px}.connection-card h3{margin:0 0 10px;font-size:16px;font-weight:700;line-height:1.35}.connection-card .connection-caution{border-left:2px solid #7a8c9a;margin-top:20px;padding-left:14px;font-size:13px}.connection-state{color:#c9d5dc;border:1px solid #60707c;padding:5px 8px;font-size:12px;line-height:1.4;display:inline-flex}.connection-state[data-tone=good]{color:#c6df88;border-color:#718942}.connection-advanced>summary{cursor:pointer;padding:2px 0;font-size:17px;font-weight:650;line-height:1.5}.connection-advanced label{color:#e1e9eb;gap:10px;margin:20px 0;font-size:14px;line-height:1.6;display:grid}.connection-advanced textarea{color:#e1e9eb;resize:vertical;background:#10171c;border:1px solid #51606a;border-radius:3px;width:100%;min-height:150px;padding:14px;font:13px/1.6 ui-monospace,monospace}.connection-advanced label.connection-confirm{align-items:flex-start;gap:10px;display:flex}.connection-confirm input{accent-color:#c5eb56;flex-shrink:0;width:17px;height:17px;margin-top:5px}.connection-card .connection-error{color:#ff9890}.connection-workspace .connection-footnote{color:#b5c1c9;font-size:13px;line-height:1.7}.connection-page .connection-card{animation:.25s ease-out connection-enter}@keyframes connection-enter{0%{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}@media (max-width:680px){.connection-page .site-header nav{display:none}.connection-intro{padding-top:36px}.connection-metrics,.connection-server-grid,.connection-guide-grid{grid-template-columns:1fr}.connection-actions button{flex:170px}.connection-page .site-header{gap:10px;height:auto;min-height:76px;padding:14px 20px}.connection-page .site-header>.text-link{display:none}.connection-page .brand strong{font-size:16px}.connection-card h2{font-size:20px}}@media (prefers-reduced-motion:reduce){.connection-page .connection-card{animation:none}}.connection-report-fields{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;margin:20px 0;padding:0;display:grid}.connection-report-fields label{gap:8px;min-width:0;display:grid}.connection-report-fields input,.connection-report-fields select{color:#eef3f5;font:inherit;box-sizing:border-box;background:#11191e;border:1px solid #4a585e;border-radius:6px;width:100%;min-width:0;padding:12px}.connection-report-fields .connection-confirm{grid-column:1/-1;display:flex}.connection-report-fields .connection-confirm input{flex:none;width:auto}@media (max-width:600px){.connection-report-fields{grid-template-columns:1fr}}