.self-profile{max-width:760px;padding:26px}.self-profile-main{display:flex;align-items:center;gap:20px;margin-bottom:22px}.self-profile-avatar{width:96px;height:96px;object-fit:cover;border-radius:50%;border:2px solid var(--green);background:#20291c}.self-profile-avatar[hidden]{display:none}.self-profile-main h2{font-size:30px}.self-profile-rank{margin:4px 0 0;color:var(--muted)}.self-profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:22px;border:1px solid var(--line);background:var(--line)}.self-profile-details>div{min-width:0;display:grid;gap:8px;padding:15px;background:var(--panel)}.self-profile-details span{color:var(--muted);font-size:9px;letter-spacing:.1em}.self-profile-details b{overflow-wrap:anywhere;font-size:12px}.self-profile>.solid{margin-top:4px}@media(max-width:520px){.self-profile{padding:18px}.self-profile-main{gap:14px}.self-profile-avatar{width:72px;height:72px}.self-profile-main h2{font-size:25px}.self-profile-details{grid-template-columns:1fr}}
.profile-security{max-width:760px;margin-top:14px}.profile-security h2{font-size:24px}.profile-security>p{margin:8px 0}.profile-security form{max-width:440px}.profile-security label,.profile-2fa-step>label{color:var(--muted);font-size:10px}.profile-security-error{min-height:0;margin:0;color:#ff958c!important;font-size:11px}.profile-2fa-step{display:grid;gap:10px;max-width:540px;margin-top:14px}.profile-2fa-step[hidden],.profile-security form[hidden]{display:none!important}.profile-2fa-step p{margin:0;font-size:11px}.profile-2fa-step code,.profile-2fa-step pre{display:block;max-width:100%;overflow-wrap:anywhere;padding:10px;border:1px solid var(--line);background:#0b0f0c;color:var(--text);font:11px "IBM Plex Mono",monospace}.profile-2fa-step pre{white-space:pre-wrap;line-height:1.8;text-align:center}.profile-2fa-step details{font-size:10px;color:var(--muted)}.profile-2fa-step summary{cursor:pointer}.profile-2fa-step .outline{width:max-content;margin:0}.profile-2fa-step .solid{width:max-content}
.profile-2fa-qr{width:max-content;max-width:100%;padding:12px;border-radius:4px;background:#fff}.profile-2fa-qr svg{display:block;width:min(220px,60vw);height:auto}
