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