.article-page .account,.library-page .account{position:relative;display:flex;align-items:center;flex-shrink:0}.article-page .account-slot,.library-page .account-slot{display:block;width:32px;height:32px;flex-shrink:0}.article-page .account-sign-in,.library-page .account-sign-in{display:flex;align-items:center;gap:var(--cf-space-200);height:32px;padding:0 var(--cf-space-300);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-full);background:var(--cf-color-surface);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275);font-weight:var(--cf-font-weight-strong);white-space:nowrap}.article-page .account-sign-in svg,.library-page .account-sign-in svg{width:14px;height:14px;flex-shrink:0}.article-page .account-sign-in:hover,.library-page .account-sign-in:hover{color:var(--cf-color-text);border-color:var(--cf-color-primary-border);background:var(--cf-color-surface-hover)}.article-page .account-avatar-button,.library-page .account-avatar-button{width:32px;height:32px;padding:0;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-round);background:none;overflow:hidden}.article-page .account-avatar-button:hover,.article-page .account-avatar-button[aria-expanded=true],.library-page .account-avatar-button:hover,.library-page .account-avatar-button[aria-expanded=true]{border-color:var(--cf-color-primary-border)}.article-page .account-avatar,.library-page .account-avatar{display:grid;place-items:center;width:100%;height:100%;border-radius:var(--cf-radius-round);object-fit:cover;background:var(--cf-color-primary-subtle);color:var(--cf-color-primary);font-size:var(--cf-font-size-325);font-weight:var(--cf-font-weight-bold)}.article-page .account-menu,.library-page .account-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:var(--cf-z-popover);display:grid;justify-items:center;grid-gap:var(--cf-space-100);gap:var(--cf-space-100);width:240px;padding:var(--cf-space-400);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-300);background:var(--cf-color-surface-raised);box-shadow:var(--cf-shadow-lg);text-align:center}.article-page .account-menu .account-avatar,.library-page .account-menu .account-avatar{width:48px;height:48px;margin-bottom:var(--cf-space-150);font-size:var(--cf-font-size-450)}.article-page .account-menu button,.library-page .account-menu button{width:100%;margin-top:var(--cf-space-250);padding:var(--cf-space-200);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-200);background:var(--cf-color-surface);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275)}.article-page .account-menu button:hover,.library-page .account-menu button:hover{color:var(--cf-color-text);border-color:var(--cf-color-border-hover)}.article-page .account-name,.library-page .account-name{color:var(--cf-color-text);font-size:var(--cf-font-size-325);font-weight:var(--cf-font-weight-semibold)}.article-page .account-email,.library-page .account-email{max-width:100%;color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275);overflow-wrap:anywhere}.article-page .account-error,.library-page .account-error{position:absolute;top:calc(100% + 8px);right:0;z-index:var(--cf-z-popover);width:220px;margin:0;padding:var(--cf-space-200) var(--cf-space-250);border:1px solid var(--cf-color-danger-border);border-radius:var(--cf-radius-200);background:var(--cf-color-danger-subtle);color:var(--cf-color-danger);font-size:var(--cf-font-size-275);line-height:var(--cf-line-height-140)}@media(max-width:560px){.article-page .account-sign-in,.library-page .account-sign-in{width:32px;padding:0;justify-content:center}.article-page .account-sign-in-label,.library-page .account-sign-in-label{display:none}}