body {
  margin:0;
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background:#fff;
}
.topbar {
  background:#558ac9;
  color:#fff;
  padding:12px;
  font-size:20px;
  text-align:center;
  font-weight:600;
}
.chatlist { padding:0; }
.chat {
  display:flex;
  padding:12px;
  border-bottom:1px solid #e5e5e5;
}
.avatar {
  width:48px; height:48px; border-radius:50%;
  background:#d0d6de;
  margin-right:12px;
}
.meta .name { font-weight:600; font-size:17px; }
.meta .lastmsg { color:#777; font-size:14px; margin-top:4px; }