.connect-card{text-align:center}.connect-step{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--tg-faint);font-size:.6875rem}.connect-title{white-space:normal;margin-top:.5rem}.connect-lede{max-width:22rem;color:var(--tg-soft);margin:.6rem auto 0;font-size:.875rem;line-height:1.45}.connect-scan{display:none}@media (min-width:640px){.connect-scan{display:block}}.connect-qr-frame{background:var(--tg-panel-lit);border:2px solid #16130fd9;border-radius:18px;place-items:center;width:12.5rem;height:12.5rem;margin:1.25rem auto 0;padding:.6rem;display:grid;box-shadow:4px 4px #16130fd9}.connect-qr{width:100%;height:100%;image-rendering:pixelated}.connect-qr-empty{background:repeating-linear-gradient(-45deg,#16130f0d 0 8px,#0000 8px 16px);border-radius:10px;width:100%;height:100%}.connect-qr-hint{color:var(--tg-faint);margin-top:.7rem;font-size:.8125rem}.connect-or{color:var(--tg-faint);align-items:center;gap:.75rem;margin:1.1rem 0 .9rem;font-size:.75rem;display:flex}.connect-or:before,.connect-or:after{content:"";background:var(--tg-line);flex:1;height:1px}.connect-open{width:100%;margin-top:1.5rem;display:block}@media (min-width:640px){.connect-open{margin-top:0}}.connect-open[aria-disabled=true]{opacity:.55;pointer-events:none}.connect-waiting{color:var(--tg-faint);justify-content:center;align-items:center;gap:.5rem;margin-top:.9rem;font-size:.8125rem;display:flex}.connect-pulse{background:var(--tg-brick);border-radius:999px;width:.5rem;height:.5rem;animation:1.8s ease-in-out infinite connect-blip}@keyframes connect-blip{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.connect-manual{border:1px solid var(--tg-line);color:var(--tg-soft);background:#fdf5e499;border-radius:14px;margin-top:.9rem;padding:.85rem;font-size:.8125rem;line-height:1.45}.connect-code{border:1px solid var(--tg-line-lit);background:var(--tg-panel-lit);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;width:100%;margin-top:.6rem;padding:.5rem .65rem;transition:border-color .18s;display:flex}.connect-code:hover{border-color:#16130f66}.connect-code code{font-family:var(--font-mono);color:var(--tg-text);overflow-wrap:anywhere;font-size:.8125rem}.connect-code span{letter-spacing:.1em;text-transform:uppercase;color:var(--tg-brick);flex:none;font-size:.6875rem}.connect-logout{color:var(--tg-soft);font-size:.8125rem;transition:color .18s}.connect-logout:hover{color:var(--tg-text)}