diff --git a/internal/handlers/auth.go b/internal/handlers/auth.go
index d5dd270..916277a 100644
--- a/internal/handlers/auth.go
+++ b/internal/handlers/auth.go
@@ -13,6 +13,13 @@ import (
 	"github.com/rs/zerolog/log"
 )
 
+const (
+	// Public Bluesky API
+	typeaheadProviderBluesky = "public.api.bsky.app"
+	// waow.tech https://tangled.org/zzstoatzz.io/typeahead
+	typeaheadProviderWaow = "typeahead.waow.tech"
+)
+
 // defaultHTTPClient is a shared HTTP client with connection pooling.
 // Reusing http.Client is recommended by the Go documentation as it
 // manages connection pooling and is safe for concurrent use.
@@ -366,7 +373,11 @@ func (h *Handler) HandleSearchActors(w http.ResponseWriter, r *http.Request) {
 
 	// Try using the public API endpoint with typeahead parameter
 	// Some PDS instances support public search
-	searchURL := fmt.Sprintf("https://public.api.bsky.app/xrpc/app.bsky.actor.searchActorsTypeahead?q=%s&limit=5", query)
+	searchURL := fmt.Sprintf(
+		"https://%s/xrpc/app.bsky.actor.searchActorsTypeahead?q=%s&limit=5",
+		typeaheadProviderWaow,
+		query,
+	)
 	resp, err := apiClient.Get(searchURL)
 	if err != nil {
 		log.Warn().Err(err).Str("query", query).Msg("Failed to search actors")
diff --git a/internal/web/components/shared.templ b/internal/web/components/shared.templ
index 8892279..43f8bea 100644
--- a/internal/web/components/shared.templ
+++ b/internal/web/components/shared.templ
@@ -271,7 +271,7 @@ templ WelcomeUnauthenticated() {
 					required
 					class="w-full px-4 py-3 border border-brown-300 rounded-lg focus:ring-2 focus:ring-brown-600 focus:border-brown-600 bg-white"
 				/>
-				<div id="autocomplete-results" class="hidden absolute z-10 w-full mt-1 bg-brown-50 border border-brown-300 rounded-lg shadow-lg max-h-60 overflow-y-auto"></div>
+				<div id="autocomplete-results" class="hidden handle-dropdown"></div>
 			</div>
 			<button
 				type="submit"
diff --git a/static/css/app.css b/static/css/app.css
index 4223341..b7d1b06 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -677,6 +677,38 @@
     box-shadow: var(--shadow-lg);
   }
 
+  /* Handle autocomplete typeahead dropdown */
+  .handle-dropdown {
+    @apply absolute z-10 w-full mt-1 rounded-lg max-h-60 overflow-y-auto;
+    background: var(--card-bg);
+    border: 1px solid var(--card-border);
+    box-shadow: var(--shadow-lg);
+  }
+
+  .handle-result {
+    @apply px-3 py-2 cursor-pointer flex items-center gap-2 transition-colors;
+    color: var(--text-primary);
+  }
+
+  .handle-result:hover {
+    background: var(--surface-bg);
+  }
+
+  .handle-result .handle-name {
+    @apply font-medium text-sm truncate;
+    color: var(--text-primary);
+  }
+
+  .handle-result .handle-at {
+    @apply text-xs truncate;
+    color: var(--text-muted);
+  }
+
+  .handle-no-results {
+    @apply px-4 py-3 text-sm;
+    color: var(--text-muted);
+  }
+
   /* Entity suggestion typeahead dropdown */
   .suggestions-dropdown {
     @apply absolute z-50 left-0 right-0 mt-1 rounded-lg max-h-48 overflow-y-auto;
diff --git a/static/js/handle-autocomplete.js b/static/js/handle-autocomplete.js
index b330698..f670377 100644
--- a/static/js/handle-autocomplete.js
+++ b/static/js/handle-autocomplete.js
@@ -55,7 +55,7 @@
 
       if (!data.actors || data.actors.length === 0) {
         results.innerHTML =
-          '<div class="px-4 py-3 text-sm text-gray-500">No accounts found</div>';
+          '<div class="handle-no-results">No accounts found</div>';
         results.classList.remove("hidden");
         return;
       }
@@ -70,8 +70,7 @@
 
         // Create container div
         const resultDiv = document.createElement("div");
-        resultDiv.className =
-          "handle-result px-3 py-2 hover:bg-gray-100 cursor-pointer flex items-center gap-2";
+        resultDiv.className = "handle-result";
         resultDiv.setAttribute("data-handle", actor.handle);
 
         // Create avatar image
@@ -99,12 +98,12 @@
 
         // Create display name element
         const nameDiv = document.createElement("div");
-        nameDiv.className = "font-medium text-sm text-gray-900 truncate";
+        nameDiv.className = "handle-name";
         nameDiv.textContent = displayName; // textContent auto-escapes
 
         // Create handle element
         const handleDiv = document.createElement("div");
-        handleDiv.className = "text-xs text-gray-500 truncate";
+        handleDiv.className = "handle-at";
         handleDiv.textContent = "@" + actor.handle; // textContent auto-escapes
 
         // Assemble the elements