.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-brand-primary-subtle);color:var(--color-brand-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border:none;touch-action:manipulation;flex-shrink:0;text-decoration:none;cursor:pointer}.avatar:focus-visible{outline:3px solid var(--color-brand-primary);outline-offset:2px}@media(orientation:portrait)and (min-width:900px){.avatar{width:48px;height:48px}}.avatar--initials{position:absolute;top:calc(var(--space-3) + var(--safe-area-top, 0px));right:var(--space-4);z-index:10;gap:var(--space-1);width:auto;padding:2px var(--space-2) 2px 2px;background-color:hsla(0,0%,100%,.85);box-shadow:var(--shadow-card);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media(orientation:portrait)and (min-width:900px){.avatar--initials{width:auto;height:auto}}.avatar--icon svg{width:22px;height:22px}.avatar__initials-circle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background-color:var(--color-brand-primary-subtle);color:var(--color-brand-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.avatar--initials-solid .avatar__initials-text,.avatar__initials-circle{line-height:1;text-transform:uppercase}.avatar__chevron{color:var(--color-neutral-400);flex-shrink:0}