Word Count Bookmarklet

document.addEventListener('focusin', (e) => {
  if (e.target.tagName === 'TEXTAREA') {
    const textarea = e.target;
    
    if (textarea.dataset.hasCounter) return;
    textarea.dataset.hasCounter = 'true';
    
    const originalPosition = textarea.style.position;
    
    if (!originalPosition || originalPosition === 'static') {
      textarea.style.position = 'relative';
    }
    
    const counter = document.createElement('div');
    counter.style.cssText = `
      position: absolute;
      bottom: 4px;
      right: 8px;
      font-size: 11px;
      color: #666;
      pointer-events: none;
      background: rgba(255, 255, 255, 0.9);
      padding: 2px 6px;
      border-radius: 3px;
      font-family: monospace;
      z-index: 1;
    `;
    
    textarea.parentElement.insertBefore(counter, textarea.nextSibling);
    
    let rafId = null;
    const updateCount = () => {
      const text = textarea.value.trim();
      const words = text ? text.split(/\s+/).length : 0;
      counter.textContent = `${words} word${words !== 1 ? 's' : ''}`;
    };
    
    textarea.addEventListener('input', () => {
      if (rafId) cancelAnimationFrame(rafId);
      rafId = requestAnimationFrame(updateCount);
    });
    
    updateCount();
    
    textarea.addEventListener('blur', () => {
      setTimeout(() => {
        if (document.activeElement !== textarea) {
          counter.remove();
          if (!originalPosition || originalPosition === 'static') {
            textarea.style.position = '';
          }
          delete textarea.dataset.hasCounter;
        }
      }, 100);
    });
  }
});