diff --git a/static/style.css b/static/style.css
index 8fe20a0..af4581f 100644
--- a/static/style.css
+++ b/static/style.css
@@ -2580,3 +2580,48 @@ body.theme-light .small-button {
 .composer-wrap.dragover {
   box-shadow: inset 0 0 0 2px var(--accent);
 }
+.message-row.pinned .message-bubble {
+  border-color: var(--accent);
+  box-shadow: 0 0 0 1px var(--accent-soft);
+}
+.message-pin-badge {
+  display: inline-flex;
+  align-items: center;
+  min-height: 18px;
+  padding: 0 7px;
+  border-radius: 999px;
+  background: var(--accent-soft);
+  color: var(--accent-active);
+  font-size: 10px;
+  font-weight: 700;
+}
+.bookmark-row {
+  width: 100%;
+  border: 0;
+  background: transparent;
+  text-align: left;
+}
+.emoji-autocomplete {
+  display: grid;
+  gap: 4px;
+  margin-top: 8px;
+  padding: 8px;
+  border: 1px solid var(--line);
+  border-radius: 10px;
+  background: var(--surface-raised);
+  box-shadow: var(--shadow-soft);
+}
+.emoji-suggestion {
+  width: 100%;
+  min-height: 34px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--text-soft);
+  text-align: left;
+}
+.emoji-suggestion:hover,
+.emoji-suggestion:focus-visible {
+  background: var(--surface-hover);
+  color: var(--text);
+}