a {text-decoration: none;}
.shelf {
  display: block;
  width: 90%;
  max-width: 600px;
  padding: 0;
  margin: 10px auto;
  border-radius: 15px;
  border: 1px solid #bebebe;}
.pfimg {
  border-radius: 15px 15px 0 0;
  display: block;
  margin: 0;
  width: 100%;
  border-bottom: 1px solid #bebebe;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;}
.pf {
  display: flex;
  align-items: center;
  background: #f9f9f9;
  gap: 10px;
  padding: 8px 10px;
  max-width: 600px;
  border-radius: 0 0 15px 15px;
  margin: 0;}
.pf:hover {background: #f5f5f5;}
.avatar, .pficon {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
  border: 1.5px solid #bebebe;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;}
.avatar {border-radius: 50%;}
.pficon {border-radius: 10px;}
.pf .info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;}
.pf .info p, .pf .info h3 {
  margin: 0;
  text-align: left;}
.pf .info p {
  font-size: 14px;}
.loading {
  color: #bebebe;
  font-size: 16px;}
#app {margin-top:10px;}