1 files changed, 30 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css
index 55badb6..022ae77 100644
--- a/src/style.css
+++ b/src/style.css
@@ -2130,3 +2130,33 @@ html:has(.call-overlay:not(.call-min)) { overflow: hidden; scrollbar-gutter: aut
 .note-ghosts { animation: ng-breathe 1.4s ease-in-out infinite; }
 @keyframes ng-breathe { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
 @media (prefers-reduced-motion: reduce) { .note-ghosts { animation: none; } }
+
+/* search within someone's posts: their chip in the field */
+.search-scope-chip {
+  display: inline-flex; align-items: center; gap: 5px; flex-shrink: 0; max-width: 55%;
+  padding: 2px 2px 2px 3px; border-radius: 999px; background: var(--chip, rgba(127,127,127,.14));
+  font-size: 13px; font-weight: 600; color: var(--ink);
+}
+.search-scope-chip .chat-avatar.mini { width: 20px; height: 20px; min-width: 20px; font-size: 10px; }
+.search-scope-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.search-scope-x {
+  border: 0; background: none; color: var(--muted); font-size: 16px; line-height: 1;
+  width: 22px; height: 22px; padding: 0; border-radius: 50%; cursor: pointer; flex-shrink: 0;
+}
+.search-scope-x:hover { color: var(--ink); background: rgba(127,127,127,.18); }
+.header-search.header-search-scoped {
+  align-items: center; gap: 4px; padding: 3px 6px 3px 4px;
+  border: 1px solid var(--line-strong); background: var(--paper);
+}
+.header-search.header-search-scoped:focus-within { outline: 2px solid var(--accent); outline-offset: -1px; border-color: var(--accent); }
+.header-search-scoped > input.header-search-field {
+  flex: 1; min-width: 0; border: 0; background: none; padding: 5px 4px; font-size: 14px; border-radius: 0;
+}
+.header-search-scoped > input.header-search-field:focus { outline: none; }
+@media (min-width: 900px) {
+  #app:has(> .app-bottom-nav) .header-search.header-search-scoped { display: flex; }
+}
+.search-enter-hint {
+  flex-shrink: 0; font: 600 12px/1 inherit; color: var(--muted); padding: 4px 6px;
+  border: 1px solid var(--line-strong); border-radius: 6px;
+}