/* Registration and account photo controls. */
.account-avatar{box-sizing:border-box;aspect-ratio:1/1;flex:none;min-width:18cqw;min-height:18cqw;max-width:18cqw;max-height:18cqw;border-radius:50%}
.account-avatar img{display:block;aspect-ratio:1/1;min-width:0;min-height:0;border-radius:50%;object-fit:cover}
.account-password-field>label{cursor:pointer}
.account-password-row{display:flex;align-items:center;gap:2cqw;min-width:0}
.account-password-boxes{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.4cqw;flex:1;min-width:0;border-radius:1.5cqw}
.account-password-cell{display:grid;place-items:center;aspect-ratio:1/1.1;min-width:0;border:1px solid #ffffff35;border-radius:1.5cqw;background:#111319;color:#fff;font-size:5cqw;line-height:1.3;overflow:hidden}
.account-password-boxes:focus-within .account-password-cell.is-next{border-color:#fff;box-shadow:0 0 0 1px #fff}
.account-password-field .account-password-input{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;margin:0;padding:0;border:0;opacity:.01;color:transparent;caret-color:transparent;background:transparent;font-size:16px;cursor:text}
.account-password-toggle{flex:none;min-width:10cqw;min-height:10cqw;padding:1.5cqw 1cqw;border:1px solid #ffffff30;border-radius:1.5cqw;background:#23262e;color:#fff;font:inherit;font-size:2.8cqw}
.account-password-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
.account-password-hint{color:#9ba1ae;font-size:2.6cqw;line-height:1.5}
.account-profile .growth-main-avatar{box-sizing:border-box;width:18cqw;height:18cqw;aspect-ratio:1/1;padding:1.2cqw;flex:none}
.growth-main-avatar>.account-avatar{width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;aspect-ratio:1/1}
.account-otp{display:grid;gap:2cqw;padding:3cqw;border:1px solid #d0a24865;border-radius:2cqw;background:#231e13}
.account-otp.is-verified{border-color:#61c48a70;background:#10231a}
.account-otp-title{margin:0;color:#ffe4a1;font-size:3.2cqw;font-weight:700}
.account-otp-note,.account-otp-status{margin:0;color:#d7d0bd;font-size:2.8cqw;line-height:1.6}
.account-otp-status.is-error{color:#ffb5ad}
.account-otp.is-verified .account-otp-status{color:#a7edbf}
.account-otp .account-otp-send,.account-otp .account-otp-verify{min-height:10cqw;width:100%;font-size:3.2cqw}
.account-otp-field{margin:0}
.account-otp-boxes{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.5cqw}
.account-otp-cell{display:grid;place-items:center;aspect-ratio:1/1.12;min-width:0;border:1px solid #d0a24880;border-radius:1.5cqw;background:#131313;color:#fff;font-size:5cqw;line-height:1.2;overflow:hidden}
.account-otp-boxes:focus-within .account-otp-cell.is-next{border-color:#ffd17d;box-shadow:0 0 0 1px #ffd17d}
.account-otp-field .account-otp-input{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;padding:0;margin:0;border:0;opacity:.01;color:transparent;caret-color:transparent;background:transparent;font-size:16px;cursor:text}
.account-otp button:disabled{opacity:.55;cursor:default}
.account-otp [hidden]{display:none!important}

.account-session-list{display:grid;gap:12px;margin:16px 0}.account-session-row{display:grid;gap:6px;padding:14px;border:1px solid #ffffff22;border-radius:12px;background:#ffffff06}.account-session-row small{color:#b2b5c0;font-size:12px;overflow-wrap:anywhere}.account-session-row button{margin-top:6px;min-height:42px}.account-session-list+button{width:100%;min-height:44px}

/* V16: compact profile, useful shortcuts and a visible help group. */
.account-page{background:#101115}
.account-content{gap:5cqw;padding-bottom:5cqw}
.account-profile{grid-template-columns:14cqw minmax(0,1fr);gap:3.5cqw;padding:3.5cqw;border:1px solid #ffffff12;border-radius:3cqw;background:#1b1d25}
.account-profile>.account-avatar{width:14cqw;height:14cqw;min-width:14cqw;min-height:14cqw;max-width:14cqw;max-height:14cqw;font-size:5cqw;background:#2b2d37;border-color:#ffffff1f}
.account-profile-name{font-size:4.2cqw;margin-bottom:.6cqw}
.account-profile-copy{padding-right:0}
.account-profile-note{margin-top:1cqw;font-size:2.8cqw;line-height:1.5}
.account-profile-status{font-size:2.7cqw}
.account-edit-link{display:block;padding:.8cqw 0 0;color:#ddd}
.account-auth-actions{margin-top:.5cqw;gap:2cqw}
.account-auth-actions>button{min-height:10cqw;padding:2cqw;font-size:3.1cqw}
.account-menu-row{text-decoration:none;min-height:15cqw;padding:3cqw;gap:3cqw}
.account-menu-row>.account-icon{width:5cqw;height:5cqw}
.account-menu-row>.account-icon:last-child{margin-left:auto;width:3.5cqw;height:3.5cqw;color:#9296a1}
.account-menu-row>.account-menu-copy{display:grid;gap:1cqw;min-width:0;flex:1}
.account-menu-copy strong{font-size:3.3cqw;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.account-menu-copy small{font-size:2.8cqw;color:#b0b3bf;line-height:1.45;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.account-menu-row>.account-help-symbol{box-sizing:border-box;display:grid;place-items:center;flex:0 0 10cqw;width:10cqw;height:10cqw;padding:2.3cqw;border-radius:2.5cqw;background:#343343;color:#f6d16e}
.account-help-row[data-help-id="contact"] .account-help-symbol{color:#ff9acb;background:#372636}
.account-help-row[data-help-id="openchat"] .account-help-symbol{color:#89dfaa;background:#20372c}
.account-line-symbol{font-size:2.2cqw;font-weight:700;letter-spacing:-.02em}
.account-shortcuts .account-menu-row>.account-icon:first-child{color:#a6bce5}
.account-settings-links{border-top:1px solid #ffffff20}
.account-settings-links .account-menu-row{font-size:3.1cqw;min-height:13cqw}
.account-guide-item{border-bottom:1px solid #ffffff1c;padding:3.5cqw 0;font-size:3.2cqw;line-height:1.65}
.account-guide-item summary{cursor:pointer;font-weight:600;color:#f1f1f5}
.account-guide-item p{color:#c3c6d0;margin:2cqw 0 0}
.account-continue{grid-template-columns:15cqw minmax(0,1fr)}
/* Readable controls prevent Safari focus zoom while leaving pinch zoom available. */
.account-form input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.account-form textarea,.account-form select{font-size:max(16px,3.2cqw);scroll-margin-block:16px}
/* The keyboard changes the visual viewport on iOS, rather than the layout viewport. */
.account-dialog{inset:auto 0 auto 0;top:var(--account-viewport-top,0px);height:var(--account-viewport-height,100dvh)}
.account-sheet{max-height:min(87dvh,calc(var(--account-viewport-height,100dvh) - 12px - env(safe-area-inset-top)));overflow-x:hidden;scroll-padding-block:16px;-webkit-overflow-scrolling:touch}
@media(min-width:576px){.account-menu-copy strong{font-size:18px}.account-menu-copy small{font-size:14px}.account-profile-name{font-size:23px}.account-profile-note{font-size:15px}.account-profile-status{font-size:14px}}