@media (max-width:768px){

  .app--m .ch.ch--m, .ch-layer.ch-layer {
    --chat-canvas:#fff; --chat-surface:#fff; --chat-surface-2:#f5f6f8; --chat-border:#e3e7ec;
    --chat-text:#191a1d; --chat-muted:#6b7280; --chat-meta:#6b7280; --chat-author:#191a1d; --chat-primary:#191a1d; --chat-primary-soft:#f2f4f7;
    --bubble-in:#f2f4f7; --bubble-in-border:transparent; --bubble-out:#191a1d;
    --chat-row-hover:#f5f6f8; --chat-row-active:#191a1d;
    --chat-rx-bg:#fff; --chat-rx-border:#e3e7ec; --chat-rx-active-bg:#f2f4f7; --chat-rx-active-border:#191a1d;
    --chat-mention-bg:#e8efff; --chat-mention:#2456d6; --chat-link:#2456d6; --chat-unread:#2f6bff; --chat-danger:#d93831; --chat-ok:#17703f;
    --chat-scrollbar:#c3c9d1; --chat-overlay:rgba(25,26,29,.55);
    --e2:0 4px 14px rgba(24,36,52,.12); --e3:0 10px 34px rgba(24,36,52,.17);
  }
  .app--m .ch.ch--m ::selection, .ch-layer.ch-layer ::selection { background:#d6e2ff }

  
  .app--m .ch.ch--m :is(.ch__dim,.ch__lnk,.ch__off,.ch__filterbar,.ch__sect,.ch__chant time,.ch__chanl,.ch__badge,.ch__hitc,.ch__headt span,.ch__pint,.ch__more,.ch__day span,.ch__unreadline,.ch__sys,.ch__eph span,.ch__fwd,.ch__quote,.ch__meta,.ch__failed,.ch__audiorow span,.ch__file i,.ch__rxb span,.ch__polln,.ch__pollf,.ch__ackreq,.ch__down span,.ch__ctx,.ch__prei,.ch__ro,.ch__mentpop i,.ch__pushhint,.ch__votag),
  .ch-layer.ch-layer :is(.ch__dim,.ch__lnk,.ch__person span,.ch__fwdsrc,.ch__mentpop i) { font-size: var(--fs-s); line-height: 18px; }
  .app--m .ch.ch--m :is(.ch__lh h1,.ch__headt b,.ch__emptys b,.ch__emptys.big b), .ch-layer.ch-layer .ch__poph b { font-size: var(--fs-l); line-height: 22px; font-weight: 600; }
  .app--m .ch.ch--m .ch__who { font-weight: 600; }

  
  .app--m .ch.ch--m .ch__btn, .ch-layer.ch-layer .ch__btn { height: 36px; padding: 0 18px; border-radius: 40px; font-weight: 600; font-size: var(--fs-m); }
  .app--m .ch.ch--m .ch__btn:not(.ghost):hover, .ch-layer.ch-layer .ch__btn:not(.ghost):hover { background: #2c2e33; border-color: #2c2e33; }
  .app--m .ch.ch--m .ch__btn.ghost, .ch-layer.ch-layer .ch__btn.ghost { border: 1.5px solid #191a1d; background: #fff; }
  .app--m .ch.ch--m .ch__btn.sm, .ch-layer.ch-layer .ch__btn.sm { height: 30px; padding: 0 14px; font-size: var(--fs-s); }
  .app--m .ch.ch--m .ch__ib, .ch-layer.ch-layer .ch__ib { border-radius: 50%; }
  .app--m .ch.ch--m .ch__in, .ch-layer.ch-layer .ch__in { height: 38px; border: 1.5px solid #e3e7ec; border-radius: 40px; padding: 0 16px; }
  .app--m .ch.ch--m .ch__in:focus, .ch-layer.ch-layer .ch__in:focus { outline: none; border-color: #191a1d; }
  .app--m .ch.ch--m .ch__search { height: 38px; border-radius: 40px; padding: 0 14px; margin: 0 16px 10px; }
  .app--m .ch.ch--m .ch__filterbar { border-radius: 40px; color: #191a1d; margin: 0 16px 10px; }
  .app--m .ch.ch--m .ch__hbtn { height: 34px; padding: 0 14px; border: 1.5px solid #191a1d; border-radius: 40px; font-size: var(--fs-m); }
  .app--m .ch.ch--m .ch__more, .app--m .ch.ch--m .ch__day span, .app--m .ch.ch--m .ch__unreadline span { border-radius: 40px; }
  .app--m .ch.ch--m .ch__ackbtn { border-radius: 40px; font-weight: 600; }
  .app--m .ch.ch--m .ch__pollo { border-radius: 12px; }
  .app--m .ch.ch--m .ch__tb { border-radius: 40px; padding: 2px 4px; }
  .app--m .ch.ch--m .ch__tb button { border-radius: 50%; }
  .ch-layer.ch-layer .ch__menu { border: 0; border-radius: 14px; padding: 6px; }
  .ch-layer.ch-layer .ch__mi { height: 36px; border-radius: 10px; }
  .ch-layer.ch-layer .ch__pop { border-radius: 28px; }
  .ch-layer.ch-layer .ch__poph { height: 60px; padding: 0 16px 0 24px; }
  .ch-layer.ch-layer .ch__form, .ch-layer.ch-layer .ch__popf { padding-left: 24px; padding-right: 24px; }
  .ch-layer.ch-layer .ch__person { border-radius: 14px; }
  .ch-layer.ch-layer .ch__person input[type=checkbox] { accent-color: #191a1d; }
  
  .app--m .ch.ch--m .ch__av, .ch-layer.ch-layer .ch__av { background: #eceff3 !important; color: #191a1d; font-weight: 600; }
  .app--m .ch.ch--m .ch__sect .ch__ib { color: #191a1d; }

  
  .app--m .ch.ch--m .ch__lh { height: 60px; padding: 0 12px 0 20px; }
  .app--m .ch.ch--m .ch__chans { padding: 0 10px 14px; }
  .app--m .ch.ch--m .ch__chan { height: 58px; border-radius: 16px; }
  .app--m .ch.ch--m .ch__chan.on, .app--m .ch.ch--m .ch__chan.on .ch__chant { color: #fff; }
  .app--m .ch.ch--m .ch__chan.on :is(.ch__chant time,.ch__chanl,.ch__chanl b,.ch__mutei) { color: rgba(255, 255, 255, .72); }
  .app--m .ch.ch--m .ch__badge { background: #2f6bff; }
  .app--m .ch.ch--m .ch__badge.muted { background: #9aa3ae; }
  .app--m .ch.ch--m .ch__chan.on .ch__badge { background: #fff; color: #191a1d; }
  .app--m .ch.ch--m .ch__sect { padding: 14px 10px 4px; }

  
  .app--m .ch.ch--m .ch__head { height: 64px; padding: 0 16px 0 24px; border-bottom: 1px solid #eceff3; }
  .app--m .ch.ch--m .ch__feed { padding: 24px 28px 16px; }
  .app--m .ch.ch--m .ch__bubble { border-radius: 20px; padding: 9px 14px 6px; }
  .app--m .ch.ch--m .ch__msg.last:not(.mine) .ch__bubble { border-bottom-left-radius: 6px; }
  .app--m .ch.ch--m .ch__msg.mine.last .ch__bubble { border-bottom-right-radius: 6px; }
  .app--m .ch.ch--m .ch__msg.mine .ch__bubble { color: #fff; }
  .app--m .ch.ch--m .ch__msg.mine :is(.ch__meta,.ch__fwd,.ch__deleted) { color: rgba(255, 255, 255, .68); }
  .app--m .ch.ch--m .ch__msg.mine .ch__meta .ci.read { color: #8fe0ad; }
  .app--m .ch.ch--m .ch__msg.mine .ch__text a { color: #fff; }
  .app--m .ch.ch--m .ch__msg.mine .ch__mention { background: rgba(255, 255, 255, .18); color: #fff; }
  .app--m .ch.ch--m .ch__msg.mine :is(.ch__quote,.ch__tx,.ch__file) { background: rgba(255, 255, 255, .12); color: #fff; }
  .app--m .ch.ch--m .ch__msg.mine .ch__quote { border-left-color: #fff; }
  .app--m .ch.ch--m .ch__msg.mine :is(.ch__quote b,.ch__quote span,.ch__file i,.ch__file>.ci,.ch__dl) { color: rgba(255, 255, 255, .8); }
  .app--m .ch.ch--m .ch__msg:not(.mine) .ch__file { background: #fff; }
  .app--m .ch.ch--m .ch__quote { border-left-color: #191a1d; border-radius: 10px; }
  .app--m .ch.ch--m .ch__file { border-radius: 14px; }
  .app--m .ch.ch--m .ch__file>.ci { color: #191a1d; }
  .app--m .ch.ch--m .ch__unreadline { color: #2f6bff; }
  .app--m .ch.ch--m .ch__unreadline::before, .app--m .ch.ch--m .ch__unreadline::after { background: #2f6bff; }

  
  .app--m .ch.ch--m .ch__composer { border-top: 0; padding: 10px 24px 20px; }
  .app--m .ch.ch--m .ch__row { gap: 6px; align-items: flex-end; }
  .app--m .ch.ch--m .ch__ta { min-height: 46px; padding: 12px 18px; border: 1.5px solid #191a1d; border-radius: 24px; }
  .app--m .ch.ch--m .ch__ta:focus { outline: none; border-color: #191a1d; }
  .app--m .ch.ch--m .ch__send { width: 46px; height: 46px; border-radius: 50%; background: #191a1d; }
  .app--m .ch.ch--m .ch__send:hover { background: #2c2e33; }
  .app--m .ch.ch--m .ch__row .ch__ib { width: 40px; height: 40px; margin-bottom: 3px; color: #191a1d; }
  .app--m .ch.ch--m .ch__ctx { border-radius: 12px; border-left-color: #191a1d; }
  .app--m .ch.ch--m .ch__prei { border-radius: 12px; }
  .app--m .ch.ch--m .ch__mentpop { border: 0; border-radius: 14px; }

.app--m .ch.ch--m .ch__lh{height:56px;padding:0 12px 0 16px}
.app--m .ch.ch--m .ch__search{height:44px;margin:0 12px 10px;padding:0 16px;border:0;border-radius:40px;background:#f5f6f8}
.app--m .ch.ch--m .ch__search input{font-size:16px}
.app--m .ch.ch--m .ch__chan{height:68px;border-radius:16px;padding:10px;gap:12px}
.app--m .ch.ch--m .ch__chan .ch__av{width:42px!important;height:42px!important;border-radius:14px}
.app--m .ch.ch--m .ch__chant{font-size:15px}.app--m .ch.ch--m .ch__chanl{font-size:12px}
.app--m .ch.ch--m .ch__sect{padding:16px 10px 6px;color:#6b7280;font-size:12px}
.app--m .ch.ch--m .ch__head{height:60px;padding:0 12px;gap:10px}
.app--m .ch.ch--m .ch__head .ch__av{width:36px!important;height:36px!important;border-radius:12px}
.app--m .ch.ch--m .ch__feed{padding:16px 12px}
.app--m .ch.ch--m .ch__msg{max-width:92%}
.app--m .ch.ch--m .ch__bubble{border-radius:18px;padding:9px 12px 7px}
.app--m .ch.ch--m .ch__text{font-size:15px;line-height:1.5}
.app--m .ch.ch--m .ch__composer{padding:8px 10px 12px;border:0;background:#fff}
.app--m .ch.ch--m .ch__ta{font-size:16px;min-height:44px;padding:10px 14px;border:1px solid #e3e7ec;border-radius:24px}
.app--m .ch.ch--m .ch__send{width:44px;height:44px}
.app--m .ch.ch--m .ch__row .ch__ib{width:36px;height:40px;margin:0}
.app--m .ch.ch--m .ch__poll,.app--m .ch.ch--m .ch__file,.app--m .ch.ch--m .ch__audio{min-width:0;max-width:100%}
.app--m .ch.ch--m .ch__pushhint{background:#f5f6f8;margin:0 12px 12px;border-radius:16px;padding:12px;gap:10px}
.app--m .ch.ch--m .ch__pushhint .ch__btn{min-height:36px;padding:0 14px;font-size:12px}
}