.connection-center{margin-top:18px}.connection-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.connection-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.connection-row>span{color:var(--muted);text-align:end;overflow-wrap:anywhere;max-width:60%}.connection-row[data-state=ready]>span{color:#218164}.connection-row[data-state=attention]>span{color:var(--muted)}.connection-quality{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.connection-quality label{display:block;font-weight:600}.connection-quality select{display:block;margin-top:10px;width:100%;min-height:46px;padding:10px;background:var(--input);color:var(--text);font:inherit;border:1px solid var(--line);border-radius:10px}.pair-feedback{padding:14px;border:1px solid var(--red);border-radius:10px;line-height:1.8;color:var(--red);background:var(--soft)}.invite-qr{padding:12px;background:white;width:min(260px,100%);margin:16px auto;border-radius:12px}.invite-qr svg{display:block;width:100%;height:auto}.invite-qr[hidden]{display:none}#invite-link{overflow-wrap:anywhere}#invite-countdown{font-variant-numeric:tabular-nums}#pair-link-result{line-height:1.8}@media(max-width:680px){.connection-center{padding:20px}.connection-actions button{flex:1;min-height:46px}.connection-row{font-size:12px}.connection-quality select{font-size:16px}}

.device-name-form{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.device-name-form input{flex:1;min-width:140px;font:inherit;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--input);color:var(--text)}
.mobile-pairing{scroll-margin-top:20px}.mobile-pairing .notice{margin-bottom:0}.mobile-pairing #new-invite{display:block;margin-top:14px;min-height:48px}.mobile-pairing #invite-link{display:block;direction:ltr;font-size:12px}.mobile-pairing #invite-copy{width:100%}.mobile-pairing[hidden],#pair-phone-shortcut[hidden]{display:none!important}#pair-phone-shortcut{min-height:44px;font-size:13px}
.app-update{position:fixed;inset-inline:16px;bottom:96px;z-index:1000;max-width:620px;margin-inline:auto;display:flex;gap:14px;align-items:center;box-shadow:0 8px 30px #0003}.app-update[hidden]{display:none}.app-update span{flex:1}.app-update button{flex-shrink:0}