/* Shared account identity component; inherits Mad Space's pearl/Onest world. */
.brand-logo{display:block;width:190px;height:56px;object-fit:cover;object-position:center;flex:0 0 auto}.masthead .brand-logo{width:170px;height:50px}
@media(max-width:560px){.topbar .brand-logo{width:128px;height:40px}.masthead .brand-logo{width:145px;height:44px}}
.account-link-panel{background:#fff;border-radius:24px;padding:28px;color:#11131a;min-width:0}
.account-link-panel h2{margin:0 0 10px;font-size:23px;line-height:1.2;letter-spacing:-.025em}
.account-link-lead{margin:0 0 24px;color:#586071;font-size:14px;line-height:1.6;max-width:65ch}
.account-identities{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.account-identity{display:flex;flex-direction:column;gap:5px;min-width:0}
.account-identity strong{font-size:15px;overflow-wrap:anywhere}.account-identity span{font-size:13px;color:#586071;line-height:1.5}
.account-identity .identity-service{font-weight:650;color:#11131a;margin-bottom:5px}
.account-link-actions{display:flex;gap:10px;flex-wrap:wrap}.link-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border:0;border-radius:12px;background:#eef0f8;color:#333749;font:600 14px/1.35 Onest,system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:background-color 180ms,transform 180ms}
.link-button:hover{background:#e4e6f3}.link-button:active{transform:translateY(1px)}.link-button.link-primary{background:#7252e8;color:#fff}.link-button.link-primary:hover{background:#6041d0}
.account-link-panel :is(button,input,a):focus-visible{outline:3px solid #7252e8;outline-offset:3px}
.account-link-panel :is(button,input):disabled{opacity:.55;cursor:wait}.account-link-panel [hidden]{display:none!important}
.account-link-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:20px}
.account-link-form label{font-size:13px;font-weight:600;display:grid;gap:8px}.account-link-form input{box-sizing:border-box;width:100%;min-height:48px;padding:10px 14px;border:1px solid #aeb4c4;border-radius:12px;background:#fff;color:#11131a;letter-spacing:.08em;font:500 17px/1.4 Onest,system-ui,sans-serif;caret-color:#7252e8}
.account-link-form input::placeholder{color:#656b7b}.account-link-progress{border-top:1px solid #e4e7ef;padding-top:20px}.account-link-progress p{font-size:14px;line-height:1.6;margin:12px 0}
.account-pairing-code{display:block;user-select:all;font-size:28px;font-weight:650;letter-spacing:.06em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.account-link-progress .account-link-expiry{font-size:12px;color:#586071}.account-link-peer{font-weight:650;overflow-wrap:anywhere}.account-link-message{font-size:14px;line-height:1.5;color:#385a44;margin:14px 0 0}.account-link-message:empty{display:none}.account-link-message.is-error{color:#aa2741}
.account-link-panel ::selection{background:#e2d9ff;color:#231742}
.account-purchase-switch{margin:22px 0}.account-purchase-switch label{display:grid;gap:10px;font-size:14px;font-weight:600}.account-purchase-switch select{width:100%;min-height:48px;min-width:0;border:1px solid #aeb4c4;border-radius:12px;background:#fff;color:#11131a;padding:10px;font:500 14px Onest,system-ui,sans-serif}
#profileScreen .account-link-panel{margin-top:20px}#profileScreen .account-link-panel h2{font-size:21px}
@media(max-width:560px){.account-link-panel{padding:22px;border-radius:20px}.account-link-panel h2{font-size:21px}.account-identities{grid-template-columns:1fr;gap:18px}.account-identity+.account-identity{border-top:1px solid #e4e7ef;padding-top:16px}.account-link-form{grid-template-columns:1fr}.account-link-actions .link-button{flex:1 1 150px}}
@media(prefers-reduced-motion:reduce){.link-button{transition:none}.link-button:active{transform:none}}