/* 聊天页颜文字抽屉(数据 KaomojiDrawerKit MIT);配色跟聊天页主题变量走 */
#page-murmur .kao-btn.active{ color: var(--accent, #9b7dd4); }
#page-murmur .kao-drawer{
  position:absolute;
  left:12px; right:12px; bottom:calc(100% + 8px);
  z-index:40;
  display:flex; flex-direction:column;
  max-height:42vh;
  border-radius:22px; overflow:hidden;
  background:var(--bubble-ai-bg, rgba(248,249,252,.55));
  -webkit-backdrop-filter:blur(24px) saturate(150%);
  backdrop-filter:blur(24px) saturate(150%);
  border:1px solid rgba(255,255,255,.5);
  box-shadow:0 18px 50px rgba(83,60,105,.18), inset 0 1px 0 rgba(255,255,255,.55);
}
#page-murmur .kao-drawer[hidden]{ display:none }
#page-murmur .kao-head{
  display:flex; align-items:center; gap:6px;
  padding:10px 10px 4px;
  flex:0 0 auto;
}
#page-murmur .kao-tabs{
  display:flex; gap:6px; overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  flex:1;
}
#page-murmur .kao-tabs::-webkit-scrollbar{ display:none }
#page-murmur .kao-tab{
  flex:0 0 auto; padding:6px 12px;
  border:0; border-radius:999px;
  background:transparent;
  color:var(--text-soft, #6b5f78);
  font-size:13px; font-family:inherit;
}
#page-murmur .kao-tab.active{ background:var(--accent, #9b7dd4); color:#fff; font-weight:650; }
#page-murmur .kao-add{
  flex:0 0 auto; width:30px; height:30px;
  display:grid; place-items:center;
  border:0; border-radius:50%;
  background:var(--accent, #9b7dd4); color:#fff;
}
#page-murmur .kao-add:active{ transform:scale(.92); }
#page-murmur .kao-new{
  flex:0 0 auto; width:30px; height:30px;
  display:grid; place-items:center;
  border:0; border-radius:50%;
  background:color-mix(in srgb, var(--accent, #9b7dd4) 16%, transparent);
  color:var(--accent, #9b7dd4);
}
#page-murmur .kao-new:active{ transform:scale(.92); }
#page-murmur .kao-grid{
  display:grid; grid-template-columns:repeat(5,1fr);
  gap:2px 4px; padding:4px 10px 14px;
  overflow-y:auto; -webkit-overflow-scrolling:touch;
  flex:1;
}
#page-murmur .kao-cell{
  border:0; background:transparent; border-radius:12px;
  padding:9px 2px;
  font-size:15px; line-height:1.35; font-family:inherit;
  color:var(--text, #333);
  word-break:break-all;
}
#page-murmur .kao-cell:active{ background:rgba(0,0,0,.07); transform:scale(.94); }
#page-murmur .kao-empty{
  grid-column:1/-1;
  margin:8px 0; padding:10px 6px;
  color:var(--text-soft, #6b5f78);
  font-size:12.5px; line-height:1.5; text-align:center;
}