/* Chat follows the familiar, understated rhythm of the supplied reference. */
#app-screen[data-view="chat"]{background:#ededed;color:#191919;padding-top:49px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.wechat-header{height:54px;flex:none;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;padding:0 8px;border-bottom:1px solid #dedede}
.wechat-header h3{text-align:center;margin:0;font-size:17px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wechat-back,.wechat-more{display:grid;place-items:center;width:40px;height:40px;color:#191919}
.wechat-back svg{width:27px;height:27px;stroke-width:1.8}.wechat-more{justify-self:end}.wechat-more svg{width:27px;height:27px;stroke-width:2.4}
#app-screen[data-view="chat"] .chat-messages{padding:20px 12px 18px;gap:16px}
#app-screen[data-view="chat"] .chat-date{font-size:10px;color:#999;margin:0 0 5px;line-height:1.4}
#app-screen[data-view="chat"] .message{gap:10px;align-items:flex-start}
#app-screen[data-view="chat"] .message>img{width:39px;height:39px;border-radius:4px}
#app-screen[data-view="chat"] .message-body{max-width:235px}
#app-screen[data-view="chat"] .message-bubble{position:relative;background:#fff;border-radius:4px;padding:9px 11px;box-shadow:none;font-size:15px;line-height:1.55;color:#191919}
#app-screen[data-view="chat"] .message-bubble:before{content:"";position:absolute;top:13px;left:-6px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:7px solid #fff}
#app-screen[data-view="chat"] .message.user .message-bubble{background:#95ec69;border-radius:4px}
#app-screen[data-view="chat"] .message.user .message-bubble:before{left:auto;right:-6px;border-right:0;border-left:7px solid #95ec69}
#app-screen[data-view="chat"] .chat-compose{background:#f7f7f7;border-top:1px solid #dedede;padding:8px 11px 26px;gap:8px;align-items:flex-end}
#app-screen[data-view="chat"] .chat-compose textarea{flex:1;min-width:0;width:auto;min-height:37px;max-height:100px;border:0;border-radius:5px;background:#fff;padding:8px 9px;font-size:15px;line-height:21px}
.wechat-tool{flex:none;width:29px;height:37px;display:grid;place-items:center;padding:0;color:#222}
.wechat-tool svg{height:27px;width:27px;stroke-width:1.6}
.wechat-send{height:35px;min-width:43px;padding:0 8px;background:#07c160;color:white;border-radius:4px;font-size:13px;font-weight:600;flex:none}
.wechat-send[hidden],.chat-plus[hidden],.wechat-extra[hidden]{display:none!important}
.wechat-extra{flex:none;background:#f7f7f7;border-top:1px solid #ddd;padding:13px 17px}
.emoji-list{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.emoji-list button{font-size:23px;height:40px}
.wechat-actions{display:flex;gap:18px}.wechat-actions button{display:flex;align-items:center;flex-direction:column;gap:7px;font-size:10px;color:#5c5c5c}.wechat-actions svg{width:44px;height:44px;padding:12px;background:#fff;border-radius:9px;color:#222}
#app-screen[data-view="chat"] .chat-error{background:#fff4ed;color:#9c4735}