.emoji-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
  gap: 6px;
  max-height: 420px;
  overflow: auto;
  padding: 4px;
}
.emoji-btn {
  font-size: 1.5rem;
  min-height: 48px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
  cursor: pointer;
  line-height: 1;
}
.emoji-btn:hover, .emoji-btn:focus-visible, .emoji-btn[aria-pressed="true"] {
  border-color: var(--primary);
  background: var(--primary-a10);
}