diff --git a/.Jules/palette.md b/.Jules/palette.md
index 049f738..42fa447 100644
--- a/.Jules/palette.md
+++ b/.Jules/palette.md
@@ -50,3 +50,7 @@
 ## 2025-05-14 - Social Sharing Implementation
 **Learning:** Placeholders for social sharing buttons significantly degrade UX when users expect to share discovered content. Standardizing these intents with popup windows (550x450) provides a "premium" feel while keeping users on the platform.
 **Action:** Always verify if sharing icons in modals are functional; if not, implement standardized platform intents using centered popups.
+
+## 2026-07-16 - Accessible Brand Identity and Shortcut Discoverability
+**Learning:** The brand logo is an often-overlooked anchor for "Back to Top" functionality. Enhancing it with semantic roles and keyboard listeners improves both accessibility and navigation efficiency. Pairing these with explicit shortcut hints in action button titles (e.g., 'Share (S)') significantly lowers the barrier for power users without cluttering the visual UI.
+**Action:** Always verify if brand logos can serve as functional anchors and ensure all modal actions have discoverability hints for their associated keyboard shortcuts.
diff --git a/index.html b/index.html
index 0b438d6..9f3ebfc 100644
--- a/index.html
+++ b/index.html
@@ -64,7 +64,7 @@
   <!-- Navigation Header -->
   <header class="navbar">
     <div class="navbar-container">
-      <div class="navbar-brand">
+      <div class="navbar-brand" id="navbarBrand" role="button" tabindex="0" aria-label="Ruh Al Tarikh - Back to Top" title="Back to Top">
         <div class="brand-icon">
           <svg viewBox="0 0 100 100" width="32" height="32" fill="currentColor">
             <path d="M50 10 L90 90 L10 90 Z"/>
@@ -348,8 +348,8 @@ <h4 class="text-xs font-bold uppercase tracking-widest mb-3 text-primary">Live A
             <div class="flex items-center justify-between mb-6">
               <h3 class="font-display text-xl">Active Projects</h3>
               <div class="flex bg-black/20 p-1 rounded-lg">
-                <button id="listViewBtn" class="p-2 rounded-md active"><i class="fas fa-list"></i></button>
-                <button id="kanbanViewBtn" class="p-2 rounded-md"><i class="fas fa-th-large"></i></button>
+                <button id="listViewBtn" class="p-2 rounded-md active" aria-label="List View" title="List View"><i class="fas fa-list"></i></button>
+                <button id="kanbanViewBtn" class="p-2 rounded-md" aria-label="Kanban View" title="Kanban View"><i class="fas fa-th-large"></i></button>
               </div>
             </div>
             <div id="studioProjectsList" class="studio-projects-grid">
@@ -365,7 +365,7 @@ <h3 class="font-display text-xl">Active Projects</h3>
           <!-- Active Project Detail View -->
           <div id="active-project-view" class="studio-view hidden">
             <div class="flex items-center gap-4 mb-6">
-              <button id="backToProjectsBtn" class="action-btn"><i class="fas fa-arrow-left"></i></button>
+              <button id="backToProjectsBtn" class="action-btn" aria-label="Back to Projects" title="Back to Projects"><i class="fas fa-arrow-left"></i></button>
               <h3 id="current-project-title" class="font-display text-xl">New Project</h3>
             </div>
             
@@ -430,7 +430,7 @@ <h2 id="video-title" class="modal-title">Episode Title</h2>
         </div>
 
         <div class="modal-actions">
-          <button id="shareEpisode" class="modal-action-btn" title="Share">
+          <button id="shareEpisode" class="modal-action-btn" title="Share (S)">
             <i class="fas fa-share-alt"></i>
             <span>Share</span>
           </button>
@@ -438,7 +438,7 @@ <h2 id="video-title" class="modal-title">Episode Title</h2>
             <i class="fas fa-bookmark"></i>
             <span>Save</span>
           </button>
-          <button id="toggleTranscript" class="modal-action-btn" title="Transcript">
+          <button id="toggleTranscript" class="modal-action-btn" title="Notes (N)">
             <i class="fas fa-closed-captioning"></i>
             <span>Notes</span>
           </button>
diff --git a/js/app.js b/js/app.js
index 5abcb24..2b784a4 100644
--- a/js/app.js
+++ b/js/app.js
@@ -98,20 +98,7 @@ const DOM = {
     // Theme & UI
     themeToggle: document.getElementById('themeToggleBtn'),
     themeMenu: document.getElementById('themeMenu'),
-    episodesNavBtn: document.querySelector('[data-action="scroll-to-episodes"]'),
-    episodesSection: document.getElementById('episodesSection'),
-    episodesNavBtn: document.querySelector('[data-action="scroll-to-episodes"]'),
-    episodesSection: document.getElementById('episodesSection'),
-    episodesNavBtn: document.querySelector('[data-action="scroll-to-episodes"]'),
-    episodesSection: document.getElementById('episodesSection'),
-    episodesNavBtn: document.querySelector('[data-action="scroll-to-episodes"]'),
-    episodesSection: document.getElementById('episodesSection'),
-    episodesNavBtn: document.querySelector('[data-action="scroll-to-episodes"]'),
-    episodesSection: document.getElementById('episodesSection'),
-    episodesNavBtn: document.querySelector('[data-action="scroll-to-episodes"]'),
-    episodesSection: document.getElementById('episodesSection'),
-    episodesNavBtn: document.querySelector('[data-action="scroll-to-episodes"]'),
-    episodesSection: document.getElementById('episodesSection'),
+    navbarBrand: document.getElementById('navbarBrand'),
     episodesNavBtn: document.querySelector('[data-action="scroll-to-episodes"]'),
     episodesSection: document.getElementById('episodesSection'),
     menuToggle: document.getElementById('menuToggleBtn'),
@@ -1033,68 +1020,19 @@ function bindEvents() {
     });
 
     // Hero buttons
-    // Navbar Episodes Scroll
-    if (DOM.episodesNavBtn && DOM.episodesSection) {
-        DOM.episodesNavBtn.addEventListener('click', () => {
-            DOM.episodesSection.scrollIntoView({ behavior: 'smooth' });
-            if (document.body.classList.contains('mobile-nav-active')) {
-                document.body.classList.remove('mobile-nav-active');
-                if (DOM.menuToggle) DOM.menuToggle.setAttribute('aria-expanded', 'false');
-            }
-        });
-    }
-
-    // Navbar Episodes Scroll
-    if (DOM.episodesNavBtn && DOM.episodesSection) {
-        DOM.episodesNavBtn.addEventListener('click', () => {
-            DOM.episodesSection.scrollIntoView({ behavior: 'smooth' });
-            if (document.body.classList.contains('mobile-nav-active')) {
-                document.body.classList.remove('mobile-nav-active');
-                if (DOM.menuToggle) DOM.menuToggle.setAttribute('aria-expanded', 'false');
-            }
-        });
-    }
-
-    // Navbar Episodes Scroll
-    if (DOM.episodesNavBtn && DOM.episodesSection) {
-        DOM.episodesNavBtn.addEventListener('click', () => {
-            DOM.episodesSection.scrollIntoView({ behavior: 'smooth' });
-            if (document.body.classList.contains('mobile-nav-active')) {
-                document.body.classList.remove('mobile-nav-active');
-                if (DOM.menuToggle) DOM.menuToggle.setAttribute('aria-expanded', 'false');
-            }
-        });
-    }
-
-    // Navbar Episodes Scroll
-    if (DOM.episodesNavBtn && DOM.episodesSection) {
-        DOM.episodesNavBtn.addEventListener('click', () => {
-            DOM.episodesSection.scrollIntoView({ behavior: 'smooth' });
-            if (document.body.classList.contains('mobile-nav-active')) {
-                document.body.classList.remove('mobile-nav-active');
-                if (DOM.menuToggle) DOM.menuToggle.setAttribute('aria-expanded', 'false');
-            }
-        });
-    }
-
-    // Navbar Episodes Scroll
-    if (DOM.episodesNavBtn && DOM.episodesSection) {
-        DOM.episodesNavBtn.addEventListener('click', () => {
-            DOM.episodesSection.scrollIntoView({ behavior: 'smooth' });
+    if (DOM.navbarBrand) {
+        const scrollToTopAction = () => {
+            window.scrollTo({ top: 0, behavior: 'smooth' });
             if (document.body.classList.contains('mobile-nav-active')) {
                 document.body.classList.remove('mobile-nav-active');
                 if (DOM.menuToggle) DOM.menuToggle.setAttribute('aria-expanded', 'false');
             }
-        });
-    }
-
-    // Navbar Episodes Scroll
-    if (DOM.episodesNavBtn && DOM.episodesSection) {
-        DOM.episodesNavBtn.addEventListener('click', () => {
-            DOM.episodesSection.scrollIntoView({ behavior: 'smooth' });
-            if (document.body.classList.contains('mobile-nav-active')) {
-                document.body.classList.remove('mobile-nav-active');
-                if (DOM.menuToggle) DOM.menuToggle.setAttribute('aria-expanded', 'false');
+        };
+        DOM.navbarBrand.addEventListener('click', scrollToTopAction);
+        DOM.navbarBrand.addEventListener('keydown', (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                scrollToTopAction();
             }
         });
     }
@@ -1111,16 +1049,6 @@ function bindEvents() {
     }
 
     // Navbar Episodes Scroll
-    if (DOM.episodesNavBtn && DOM.episodesSection) {
-        DOM.episodesNavBtn.addEventListener('click', () => {
-            DOM.episodesSection.scrollIntoView({ behavior: 'smooth' });
-            if (document.body.classList.contains('mobile-nav-active')) {
-                document.body.classList.remove('mobile-nav-active');
-                if (DOM.menuToggle) DOM.menuToggle.setAttribute('aria-expanded', 'false');
-            }
-        });
-    }
-
     if (DOM.heroBtn) DOM.heroBtn.addEventListener('click', () => AppState.hero && openVideo(AppState.hero));
     if (DOM.heroSave) DOM.heroSave.addEventListener('click', () => AppState.hero && toggleWatchLater(AppState.hero));
 
@@ -1326,6 +1254,12 @@ function bindEvents() {
             } else if (key === 'b') {
                 e.preventDefault();
                 toggleWatchLater(AppState.current);
+            } else if (key === 's') {
+                e.preventDefault();
+                openShare();
+            } else if (key === 'n') {
+                e.preventDefault();
+                openTranscript();
             }
         }
 
diff --git a/package.json b/package.json
index 121dad1..05d41fd 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,7 @@
   },
   "devDependencies": {
     "@cloudflare/workers-types": "^4.20260508.1",
+    "@playwright/test": "1.59.1",
     "@vitejs/plugin-react": "^6.0.1",
     "autoprefixer": "^10.5.0",
     "chokidar-cli": "^3.0.0",
@@ -68,8 +69,7 @@
     "express-session": "^1.19.0",
     "ghas-fixer": "^1.3.0",
     "node-cloudflared-tunnel": "^1.0.10",
-    "trigger-circleci-pipeline": "^1.12.1",
-    "circletui": "^1.0.3"
+    "trigger-circleci-pipeline": "^1.12.1"
   },
   "name": "yt-studio",
   "version": "1.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 58f6706..a2c4b9c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -54,6 +54,9 @@ importers:
       '@cloudflare/workers-types':
         specifier: ^4.20260508.1
         version: 4.20260508.1
+      '@playwright/test':
+        specifier: 1.59.1
+        version: 1.59.1
       '@vitejs/plugin-react':
         specifier: ^6.0.1
         version: 6.0.1(vite@8.0.11(@types/node@25.6.2)(esbuild@0.28.0))
@@ -930,6 +933,11 @@ packages:
   '@oxc-project/types@0.128.0':
     resolution: {integrity: sha512-huv1Y/LzBJkBVHt3OlC7u0zHBW9qXf1FdD7sGmc1rXc2P1mTwHssYv7jyGx5KAACSCH+9B3Bhn6Z9luHRvf7pQ==}
 
+  '@playwright/test@1.59.1':
+    resolution: {integrity: sha512-PG6q63nQg5c9rIi4/Z5lR5IVF7yU5MqmKaPOe0HSc0O2cX1fPi96sUQu5j7eo4gKCkB2AnNGoWt7y4/Xx3Kcqg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   '@poppinss/colors@4.1.6':
     resolution: {integrity: sha512-H9xkIdFswbS8n1d6vmRd8+c10t2Qe+rZITbbDHHkQixH5+2x1FDGmi/0K+WgWiqQFKPSlIYB7jlH6Kpfn6Fleg==}
 
@@ -4012,6 +4020,10 @@ snapshots:
 
   '@oxc-project/types@0.128.0': {}
 
+  '@playwright/test@1.59.1':
+    dependencies:
+      playwright: 1.59.1
+
   '@poppinss/colors@4.1.6':
     dependencies:
       kleur: 4.1.5
diff --git a/test-results/tests-shortcut-search-shortcut-works/error-context.md b/test-results/tests-shortcut-search-shortcut-works/error-context.md
new file mode 100644
index 0000000..a0294b5
--- /dev/null
+++ b/test-results/tests-shortcut-search-shortcut-works/error-context.md
@@ -0,0 +1,210 @@
+# Instructions
+
+- Following Playwright test failed.
+- Explain why, be concise, respect Playwright best practices.
+- Provide a snippet of code with the fix, if possible.
+
+# Test info
+
+- Name: tests/shortcut.spec.js >> search shortcut / works
+- Location: tests/shortcut.spec.js:1:47
+
+# Error details
+
+```
+Error: expect(received).toBe(expected) // Object.is equality
+
+Expected: true
+Received: false
+```
+
+# Page snapshot
+
+```yaml
+- generic [active] [ref=e1]:
+  - link "Skip to main content" [ref=e2] [cursor=pointer]:
+    - /url: "#main-content"
+  - banner [ref=e3]:
+    - generic [ref=e4]:
+      - button "Ruh Al Tarikh - Back to Top" [ref=e5] [cursor=pointer]:
+        - img [ref=e7]
+        - generic [ref=e9]:
+          - heading "Ruh Al Tarikh" [level=1] [ref=e10]
+          - paragraph [ref=e11]: Cinematic Archive
+      - navigation [ref=e12]:
+        - button "Episodes" [ref=e13] [cursor=pointer]:
+          - generic [ref=e14]: Episodes
+        - button "Search" [ref=e15] [cursor=pointer]:
+          - generic [ref=e16]: Search
+      - generic [ref=e17]:
+        - button "View Saved Episodes" [ref=e18] [cursor=pointer]:
+          - generic [ref=e19]: "0"
+        - button "View Dashboard" [ref=e20] [cursor=pointer]
+        - link "Visit YouTube Channel" [ref=e21] [cursor=pointer]:
+          - /url: https://www.youtube.com/@Ruh-Al-Tarikh
+        - button "Toggle Theme" [ref=e23] [cursor=pointer]
+        - generic [ref=e24]:
+          - button "Archive" [pressed] [ref=e25]
+          - button "Studio" [ref=e26]
+  - main [ref=e27]:
+    - region "Featured episode" [ref=e28]:
+      - generic [ref=e32]:
+        - generic [ref=e33]: Featured
+        - heading "Exploring Islamic History" [level=2] [ref=e34]
+        - paragraph [ref=e35]: Uncover deep insights into the Islamic civilization
+        - generic [ref=e36]:
+          - generic [ref=e37]: History
+          - generic [ref=e38]: Recently added
+        - generic [ref=e39]:
+          - button "Watch Featured Episode" [ref=e40] [cursor=pointer]:
+            - generic [ref=e41]: Watch Now
+          - button "Save Featured Episode for Later" [ref=e42] [cursor=pointer]:
+            - generic [ref=e43]: Save
+    - region "Archive statistics" [ref=e44]:
+      - generic [ref=e46]:
+        - generic [ref=e49] [cursor=pointer]:
+          - paragraph [ref=e50]: Total Episodes
+          - paragraph [ref=e51]: "0"
+        - generic [ref=e54] [cursor=pointer]:
+          - paragraph [ref=e55]: Hours of Content
+          - paragraph [ref=e56]: 0h
+        - generic [ref=e59] [cursor=pointer]:
+          - paragraph [ref=e60]: Saved Episodes
+          - paragraph [ref=e61]: "0"
+        - generic [ref=e64] [cursor=pointer]:
+          - paragraph [ref=e65]: Most Watched
+          - paragraph [ref=e66]: "0"
+    - region "Episodes" [ref=e67]:
+      - generic [ref=e69]:
+        - heading "Episode Archive" [level=2] [ref=e70]
+        - paragraph [ref=e71]: Loading episodes...
+  - heading [level=2] [ref=e74]: Watch Later
+  - generic [ref=e76]:
+    - heading [level=2] [ref=e78]: Dashboard
+    - generic [ref=e79]:
+      - generic [ref=e80]:
+        - generic [ref=e81]:
+          - paragraph [ref=e82]: Episodes Loaded
+          - paragraph [ref=e83]: "0"
+        - generic [ref=e84]:
+          - paragraph [ref=e85]: Saved Episodes
+          - paragraph [ref=e86]: "0"
+        - generic [ref=e87]:
+          - paragraph [ref=e88]: Watch Progress
+          - paragraph [ref=e89]: 0%
+      - heading [level=3] [ref=e91]: Creator Analytics
+      - generic [ref=e94]:
+        - generic [ref=e95]:
+          - heading [level=3] [ref=e96]: AI Creator Assistant
+          - generic [ref=e97]: BETA
+        - generic [ref=e98]:
+          - generic [ref=e99]:
+            - text: Video Title Scorer
+            - generic [ref=e100]:
+              - textbox [ref=e101]:
+                - /placeholder: Enter title to score...
+              - button [ref=e102] [cursor=pointer]: Score
+          - generic [ref=e103]:
+            - text: Viral Hook Generator
+            - button [ref=e104] [cursor=pointer]: Generate Viral Hook
+          - generic [ref=e105]:
+            - text: Topic Discovery
+            - generic [ref=e106]:
+              - button [ref=e107]: Ottoman Siege
+              - button [ref=e108]: Andalusian Fall
+              - button [ref=e109]: Modern Prophecy
+      - heading [level=3] [ref=e111]: Category Distribution
+  - generic [ref=e112]:
+    - heading [level=2] [ref=e114]: Share Episode
+    - generic [ref=e115]:
+      - generic [ref=e116]:
+        - text: "Link:"
+        - textbox [ref=e117]
+        - button [ref=e118] [cursor=pointer]: Copy Link
+      - generic [ref=e119]:
+        - button [ref=e120]
+        - button [ref=e121]
+        - button [ref=e122]
+  - heading [level=2] [ref=e125]: Episode Notes
+  - status [ref=e127]
+  - contentinfo [ref=e128]:
+    - generic [ref=e129]:
+      - generic [ref=e130]:
+        - generic [ref=e131]:
+          - heading "Ruh Al Tarikh" [level=3] [ref=e132]
+          - paragraph [ref=e133]: A cinematic archive exploring Islamic history, scripture, and contested ideas through a professional, high-fidelity lens.
+          - generic [ref=e134]:
+            - link "YouTube" [ref=e135] [cursor=pointer]:
+              - /url: https://www.youtube.com/@Ruh-Al-Tarikh
+            - link "Twitter" [ref=e136] [cursor=pointer]:
+              - /url: "#"
+            - link "Instagram" [ref=e137] [cursor=pointer]:
+              - /url: "#"
+        - generic [ref=e138]:
+          - heading "Explore" [level=4] [ref=e139]
+          - list [ref=e140]:
+            - listitem [ref=e141]:
+              - link "Archive" [ref=e142] [cursor=pointer]:
+                - /url: "#"
+            - listitem [ref=e143]:
+              - link "Historical Analysis" [ref=e144] [cursor=pointer]:
+                - /url: "#"
+            - listitem [ref=e145]:
+              - link "Scriptural Deep-Dives" [ref=e146] [cursor=pointer]:
+                - /url: "#"
+            - listitem [ref=e147]:
+              - link "Prophetic Timeline" [ref=e148] [cursor=pointer]:
+                - /url: "#"
+        - generic [ref=e149]:
+          - heading "Studio" [level=4] [ref=e150]
+          - list [ref=e151]:
+            - listitem [ref=e152]:
+              - link "Creator Workspace" [ref=e153] [cursor=pointer]:
+                - /url: "#"
+            - listitem [ref=e154]:
+              - link "History Hub" [ref=e155] [cursor=pointer]:
+                - /url: "#"
+            - listitem [ref=e156]:
+              - link "Research Tools" [ref=e157] [cursor=pointer]:
+                - /url: "#"
+            - listitem [ref=e158]:
+              - link "API Documentation" [ref=e159] [cursor=pointer]:
+                - /url: "#"
+        - generic [ref=e160]:
+          - heading "Support" [level=4] [ref=e161]
+          - list [ref=e162]:
+            - listitem [ref=e163]:
+              - link "Help Center" [ref=e164] [cursor=pointer]:
+                - /url: "#"
+            - listitem [ref=e165]:
+              - link "Terms of Service" [ref=e166] [cursor=pointer]:
+                - /url: "#"
+            - listitem [ref=e167]:
+              - link "Privacy Policy" [ref=e168] [cursor=pointer]:
+                - /url: "#"
+            - listitem [ref=e169]:
+              - link "Contact Us" [ref=e170] [cursor=pointer]:
+                - /url: "#"
+      - paragraph [ref=e172]: © 2024 Ruh Al Tarikh. Premium Studio Experience.
+  - generic [ref=e175]:
+    - generic [ref=e176]: "[plugin:vite:import-analysis] Failed to parse source for import analysis because the content contains invalid JS syntax. If you are using JSX, make sure to name the file with the .jsx or .tsx extension."
+    - generic [ref=e177]: /app/js/app.js:901:93
+    - generic [ref=e178]: "899 | if (channelStatsEl) { 900 | channelStatsEl.innerHTML = ` 901 | <span>📺 ${channelStats.subscribers?.toLocaleString()} subscribers</span> | ^ 902 | <span>👁️ ${channelStats.views?.toLocaleString()} views</span> 903 | <span>🎬 ${channelStats.videos} videos</span>"
+    - generic [ref=e179]: at TransformPluginContext._formatLog (file:///app/node_modules/.pnpm/vite@8.0.11_@types+node@25.6.2_esbuild@0.28.0/node_modules/vite/dist/node/chunks/node.js:30390:39) at TransformPluginContext.error (file:///app/node_modules/.pnpm/vite@8.0.11_@types+node@25.6.2_esbuild@0.28.0/node_modules/vite/dist/node/chunks/node.js:30387:14) at TransformPluginContext.transform (file:///app/node_modules/.pnpm/vite@8.0.11_@types+node@25.6.2_esbuild@0.28.0/node_modules/vite/dist/node/chunks/node.js:27615:10) at async EnvironmentPluginContainer.transform (file:///app/node_modules/.pnpm/vite@8.0.11_@types+node@25.6.2_esbuild@0.28.0/node_modules/vite/dist/node/chunks/node.js:30179:14) at async loadAndTransform (file:///app/node_modules/.pnpm/vite@8.0.11_@types+node@25.6.2_esbuild@0.28.0/node_modules/vite/dist/node/chunks/node.js:24509:26) at async viteTransformMiddleware (file:///app/node_modules/.pnpm/vite@8.0.11_@types+node@25.6.2_esbuild@0.28.0/node_modules/vite/dist/node/chunks/node.js:24303:20)
+    - generic [ref=e180]:
+      - text: Click outside, press Esc key, or fix the code to dismiss.
+      - text: You can also disable this overlay by setting
+      - code [ref=e181]: server.hmr.overlay
+      - text: to
+      - code [ref=e182]: "false"
+      - text: in
+      - code [ref=e183]: vite.config.js
+      - text: .
+```
+
+# Test source
+
+```ts
+> 1 | import{test,expect}from"@playwright/test";test("search shortcut / works",async({page:t})=>{await t.goto("http://localhost:5173"),await t.keyboard.press("/");t=await t.evaluate(()=>document.activeElement===document.getElementById("searchInput"));expect(t).toBe(!0)});
+    |                                                                                                                                                                                                                                                                ^ Error: expect(received).toBe(expected) // Object.is equality
+```
\ No newline at end of file