.connect-screen{display:block;padding:24px 16px;overflow-wrap:anywhere}
.connect-card{max-width:560px;margin:0 auto;padding:28px}
.connect-card h1{margin:16px 0 10px}
.connect-card #connect-intro{margin:0 0 16px;color:#526b60}
.connect-card .qr-image{display:block;width:100%;max-width:480px;height:auto;aspect-ratio:1;border:0;border-radius:0;margin:0 auto;background:white}
.connect-card #connect-countdown{margin:2px 0 10px;color:#547161;font-variant-numeric:tabular-nums}
.connect-card #connect-instructions{margin:8px 0 14px;color:#526b60}
.connect-card #connect-direct{margin:0 0 16px;min-height:48px}
.connect-card .qr-image.preview-enabled{cursor:zoom-in}
.connect-card #connect-preview{margin:0 0 10px;min-height:46px}
.connect-card #connect-preview-status{margin:0 0 14px;text-align:left;color:#526b60;font-size:.875rem}
.connect-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.connect-actions>*{min-height:44px;flex:1 1 190px}
.connect-card #connect-copy-status{margin:8px 0;color:#316b54;min-height:0}
.connect-card #connect-status{color:#315c4b;font-weight:600;margin:18px 0}
.connect-card #connect-image-url{font-size:16px}
.connect-card #connect-verify{text-align:left;margin-bottom:16px}
.connect-card #connect-verify button{margin-top:12px}
.connect-card #connect-code{font-size:18px;scroll-margin-top:20px;letter-spacing:.12em}
.connect-help{text-align:left;border-top:1px solid #e0e8e3;margin-top:20px;padding:16px 0;font-size:.875rem;color:#526b60;line-height:1.8}
.connect-help summary{cursor:pointer;min-height:28px;font-weight:600;color:#316b54}
.connect-help #connect-display-controls{padding-top:12px}.connect-help #connect-display-toggle{min-height:44px}.connect-help #connect-display-state{margin:6px 0 0}
.connect-help ol{padding-left:22px;margin:10px 0}.connect-help li+li{margin-top:9px}
.connect-help p{margin:12px 0 0;font-size:.8125rem}
.connect-footer{display:block;margin-top:16px}
@media(max-width:480px){.connect-screen{padding:12px 10px}.connect-card{padding:20px 16px;border-radius:14px}.connect-card h1{font-size:1.35rem}.connect-actions>*{flex-basis:100%}}