.pairing-screen{align-items:center;overflow-y:auto;padding:48px 24px;background:radial-gradient(ellipse at 50% 25%,var(--paper-raised),var(--paper));}
.pairing-card{width:100%;max-width:680px;border-radius:28px;flex-shrink:0;padding:36px 64px;text-align:center;box-shadow:0 24px 80px rgba(14,19,25,.06);margin:auto;}
.recall-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:28px;color:var(--navy);}
.recall-brand img{width:184px;height:164px;object-fit:contain;border-radius:0;}
.recall-brand span{font-family:var(--font-serif);font-size:42px;line-height:1.2;}
.recall-brand small{font-size:14px;color:var(--muted);margin-top:8px;letter-spacing:.02em;}
.pairing-card h1{font-size:28px;line-height:1.2;margin-bottom:16px;}
.pairing-card p{font-size:16px;line-height:1.65;}
.pairing-card label{display:block;text-align:left;font-size:14px;font-weight:500;margin:24px 0 8px;}
.pairing-card input{border-radius:12px;min-height:52px;}
.pairing-card button{min-height:54px;font-size:16px;}
.pairing-card input:focus{border-color:var(--navy);}
.pairing-status{font-family:var(--font-sans);font-size:15px;line-height:1.5;color:var(--body);letter-spacing:0;}
.pairing-status{margin-top:20px;padding:16px;text-align:left;border:1px solid var(--paper-line);border-radius:12px;background:var(--paper-raised);}
.pairing-card .connection-choice{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--paper-line);border-radius:12px;cursor:pointer;}
.pairing-card .connection-choice input{width:22px;height:22px;min-height:22px;flex:0 0 22px;margin:0;padding:0;accent-color:var(--navy);}
.pairing-card .connection-choice small{display:block;font-size:13px;line-height:1.5;font-weight:400;color:var(--muted);margin-top:3px;}
.pairing-card .connection-help{font-size:13px;line-height:1.5;text-align:left;margin:8px 0 20px;}
.pairing-card :focus-visible{outline:2px solid var(--navy);outline-offset:4px;}
#secure-cancel,#secure-new{margin-top:10px;background:transparent;color:var(--navy);border:1px solid var(--paper-line);border-radius:12px;}
#secure-cancel[hidden],#secure-new[hidden]{display:none;}
#secure-qr{display:block;max-width:100%;height:auto;margin:24px auto;border-radius:18px;}
#secure-qr[hidden]{display:none;}
.pairing-card .secure-note{font-size:13px;line-height:1.6;border-top:1px solid var(--paper-line);padding-top:20px;margin:24px 0 0;}
summary{cursor:pointer;min-height:48px;display:flex;align-items:center;justify-content:center;}
#secure-link{font-size:13px;letter-spacing:0;}
.live-dot{background:var(--navy);animation:none;}
@media(max-width:700px){.pairing-screen{padding:20px 12px;}.pairing-card{padding:24px;border-radius:20px}.recall-brand img{width:152px;height:136px}.recall-brand span{font-size:36px}.pairing-card h1{font-size:26px}}
@media(max-height:850px) and (min-width:701px){.pairing-screen{padding:24px}.pairing-card{padding-top:20px;padding-bottom:24px}.recall-brand{margin-bottom:20px}.recall-brand img{width:152px;height:132px}}

.connection-progress{display:block;width:100%;height:4px;margin:12px 0;accent-color:var(--ink,#14130f)}
.connection-progress[hidden]{display:none}
.session-logout{display:flex;align-items:center;gap:10px;min-height:44px;width:100%;padding:10px 14px;border:1px solid var(--paper-line,#ded8ce);border-radius:12px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.session-logout:hover{background:var(--paper-raised,#fffdf8)}
.session-logout:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.connection-progress:indeterminate{animation:none}}
