*{box-sizing:border-box}
body:has(#pairing[hidden]) #presentation iframe{height:calc(100dvh - 38px)}
body:has(#pairing[hidden]) #cast-reset{top:auto;bottom:0;right:12px;height:34px;padding:6px 12px;font-size:12px;border-radius:8px;background:#241731}
body{font-size:clamp(16px,2.5vh,22px);display:block}
#pairing{width:min(960px,100%);margin:auto;padding:52px 24px 16px;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}
#pairing h1{font-size:clamp(28px,5vh,44px);margin:0}
#pairing>p{margin:0;max-width:760px;line-height:1.35}
.pairing-methods{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;width:100%;margin:8px 0}
#qr{width:clamp(160px,34vh,280px);padding:12px;margin:0 auto;border-radius:16px}
#qr img,#qr canvas{width:100%!important;height:auto!important}
#status{font-size:16px;margin:10px 0 0}
#code-form{width:100%;margin:0;padding:24px;border:1px solid #715684;border-radius:20px;background:#291b3b}
#code-form label{font-size:24px;font-weight:800;margin-bottom:12px}
#code-form .code-help{font-size:16px;line-height:1.4;margin:0 0 18px;color:#d7cce4}
#code-form>div{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
#entry-code{margin:0;width:160px;min-width:0;text-align:center}
#code-connect{font-size:18px;padding:12px 16px}
#code-error{margin:10px 0 0}#code-error:empty{display:none}
#fullscreen{font-size:16px;padding:10px 16px}
#pairing>p:last-child{font-size:14px}
@media(max-height:600px) and (min-width:651px){#pairing{padding-top:44px;gap:6px}.pairing-methods{margin:0}#code-form{padding:16px}#pairing>p:last-child{font-size:12px}}
@media(max-width:650px){#pairing{padding:54px 16px 14px;gap:8px}.pairing-methods{grid-template-columns:1fr;gap:12px}#qr{width:clamp(140px,23vh,210px)}#code-form{padding:14px}#code-form label{font-size:20px;margin-bottom:8px}#code-form .code-help{margin-bottom:10px}#status{margin-top:6px}#pairing>p{font-size:15px}}