mbasic.facebook.com readable by myfonj

/* ==UserStyle==
@name           mbasic.facebook.com readable
@namespace      github.com/openstyles/stylus
@version        1.1.2
@description    Increases text size and forces system Emoji
@author         myfonj
@license        CC0
==/UserStyle== */

@-moz-document url-prefix("https://mbasic.facebook.com/") {

* {
 font-size: 15px;
}
h3 ~ *,
.msg,
p,
p *,
.dg * {
 line-height: 1.6;
 max-width: 60ch;
 font-size: 18px;
}
.u .img[alt] {
 outline: #0FF6 solid; outline-offset: -2px;
 height: auto;
 width: 100%
}

p {
 text-indent: 1em;
 text-indent: 1em each-line;
}
/*
<span
 class="bo"
 style="height: 16px; width: 16px; font-size: 16px; background-image: url(&quot;https://static.xx.fbcdn.net/images/emoji.php/v9/t92/1/16/1f6b6_200d_2642.png&quot;)">🚶‍♂️</span>
*/

[style*="https://static.xx.fbcdn.net/images/emoji.php"] {
 background-image: none !important;
 color: inherit;
 display: inline-block; !important;
 vertical-align: baseline;
 width: auto !important;
 height: auto !important;
 p:not(:hover)  & {
  filter: grayscale(.5) !important;
  opacity: .8;
  transform: scale(.9) !important;
  }
}

/*
<span class="dh bk" title="Emotikona smile">
  <img class="s" height="16" role="presentation" src="https://static.xx.fbcdn.net/images/emoji.php/v9/t4c/1/16/1f642.png" width="16" alt="">
  <span aria-hidden="true" class="di">:)</span>
</span>
*/
span[title]:has(>img[height="16"][width="16"]:first-child+span[aria-hidden="true"]) {
 img { display: none; }
 span { font-size: 20px; }
}
}