/* MoCat · character styles. Scope everything to .mo-cat so it drops
   into any page. Colours are CSS custom properties: override them on
   .mo-cat (or any ancestor) to restyle the cat. Dark mode swaps in a
   rim light so a black cat survives a dark background. */
.mo-cat{
  position:relative;
  width:100%;
  --cat-fur:#211D1B;
  --cat-fur-2:#2E2926;
  --cat-chest:#332D29;
  --cat-inner-ear:#4A3A36;
  --cat-eye:#A8C256;
  --cat-rim:rgba(0,0,0,0);
  --whisker:#8A8177;
  --ink-soft:#6E6357;
  --bubble-bg:#FFFCF5;
  --bubble-ink:#2A231B;
  --bubble-line:#E4D9C6;
}
@media (prefers-color-scheme:dark){
  .mo-cat{
    --cat-fur:#191512;
    --cat-fur-2:#26211D;
    --cat-chest:#2B2521;
    --cat-inner-ear:#453733;
    --cat-eye:#B7D25E;
    --cat-rim:rgba(243,234,220,.32);
    --whisker:#8A8177;
    --ink-soft:#B0A390;
    --bubble-bg:#2C251C;
    --bubble-ink:#F3EADC;
    --bubble-line:#3D3428;
  }
}
.mo-cat svg{width:100%;height:auto;display:block;overflow:visible}
.mo-bubble{
  position:absolute;top:0;left:2%;
  background:var(--bubble-bg);border:1px solid var(--bubble-line);
  border-radius:16px 16px 16px 4px;
  padding:8px 13px;font-size:14px;font-weight:600;color:var(--bubble-ink);
  font-family:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  box-shadow:0 18px 40px -18px rgba(42,35,27,.28);
  opacity:0;pointer-events:none;white-space:nowrap;
}