.account-trigger,.community-home .account-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#ffffff75;color:#514068;border:1px solid #fff9;border-radius:8px;padding:10px 13px;font-size:12px;font-weight:800;transition:background-color 200ms,box-shadow 220ms,transform 220ms cubic-bezier(.22,1,.36,1);max-width:180px}
.account-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-trigger svg{flex-shrink:0}
.account-trigger__head{position:relative}
.account-trigger.is-online .account-trigger__head::after{content:'';position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border:2px solid #fffefa;border-radius:50%;background:#57a86b}
.account-head{border-radius:13px}
.account-trigger:hover{background:#ffffffc9;box-shadow:0 4px 14px #85709320;transform:translateY(-1px)}
.account-trigger:active{transform:translateY(1px)}
.account-trigger:focus-visible{outline:3px solid #8563ab;outline-offset:4px}
.account-dialog{background:#fffefa;border:1px solid #e4d8ef;border-radius:18px;width:min(100%,440px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:25px;box-shadow:0 25px 90px #2c174c45;color:#42345e;animation:modal-in 260ms cubic-bezier(.22,1,.36,1) both}
.account-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.account-dialog h2{font-size:25px;font-weight:900;letter-spacing:-.7px;line-height:1.15;overflow-wrap:anywhere}.account-intro{font-size:12px;color:#857292;margin-top:9px;line-height:1.6}
.account-tabs{display:flex;padding:4px;background:#f0eaf6;border-radius:9px;gap:4px;margin:22px 0 18px}
.account-tabs button{flex:1;padding:9px;border-radius:6px;color:#928299;font-size:12px;font-weight:800;background:none;transition:background-color 180ms,color 180ms,box-shadow 180ms}
.account-tabs button[aria-pressed=true]{background:#fffefa;color:#65478b;box-shadow:0 2px 5px #8063a51a}
.account-dialog label{display:block;font-size:12px;font-weight:800;margin:15px 0 6px}.account-dialog input{width:100%;border:1px solid #ddd1e5;border-radius:8px;padding:11px 12px;font-size:14px;background:#fff;color:#42345e;transition:border-color 180ms,box-shadow 180ms}
.account-dialog input:focus{outline:none;border-color:#a07abf;box-shadow:0 0 0 3px #b392ca20}.account-dialog input:disabled{opacity:.7}
.password-field{position:relative}.password-field input{padding-right:44px}.password-field button{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:31px;height:31px;display:grid;place-items:center;border-radius:5px;color:#8b739c;background:none}.password-field button:hover{background:#eee5f5;color:#65478b}
.password-rule{font-size:10px;line-height:1.6;color:#8b7898;margin-top:7px}.account-submit{width:100%;margin-top:22px;justify-content:center;gap:8px}.account-submit:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.account-submit:disabled::before{display:none}
.account-error{font-size:12px;line-height:1.65;padding:11px 13px;border:1px solid #ecd5d0;background:#fff1eb;color:#96533f;border-radius:8px;margin-top:14px}
.account-profile{background:#f3edf8;border-radius:10px;padding:18px;margin-top:22px}
.account-profile p{font-size:12px;line-height:1.65;color:#877593;margin:10px 0 0}
.account-identity{display:flex;align-items:center;gap:12px}
.account-avatar--lg{width:46px;height:46px;border-radius:13px;font-size:15px}
.account-identity>div>span{display:block;font-size:9px;letter-spacing:1.7px;color:#9581a5}
.account-identity strong{display:block;font-size:23px;font-weight:900;margin-top:4px;overflow-wrap:anywhere}
.account-note{font-size:11px;line-height:1.65;color:#7f6d8c;margin:6px 0 0}
.account-note b{color:#65478b}
.account-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.account-actions .button{min-height:38px;padding:9px 14px;font-size:12px}
.account-actions .button--outline{background:#efe7f7;border-color:#d9c9ea;color:#65478b}
.account-actions .button--outline:hover{background:#e6daf4;border-color:#c3addc;color:#52307a}
.account-switch{margin:16px 0 0;font-size:12px;color:#857292;text-align:center}
.account-switch button{color:#65478b;font-weight:900;text-decoration:underline;text-underline-offset:3px}
.account-switch button:hover{color:#4c2f70}
.account-spinner{animation:account-spin 1s linear infinite}@keyframes account-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.community-home .masthead nav{gap:8px}.account-trigger,.community-home .account-trigger{padding:9px 10px;font-size:10px;max-width:105px}.community-home .account-trigger svg{display:none}.account-dialog{padding:21px;border-radius:15px}.account-dialog h2{font-size:23px}.account-tabs button{font-size:12px}.site-header__inner .account-trigger{padding:8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.app-shell:not(.motion-enabled) .account-dialog,.app-shell:not(.motion-enabled) .account-spinner{animation:none}.app-shell:not(.motion-enabled) .account-trigger{transition:none;transform:none!important}.app-shell:not(.motion-enabled) .account-tabs button,.app-shell:not(.motion-enabled) .account-dialog input{transition:none}}