Show initial results without animation delay

static/app.js

@@ -879,7 +879,7 @@ async function doSearch() {
     const newResults = data.results || [];
     if (page === 1) {
       STATE.results = newResults;
-      renderResults();
+      renderResults({ animate: true });
       DOM.resultsContainer.scrollTop = 0;
     } else {
       STATE.results = STATE.results.concat(newResults);
@@ -945,7 +945,7 @@ function appendResults(items) {
   observeResultSnippets();
 }
 
-function renderResults() {
+function renderResults({ animate = false } = {}) {
   resetSnippetObserver();
   if (!STATE.results.length) {
     DOM.resultsList.innerHTML = "";
@@ -956,7 +956,7 @@ function renderResults() {
   }
   DOM.emptyState.style.display = "none";
   DOM.resultsList.innerHTML = STATE.results.map(resultItemHtml).join("");
-  animateResultRows(Array.from(DOM.resultsList.children).slice(0, 15));
+  if (animate) animateResultRows(Array.from(DOM.resultsList.children).slice(0, 15));
   DOM.multiActionBar.style.display = STATE.multiSelect ? "" : "none";
   observeResultSnippets();
 }
@@ -964,7 +964,7 @@ function renderResults() {
 function animateResultRows(rows) {
   if (!motionAllowed()) return;
   rows.slice(0, 15).forEach((row, index) => {
-    row.style.setProperty("--result-enter-delay", `${Math.round(42 * Math.sqrt(index))}ms`);
+    row.style.setProperty("--result-enter-delay", `${Math.round(24 * Math.sqrt(index))}ms`);
     row.classList.add("result-enter");
     row.addEventListener("animationend", () => {
       row.classList.remove("result-enter");

static/style.css

@@ -1232,14 +1232,13 @@ body.mobile .multi-toggle { padding: 1px 4px; font-size: 11px; }
 }
 
 .result-item.result-enter {
-  animation: result-enter 480ms var(--motion-emphasized-easing) both;
+  animation: result-enter 320ms cubic-bezier(0.2, 0, 0, 1) both;
   animation-delay: var(--result-enter-delay, 0ms);
 }
 
 @keyframes result-enter {
-  0% { opacity: 0; transform: translate3d(-14px, 22px, 0) scale(0.95); }
-  66% { opacity: 1; transform: translate3d(2px, -2px, 0) scale(1.008); }
-  100% { opacity: 1; transform: translateY(0) scale(1); }
+  from { opacity: 0; transform: translateY(8px); }
+  to { opacity: 1; transform: translateY(0); }
 }
 
 .result-item:nth-child(even) {