Upload 4 files

everywhere.css

@@ -706,12 +706,81 @@ body::after {
   margin: 28px 0;
 }
 
+.paper-body p, 
+.paper-body h1, 
+.paper-body h2, 
+.paper-body h3, 
+.paper-body li,
 .paper-body blockquote {
-  border-left: 2px solid var(--accent-muted);
-  padding-left: 16px;
-  margin: 18px 0;
-  color: var(--text-muted);
-  font-style: italic;
+  /* Ensure parent has relative for cursor positioning if needed */
+  position: relative;
+}
+
+.word-wrapper {
+  display: inline-block;
+  position: relative;
+  vertical-align: bottom;
+  opacity: 0;
+  padding: 0 1px;
+}
+
+.word-wrapper.revealing,
+.word-wrapper.revealed {
+  opacity: 1;
+}
+
+.word-wrapper::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: #000;
+  transform: scaleX(0);
+  transform-origin: left;
+  z-index: 1;
+  pointer-events: none;
+}
+
+.word-wrapper.revealing::after {
+  animation: revealBar 0.4s cubic-bezier(0.19, 1, 0.22, 1) forwards;
+}
+
+@keyframes revealBar {
+  0% { transform: scaleX(0); transform-origin: left; }
+  45% { transform: scaleX(1.1); transform-origin: left; }
+  55% { transform: scaleX(1.1); transform-origin: right; }
+  100% { transform: scaleX(0); transform-origin: right; }
+}
+
+/* LLM Cursor effect */
+.llm-cursor {
+  pointer-events: none;
+  background: var(--accent);
+  box-shadow: 0 0 10px var(--accent-bright);
+  transition: opacity 0.2s, transform 0.1s cubic-bezier(0.19, 1, 0.22, 1);
+  z-index: 2000;
+}
+
+.llm-cursor.active {
+  opacity: 1;
+}
+
+@keyframes blink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .word-wrapper {
+    opacity: 1 !important;
+    transform: none !important;
+    transition: none !important;
+  }
+  .word-wrapper::after {
+    display: none !important;
+  }
 }
 
 .proof-section {

reveal.js

@@ -0,0 +1,124 @@
+document.addEventListener('DOMContentLoaded', () => {
+  const paperBody = document.querySelector('.paper-body');
+  if (!paperBody) return;
+
+  const cursor = document.createElement('div');
+  cursor.className = 'llm-cursor';
+  document.body.appendChild(cursor);
+
+  function wrapWords(element) {
+    const nodes = Array.from(element.childNodes);
+    nodes.forEach(node => {
+      if (node.nodeType === Node.TEXT_NODE) {
+        const text = node.textContent;
+        if (text.trim() === '') return;
+        const fragment = document.createDocumentFragment();
+        const words = text.split(/(\s+)/);
+        words.forEach(word => {
+          if (word.length === 0) return;
+          if (word.trim() === '') {
+            fragment.appendChild(document.createTextNode(word));
+          } else {
+            const span = document.createElement('span');
+            span.className = 'word-wrapper';
+            span.textContent = word;
+            fragment.appendChild(span);
+          }
+        });
+        element.replaceChild(fragment, node);
+      } else if (node.nodeType === Node.ELEMENT_NODE && 
+                 node.tagName !== 'SCRIPT' && 
+                 node.tagName !== 'STYLE' && 
+                 !node.classList.contains('proof-script')) {
+        wrapWords(node);
+      }
+    });
+  }
+
+  wrapWords(paperBody);
+
+  const queue = [];
+  let isProcessing = false;
+  const containers = Array.from(paperBody.querySelectorAll('p, h1, h2, h3, li, blockquote'));
+  const revealedContainers = new Set();
+  
+  // Track active word for cursor repositioning on scroll
+  let activeWord = null;
+
+  function updateCursorPosition() {
+    if (!activeWord || !cursor.classList.contains('active')) return;
+    const rect = activeWord.getBoundingClientRect();
+    cursor.style.position = 'fixed';
+    cursor.style.left = `${rect.right}px`;
+    cursor.style.top = `${rect.top}px`;
+    cursor.style.height = `${rect.height}px`;
+    cursor.style.width = '2px';
+  }
+
+  function checkVisibility() {
+    const viewportHeight = window.innerHeight;
+    containers.forEach(container => {
+      if (revealedContainers.has(container)) return;
+      const rect = container.getBoundingClientRect();
+      if (rect.top < viewportHeight * 0.95) {
+        revealedContainers.add(container);
+        queue.push(container);
+        if (!isProcessing) processQueue();
+      }
+    });
+    // Ensure cursor follows scroll
+    updateCursorPosition();
+  }
+
+  window.addEventListener('scroll', checkVisibility, { passive: true });
+  setInterval(checkVisibility, 50); // High frequency check for smoother cursor
+  checkVisibility();
+
+  async function processQueue() {
+    if (queue.length === 0) {
+      isProcessing = false;
+      cursor.classList.remove('active');
+      activeWord = null;
+      return;
+    }
+    isProcessing = true;
+    const container = queue.shift();
+    await revealWordsInContainer(container);
+    processQueue();
+  }
+
+  function getDynamicDelay() {
+    const viewportHeight = window.innerHeight;
+    const hiddenWordsInView = document.querySelectorAll('.word-wrapper:not(.revealed)');
+    let countInView = 0;
+    hiddenWordsInView.forEach(word => {
+      const rect = word.getBoundingClientRect();
+      if (rect.top < viewportHeight && rect.bottom > 0) countInView++;
+    });
+    const minDelay = 4;
+    const maxDelay = 60;
+    const scaleFactor = 150;
+    const ratio = Math.min(countInView / scaleFactor, 1);
+    return maxDelay - (ratio * (maxDelay - minDelay));
+  }
+
+  async function revealWordsInContainer(container) {
+    const words = Array.from(container.querySelectorAll('.word-wrapper:not(.revealed)'));
+    if (words.length === 0) return;
+    cursor.classList.add('active');
+    
+    for (const word of words) {
+      activeWord = word;
+      word.classList.add('revealing');
+      updateCursorPosition();
+      
+      const baseDelay = getDynamicDelay();
+      const delay = baseDelay + Math.random() * (baseDelay * 0.4);
+      await new Promise(r => setTimeout(r, delay));
+      
+      word.classList.add('revealed');
+      word.classList.remove('revealing');
+      updateCursorPosition();
+    }
+  }
+});