diff --git a/apps/worker-app/app/components/AwardCapability.vue b/apps/worker-app/app/components/AwardCapability.vue
index 6f2f01e9..959eaf6b 100644
--- a/apps/worker-app/app/components/AwardCapability.vue
+++ b/apps/worker-app/app/components/AwardCapability.vue
@@ -71,6 +71,7 @@ const props = defineProps({
   icon: { type: String, default: "🛡" },
   successText: { type: String, default: "Capability granted!" },
   autoPlay: { type: Boolean, default: false }, // run animation on mount
+  autoNavigate: { type: Boolean, default: true }, // auto-navigate to dashboard on continue
 });
 
 const emit = defineEmits(["claimed", "continue"]);
@@ -129,7 +130,11 @@ function loop() {
 
 const router = useRouter();
 const continueHandler = () => {
-  router.push("/");
+  emit("continue");
+  // Only route to dashboard if autoNavigate is enabled
+  if (props.autoNavigate) {
+    router.push("/");
+  }
 };
 
 const { awardCapability } = useCapabilities();
diff --git a/apps/worker-app/app/components/CapabilitiesListItem.vue b/apps/worker-app/app/components/CapabilitiesListItem.vue
index e18ac818..41efd55a 100644
--- a/apps/worker-app/app/components/CapabilitiesListItem.vue
+++ b/apps/worker-app/app/components/CapabilitiesListItem.vue
@@ -15,6 +15,20 @@
             <p class="text-xs text-gray-500">{{ category }}</p>
           </div>
         </div>
+        <div class="flex items-center gap-1">
+          <span
+            v-if="!noAttemptsLeft"
+            class="text-xs px-2 py-1 bg-green-100 text-green-700 rounded-full font-medium"
+          >
+            {{ remainingAttempts }}/{{ maxAttempts }}
+          </span>
+          <span
+            v-else
+            class="text-xs px-2 py-1 bg-red-100 text-red-700 rounded-full font-medium"
+          >
+            No attempts
+          </span>
+        </div>
       </div>
       <p class="text-xs text-gray-600 mb-3 line-clamp-2">
         {{ description || "No description available." }}
@@ -31,11 +45,18 @@
             >{{ tag }}</span
           >
         </div>
-        <nuxt-link :to="`${href}`">
+        <nuxt-link :to="noAttemptsLeft ? '#' : `${href}`">
           <button
-            class="w-full mt-4 px-3 py-1.5 bg-black text-white rounded text-xs flex items-center justify-center"
+            :disabled="noAttemptsLeft"
+            :class="[
+              'w-full mt-4 px-3 py-1.5 rounded text-xs flex items-center justify-center transition-colors',
+              noAttemptsLeft
+                ? 'bg-gray-300 text-gray-500 cursor-not-allowed'
+                : 'bg-black text-white hover:bg-gray-800'
+            ]"
           >
-            Register Capability<svg
+            {{ noAttemptsLeft ? 'No Attempts Left' : 'Register Capability' }}<svg
+              v-if="!noAttemptsLeft"
               xmlns="http://www.w3.org/2000/svg"
               width="24"
               height="24"
@@ -57,8 +78,10 @@
 </template>
 
 <script setup lang="ts">
+import { computed } from "vue";
+
 const props = defineProps<{
-  id: number;
+  id: string;
   name: string;
   value: string;
   category: string;
@@ -69,6 +92,16 @@ const props = defineProps<{
   tags: string[];
   icon: string;
 }>();
+
+const { getRemainingAttempts, getCapabilityMaxAttempts } = useCapabilities();
+
+const maxAttempts = computed(() => getCapabilityMaxAttempts(props.id));
+
+const remainingAttempts = computed(() =>
+  getRemainingAttempts(props.id)
+);
+
+const noAttemptsLeft = computed(() => remainingAttempts.value === 0);
 </script>
 
 <style scoped></style>
diff --git a/apps/worker-app/app/composables/useCapabilities.ts b/apps/worker-app/app/composables/useCapabilities.ts
index a0d21e5c..cb7777ea 100644
--- a/apps/worker-app/app/composables/useCapabilities.ts
+++ b/apps/worker-app/app/composables/useCapabilities.ts
@@ -5,12 +5,26 @@ type UserCapabilityAssignment = {
   awardedAt: Date;
 };
 
+type TestAttempt = {
+  capabilityId: string;
+  attempts: number;
+  lastAttemptDate: Date;
+  passed: boolean;
+};
+
 export const useCapabilities = () => {
   const workerStore = useWorkerStore();
   const { peerId } = storeToRefs(workerStore);
 
   if (!peerId.value) throw new Error("Peer ID is not available");
 
+  const DEFAULT_MAX_ATTEMPTS = 3;
+
+  const getCapabilityMaxAttempts = (capabilityId: string): number => {
+    const capability = availableCapabilities.find((c) => c.id === capabilityId);
+    return capability?.attempts ?? DEFAULT_MAX_ATTEMPTS;
+  };
+
   const awardCapability = (capabilityId: string) => {
     if (
       userCapabilityAssignmentMap.value.some(
@@ -31,6 +45,11 @@ export const useCapabilities = () => {
     UserCapabilityAssignment[]
   >(`${peerId.value?.toString()}-capabilities`, []);
 
+  const testAttempts = useLocalStorage<TestAttempt[]>(
+    `${peerId.value?.toString()}-test-attempts`,
+    []
+  );
+
   const userCapabilities = computed(() =>
     availableCapabilities
       .filter((capability) =>
@@ -53,9 +72,15 @@ export const useCapabilities = () => {
   const userAvailableCapabilities = computed(() =>
     availableCapabilities.filter(
       (capability) =>
+        !capability.hidden &&
         !userCapabilityAssignmentMap.value.some(
           (assignment) => assignment.id === capability.id,
-        ),
+        ) &&
+        // Check if prerequisite is met (if one exists)
+        (!capability.prerequisite ||
+          userCapabilityAssignmentMap.value.some(
+            (assignment) => assignment.id === capability.prerequisite,
+          )),
     ),
   );
 
@@ -65,6 +90,44 @@ export const useCapabilities = () => {
     userCapabilityAssignmentMap.value = [];
   };
 
+  const incrementTestAttempt = (capabilityId: string, passed: boolean) => {
+    const existing = testAttempts.value.find(
+      (t) => t.capabilityId === capabilityId
+    );
+    if (existing) {
+      existing.attempts++;
+      existing.lastAttemptDate = new Date();
+      existing.passed = existing.passed || passed;
+    } else {
+      testAttempts.value.push({
+        capabilityId,
+        attempts: 1,
+        lastAttemptDate: new Date(),
+        passed,
+      });
+    }
+  };
+
+  const getRemainingAttempts = (
+    capabilityId: string,
+    maxAttempts?: number
+  ) => {
+    const max = maxAttempts ?? getCapabilityMaxAttempts(capabilityId);
+    const attempt = testAttempts.value.find(
+      (t) => t.capabilityId === capabilityId
+    );
+    if (!attempt) return max;
+    if (attempt.passed) return 0; // Already passed, no more attempts needed
+    return Math.max(0, max - attempt.attempts);
+  };
+
+  const hasAttemptsRemaining = (
+    capabilityId: string,
+    maxAttempts?: number
+  ) => {
+    return getRemainingAttempts(capabilityId, maxAttempts) > 0;
+  };
+
   return {
     userCapabilities,
     userCapabilityAssignmentMap,
@@ -74,5 +137,9 @@ export const useCapabilities = () => {
     clearUserCapabilities,
     availableCapabilities,
     awardCapability,
+    incrementTestAttempt,
+    getRemainingAttempts,
+    hasAttemptsRemaining,
+    getCapabilityMaxAttempts,
   };
 };
diff --git a/apps/worker-app/app/constants/capabilities.ts b/apps/worker-app/app/constants/capabilities.ts
index aa3f4acc..4a7cd406 100644
--- a/apps/worker-app/app/constants/capabilities.ts
+++ b/apps/worker-app/app/constants/capabilities.ts
@@ -9,6 +9,9 @@ export type Capability = {
   estimatedEarnings: number; // Estimated earnings from using the capability
   tags: string[];
   antiCapability: string;
+  attempts?: number; // Maximum number of test attempts allowed (defaults to 3 if not specified)
+  hidden?: boolean; // If true, hide from marketplace (but still awardable)
+  prerequisite?: string; // Capability ID that must be earned before this one appears
 };
 
 export const availableCapabilities: Capability[] = [
@@ -23,10 +26,12 @@ export const availableCapabilities: Capability[] = [
     estimatedEarnings: 800,
     tags: ["Audio", "Processing", "Hardware"],
     antiCapability: "effectai/microphone-access:0.0.1-disabled",
+    hidden: false,
+    attempts: 99,
   },
   {
     icon: "i-lucide-book-open",
-    id: "effectai/english-language:0.0.1",
+    id: "effectai/english-language:0.0.2",
     href: "capabilities/language-english",
     name: "English Language",
     category: "Language",
@@ -34,7 +39,10 @@ export const availableCapabilities: Capability[] = [
     cost: 30,
     estimatedEarnings: 500,
     tags: ["Language", "English", "Communication"],
-    antiCapability: "effectai/english-language:0.0.1-disabled",
+    antiCapability: "effectai/english-language:0.0.2-disabled",
+    hidden: false,
+    attempts: 3,
+    
   },
   {
     icon: "i-lucide-wifi",
@@ -47,6 +55,65 @@ export const availableCapabilities: Capability[] = [
     estimatedEarnings: 1500,
     tags: ["Network", "Internet", "Speed"],
     antiCapability: "effectai/internet-speed:0.0.1-disabled",
+    hidden: false,
+    attempts: 99,
+    
+  },
+  {
+    icon: "i-lucide-music",
+    id: "effectai/music-transcription:0.0.1",
+    href: "capabilities/music-transcription",
+    name: "Music Transcription",
+    category: "Audio",
+    description: "Ability to accurately verify music lyrics and timestamps",
+    cost: 40,
+    estimatedEarnings: 700,
+    tags: ["Audio", "Transcription", "Music", "Lyrics"],
+    antiCapability: "effectai/music-transcription:0.0.1-disabled",
+    attempts: 3,
+    hidden: false,
+  },
+  {
+    icon: "i-lucide-check-circle",
+    id: "effectai/music-transcription-validation:0.0.1",
+    name: "Music Transcription Validation",
+    category: "Audio",
+    description: "Qualified to validate and review music transcription submissions",
+    cost: 0,
+    estimatedEarnings: 1000,
+    tags: ["Audio", "Validation", "Music", "Quality"],
+    antiCapability: "effectai/music-transcription-validation:0.0.1-disabled",
+    attempts: 3,
+    hidden: true, // Earned through Music Transcription test at 80%+
+  },
+  {
+    icon: "i-lucide-check-square",
+    id: "effectai/common-voice-validator:0.0.1",
+    href: "capabilities/common-voice-validator",
+    name: "Common Voice Validator",
+    category: "Language",
+    description: "Ability to validate sentences for the Common Voice dataset",
+    cost: 35,
+    estimatedEarnings: 600,
+    tags: ["Language", "Validation", "Common Voice", "Quality"],
+    antiCapability: "effectai/common-voice-validator:0.0.1-disabled",
+    hidden: false,
+    attempts: 3,
+    prerequisite: "effectai/common-voice-contributor:0.0.1", // Must earn Contributor first
+  },
+  {
+    icon: "i-lucide-pen-line",
+    id: "effectai/common-voice-contributor:0.0.1",
+    href: "capabilities/common-voice-contributor",
+    name: "Common Voice Contributor",
+    category: "Language",
+    description: "Qualified to contribute high-quality sentences to Common Voice",
+    cost: 30,
+    estimatedEarnings: 550,
+    tags: ["Language", "Contribution", "Common Voice", "Writing"],
+    antiCapability: "effectai/common-voice-contributor:0.0.1-disabled",
+    hidden: false,
+    attempts: 3,
   },
   {
     icon: "i-lucide-ghost",
@@ -59,5 +126,7 @@ export const availableCapabilities: Capability[] = [
     estimatedEarnings: 0,
     tags: ["Seasonal", "Spooky"],
     antiCapability: "effectai/halloween-spirit:0.0.1-disabled",
+    hidden: true, // Hidden capability for Halloween fun
+    attempts: 99, // Halloween spirit deserves many attempts!
 },
 ];
diff --git a/apps/worker-app/app/pages/capabilities/common-voice-contributor.vue b/apps/worker-app/app/pages/capabilities/common-voice-contributor.vue
new file mode 100644
index 00000000..9cf25422
--- /dev/null
+++ b/apps/worker-app/app/pages/capabilities/common-voice-contributor.vue
@@ -0,0 +1,768 @@
+<template>
+  <div class="cv-contrib-test">
+    <AwardCapability :capability="capability" v-if="showAward" />
+
+    <h2 class="text-xl my-6 text-center">Common Voice Sentence Contribution Test (10-15min)</h2>
+
+    <div v-if="phase === 'intro'" class="card">
+      <p>This test evaluates your understanding of sentence contribution best practices for the Common Voice dataset.</p>
+      <br>
+      <p><strong>Focus:</strong> Text generation quality, linguistic integrity, policy compliance</p>
+      <br>
+      <p>The test consists of <strong>30 questions</strong> covering:</p>
+      <ul class="bullets">
+        <li><strong>- Sentence Purpose & Dataset Integrity</strong></li>
+        <li><strong>- Originality & Copyright</strong></li>
+        <li><strong>- Sentence Structure & Length</strong></li>
+        <li><strong>- Readability & Speakability</strong></li>
+        <li><strong>- Numbers, Symbols & Formatting</strong></li>
+        <li><strong>- Grammar, Clarity & Neutrality</strong></li>
+        <li><strong>- Bias, Safety & Content Restrictions</strong></li>
+        <li><strong>- Language Consistency & Locale</strong></li>
+        <li><strong>- Dataset Diversity & Usefulness</strong></li>
+        <li><strong>- Final Quality Judgment</strong></li>
+      </ul>
+      <p>Please note the following rules:</p>
+      <ul class="bullets">
+        <li><strong>Timed Questions:</strong> Each question has a countdown timer. If time runs out, your current answer will be automatically submitted.</li>
+        <li><strong>Forward Only:</strong> Once you submit a question, you cannot return to it.</li>
+      </ul>
+      <br>
+      <p><strong>Passing Score:</strong> You need to score at least 80% (24/30 correct) to pass.</p>
+      <br>
+      <div style="display: flex; justify-content: center; margin-top: 16px;">
+        <button class="is-flex btn primary" @click="start">Start Test</button>
+      </div>
+    </div>
+
+    <div v-else-if="phase === 'quiz'" class="card">
+      <div class="topbar">
+        <div class="progress">
+          <div
+            class="bar"
+            :style="{ width: ((index + 1) / questions.length) * 100 + '%' }"
+          ></div>
+        </div>
+        <div class="meta">
+          <span class="count">{{ index + 1 }} / {{ questions.length }}</span>
+          <span :class="['timer', { urgent: timeLeft <= 10 }]">
+            ⏱ {{ formatTime(timeLeft) }}
+          </span>
+        </div>
+      </div>
+
+      <div class="qwrap">
+        <div class="qtext" v-html="current.prompt"></div>
+
+        <div v-if="current.type === 'mcq'" class="options">
+          <label v-for="opt in current.options" :key="opt" class="opt">
+            <input
+              type="radio"
+              :name="'q' + index"
+              :value="opt"
+              v-model="answers[index]"
+            />
+            <span>{{ opt }}</span>
+          </label>
+        </div>
+      </div>
+
+      <div class="nav right-align">
+        <button class="btn primary" @click="next" :disabled="transitioning">
+          {{ index === questions.length - 1 ? "Finish" : "Next" }}
+        </button>
+      </div>
+    </div>
+
+    <div v-else-if="phase === 'result'" class="card result">
+      <h3>Your result</h3>
+      <p class="score">
+        Score: <strong>{{ score }}</strong> / {{ questions.length }}
+      </p>
+      <p class="level">
+        Status: <span class="badge">{{ passed ? 'Passed' : 'Not Passed' }}</span>
+      </p>
+      <p class="desc">{{ resultDescription }}</p>
+
+      <div class="nav center-align">
+        <button v-if="!passed" class="btn" @click="reset">Restart</button>
+        <button v-if="passed" class="btn primary next-btn" @click="showAward = true">Next</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onUnmounted } from "vue";
+
+const phase = ref("intro");
+const index = ref(0);
+const answers = ref([]);
+const questions = ref([]);
+const timeLeft = ref(0);
+let timerInterval = null;
+
+// Double-click protection
+const transitioning = ref(false);
+
+const masterBank = [
+  // Sentence Purpose & Dataset Integrity
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "What is the primary goal of sentences added to Common Voice?",
+    "options": [
+      "To express personal opinions",
+      "To train speech recognition models with diverse, natural language",
+      "To showcase creative writing",
+      "To increase dataset size as quickly as possible"
+    ],
+    "answer": "To train speech recognition models with diverse, natural language"
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Why is sentence naturalness critical for Common Voice?",
+    "options": [
+      "It improves readability for humans only",
+      "It ensures sentences sound like real spoken language",
+      "It reduces review workload",
+      "It allows for longer sentences"
+    ],
+    "answer": "It ensures sentences sound like real spoken language"
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Which sentence best fits Common Voice's intended use?",
+    "options": [
+      "The aforementioned individual proceeded accordingly.",
+      "I forgot my keys again this morning.",
+      "In compliance with subsection 3.2…",
+      "Utilizing optimized paradigms, the system…"
+    ],
+    "answer": "I forgot my keys again this morning."
+  },
+
+  // Originality & Copyright
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Which source is acceptable for contributing sentences?",
+    "options": [
+      "A paragraph from a news article",
+      "Lyrics from a song",
+      "A sentence you personally wrote",
+      "A movie quote"
+    ],
+    "answer": "A sentence you personally wrote"
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Why are copyrighted texts disallowed?",
+    "options": [
+      "They are harder to read aloud",
+      "They reduce sentence diversity",
+      "They cannot be redistributed under open licenses",
+      "They are usually too long"
+    ],
+    "answer": "They cannot be redistributed under open licenses"
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Which sentence is most likely to violate copyright rules?",
+    "options": [
+      "The cat slept on the warm windowsill.",
+      "May the Force be with you.",
+      "Rain started falling just after sunset.",
+      "She waved before boarding the train."
+    ],
+    "answer": "May the Force be with you."
+  },
+
+  // Sentence Structure & Length
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "What sentence length is generally preferred?",
+    "options": [
+      "Extremely short phrases",
+      "Very long compound sentences",
+      "Medium-length, natural sentences",
+      "Paragraph-length text"
+    ],
+    "answer": "Medium-length, natural sentences"
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Which sentence should be rejected for structure?",
+    "options": [
+      "I checked the weather before leaving.",
+      "After work, we went for tacos.",
+      "Running fast.",
+      "She laughed when the dog sneezed."
+    ],
+    "answer": "Running fast."
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Why are sentence fragments discouraged?",
+    "options": [
+      "They are harder to validate",
+      "They do not reflect natural speech patterns",
+      "They slow down recording",
+      "They reduce speaker confidence"
+    ],
+    "answer": "They do not reflect natural speech patterns"
+  },
+
+  // Readability & Speakability
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Which sentence is least suitable for reading aloud?",
+    "options": [
+      "I'll call you later tonight.",
+      "The sun rose over the hills.",
+      "HTTP colon slash slash example dot com.",
+      "He forgot his umbrella again."
+    ],
+    "answer": "HTTP colon slash slash example dot com."
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Why are URLs and code discouraged?",
+    "options": [
+      "They are copyrighted",
+      "They introduce unnatural speech patterns",
+      "They are difficult to spell",
+      "They are language-specific"
+    ],
+    "answer": "They introduce unnatural speech patterns"
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Which sentence best supports natural pronunciation?",
+    "options": [
+      "$5.99 is the total.",
+      "The total is five dollars and ninety-nine cents.",
+      "Total: 5.99 USD.",
+      "Pay 5.99 now."
+    ],
+    "answer": "The total is five dollars and ninety-nine cents."
+  },
+
+  // Numbers, Symbols & Formatting
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "How should numbers generally appear in sentences?",
+    "options": [
+      "Always as digits",
+      "Always spelled out when possible",
+      "Mixed randomly",
+      "Avoided entirely"
+    ],
+    "answer": "Always spelled out when possible"
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Which sentence follows best practice?",
+    "options": [
+      "I ran 5km today.",
+      "I ran five kilometers today.",
+      "I ran V kilometers today.",
+      "I ran five km's today."
+    ],
+    "answer": "I ran five kilometers today."
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Why is excessive punctuation discouraged?",
+    "options": [
+      "It looks informal",
+      "It confuses text validators",
+      "It alters speech rhythm unnaturally",
+      "It increases rejection rates"
+    ],
+    "answer": "It alters speech rhythm unnaturally"
+  },
+
+  // Grammar, Clarity & Neutrality
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "What should contributors prioritize over stylistic flair?",
+    "options": [
+      "Complex vocabulary",
+      "Personal voice",
+      "Clarity and correctness",
+      "Humor"
+    ],
+    "answer": "Clarity and correctness"
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Which sentence should be rejected for ambiguity?",
+    "options": [
+      "They arrived late.",
+      "The meeting started at noon.",
+      "She placed it there.",
+      "We left after lunch."
+    ],
+    "answer": "She placed it there."
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Why is neutral language preferred?",
+    "options": [
+      "It avoids bias in speech models",
+      "It is easier to translate",
+      "It sounds more formal",
+      "It reduces moderation effort"
+    ],
+    "answer": "It avoids bias in speech models"
+  },
+
+  // Bias, Safety & Content Restrictions
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Which topic should be avoided?",
+    "options": [
+      "Daily routines",
+      "Neutral observations",
+      "Hate speech or harassment",
+      "Weather descriptions"
+    ],
+    "answer": "Hate speech or harassment"
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Why must sentences avoid targeting groups or individuals?",
+    "options": [
+      "It increases dataset size",
+      "It prevents biased model outputs",
+      "It simplifies validation",
+      "It improves pronunciation"
+    ],
+    "answer": "It prevents biased model outputs"
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Which sentence should be rejected immediately?",
+    "options": [
+      "I missed the bus today.",
+      "Everyone deserves respect.",
+      "That group should be kicked out.",
+      "She enjoys early mornings."
+    ],
+    "answer": "That group should be kicked out."
+  },
+
+  // Language Consistency & Locale
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "What should contributors do when writing for a specific language?",
+    "options": [
+      "Mix dialects freely",
+      "Follow standard grammar and spelling for that language",
+      "Translate directly from English",
+      "Use slang whenever possible"
+    ],
+    "answer": "Follow standard grammar and spelling for that language"
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Why is mixing languages in one sentence discouraged?",
+    "options": [
+      "It increases validation time",
+      "It confuses speech recognition models",
+      "It lowers engagement",
+      "It violates copyright"
+    ],
+    "answer": "It confuses speech recognition models"
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Which sentence should be rejected for language consistency?",
+    "options": [
+      "I enjoy reading every night.",
+      "Vamos to the store later.",
+      "The cat slept peacefully.",
+      "She smiled and waved."
+    ],
+    "answer": "Vamos to the store later."
+  },
+
+  // Dataset Diversity & Usefulness
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Why is sentence diversity important?",
+    "options": [
+      "It makes the dataset larger",
+      "It improves model robustness",
+      "It speeds up recordings",
+      "It simplifies reviews"
+    ],
+    "answer": "It improves model robustness"
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Which pair of sentences best demonstrates useful diversity?",
+    "options": [
+      "\"I like coffee.\" / \"I like tea.\"",
+      "\"The cat sat.\" / \"The cat sat again.\"",
+      "\"She fixed the bike chain.\" / \"The storm knocked out power.\"",
+      "\"Hello there.\" / \"Hello there!\""
+    ],
+    "answer": "\"She fixed the bike chain.\" / \"The storm knocked out power.\""
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "What should contributors avoid submitting repeatedly?",
+    "options": [
+      "Sentences with verbs",
+      "Similar sentence patterns",
+      "Past tense sentences",
+      "Short sentences"
+    ],
+    "answer": "Similar sentence patterns"
+  },
+
+  // Final Quality Judgment
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Which sentence best meets all Common Voice standards?",
+    "options": [
+      "Click OK to continue.",
+      "She adjusted the mirror before driving away.",
+      "Breaking news just in.",
+      "LOL that was funny."
+    ],
+    "answer": "She adjusted the mirror before driving away."
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "If unsure whether a sentence meets guidelines, what is the best action?",
+    "options": [
+      "Submit it anyway",
+      "Rewrite it more clearly",
+      "Copy from a trusted source",
+      "Add punctuation"
+    ],
+    "answer": "Rewrite it more clearly"
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "What ultimately determines whether a sentence belongs in Common Voice?",
+    "options": [
+      "Contributor intent",
+      "Sentence length",
+      "Suitability for spoken language modeling",
+      "Reviewer preference"
+    ],
+    "answer": "Suitability for spoken language modeling"
+  }
+];
+
+const current = computed(() => questions.value[index.value]);
+
+function shuffleArray(array) {
+  const arr = [...array];
+  for (let i = arr.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [arr[i], arr[j]] = [arr[j], arr[i]];
+  }
+  return arr;
+}
+
+function startTimer() {
+  clearInterval(timerInterval);
+  if (!current.value) return;
+
+  timeLeft.value = current.value.duration;
+
+  timerInterval = setInterval(() => {
+    timeLeft.value--;
+    if (timeLeft.value <= 0) {
+      next(); // Force move to next question
+    }
+  }, 1000);
+}
+
+function formatTime(seconds) {
+  const m = Math.floor(seconds / 60);
+  const s = seconds % 60;
+  return `${m}:${s < 10 ? '0' : ''}${s}`;
+}
+
+function start() {
+  // Check if user has attempts remaining before starting
+  if (!hasAttemptsRemaining(capability?.id)) {
+    console.warn("No attempts remaining");
+    alert("You have no attempts remaining for this test.");
+    return;
+  }
+
+  // Use all 30 questions in shuffled order
+  questions.value = shuffleArray([...masterBank]);
+
+  answers.value = Array(questions.value.length).fill(null);
+  phase.value = "quiz";
+  index.value = 0;
+
+  // Increment attempt counter when test starts (not when it finishes)
+  // This prevents users from starting multiple times to see questions
+  incrementTestAttempt(capability?.id, false);
+
+  startTimer();
+}
+
+
+function next() {
+  // Prevent double-clicks
+  if (transitioning.value) return;
+  transitioning.value = true;
+
+  clearInterval(timerInterval);
+
+  if (index.value < questions.value.length - 1) {
+    index.value++;
+    startTimer();
+    // Re-enable button after short delay
+    setTimeout(() => { transitioning.value = false; }, 100);
+  } else {
+    phase.value = "result";
+
+    // Award capability immediately when reaching result
+    if (passed.value) {
+      awardCapability(capability?.id);
+      incrementTestAttempt(capability?.id, true);
+    }
+  }
+}
+
+function reset() {
+  // Check if user has attempts remaining before allowing restart
+  if (!hasAttemptsRemaining(capability?.id)) {
+    console.warn("No attempts remaining");
+    alert("You have no attempts remaining for this test.");
+    return;
+  }
+
+  clearInterval(timerInterval);
+  phase.value = "intro";
+  index.value = 0;
+  answers.value = [];
+  questions.value = [];
+  transitioning.value = false;
+}
+
+const score = computed(() =>
+  questions.value.reduce((sum, q, i) => {
+    const user = answers.value[i];
+    return sum + (user === q.answer ? 1 : 0);
+  }, 0),
+);
+
+// Minimum questions required to prevent skip exploit
+const MIN_QUESTIONS_TO_PASS = 20;
+// Require at least 24/30 (80%) to pass
+const passed = computed(() =>
+  phase.value === "result" &&
+  questions.value.length >= MIN_QUESTIONS_TO_PASS &&
+  score.value >= Math.ceil(questions.value.length * 0.8)
+);
+
+const resultDescription = computed(() => {
+  if (passed.value) {
+    return "Congratulations! You have demonstrated strong understanding of Common Voice sentence contribution best practices.";
+  } else {
+    return "Please review the Common Voice contribution guidelines and try again.";
+  }
+});
+
+const showAward = ref(false);
+
+onUnmounted(() => {
+  clearInterval(timerInterval);
+});
+
+const {
+  availableCapabilities,
+  incrementTestAttempt,
+  hasAttemptsRemaining,
+  awardCapability,
+} = useCapabilities();
+
+const capability = availableCapabilities.find((c) =>
+  c.id.startsWith("effectai/common-voice-contributor"),
+);
+</script>
+
+<style scoped>
+  .cv-contrib-test {
+    max-width: 720px;
+    margin: 0 auto;
+    padding: 12px;
+  }
+  .card {
+    border: 1px solid #e5e7eb;
+    border-radius: 14px;
+    padding: 16px;
+    background: #fff;
+    box-shadow: 0 10px 30px -16px rgba(0, 0, 0, 0.15);
+  }
+  .bullets {
+    margin: 0.5rem 0 1rem;
+    padding-left: 1.1rem;
+  }
+  .bullets li {
+    margin: 0.25rem 0;
+  }
+  .topbar {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    margin-bottom: 12px;
+  }
+  .progress {
+    flex: 1;
+    height: 8px;
+    background: #f1f5f9;
+    border-radius: 999px;
+    overflow: hidden;
+  }
+  .bar {
+    height: 100%;
+    background: #6366f1;
+    transition: width 0.3s ease;
+  }
+  .meta {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    font-size: 0.9rem;
+    color: #475569;
+  }
+  .timer {
+    font-variant-numeric: tabular-nums;
+    font-weight: 600;
+  }
+  .timer.urgent {
+    color: #dc2626;
+    animation: pulse 1s infinite;
+  }
+  .qwrap {
+    margin-top: 8px;
+    min-height: 200px; /* Prevent layout shift */
+  }
+  .qtext {
+    font-size: 1.05rem;
+    margin-bottom: 0.75rem;
+  }
+  .options {
+    display: grid;
+    gap: 8px;
+  }
+  .opt {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    padding: 8px 10px;
+    border: 1px solid #e5e7eb;
+    border-radius: 10px;
+    cursor: pointer;
+    user-select: none;
+  }
+  .opt:hover {
+    background: #f8fafc;
+  }
+  .nav {
+    margin-top: 14px;
+    display: flex;
+    gap: 10px;
+  }
+  .nav.right-align {
+    justify-content: flex-end;
+  }
+  .nav.center-align {
+    justify-content: center;
+  }
+  .next-btn {
+    background: linear-gradient(180deg, #ffffff, #f6f7ff);
+    border: 1px solid #c7d2fe;
+    color: #1f2937;
+    padding: 12px 24px;
+    font-weight: 600;
+    box-shadow: 0 8px 16px -10px rgba(99, 102, 241, 0.45);
+    transition: transform 0.15s ease;
+  }
+  .next-btn:hover {
+    transform: translateY(-1px);
+  }
+  .next-btn:active {
+    transform: translateY(0);
+  }
+  .btn {
+    border: 1px solid #e5e7eb;
+    padding: 10px 14px;
+    border-radius: 10px;
+    background: #fff;
+    cursor: pointer;
+    font-weight: 600;
+  }
+  .btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+  .btn.primary {
+    border-color: #c7d2fe;
+    background: linear-gradient(180deg, #fff, #f6f7ff);
+  }
+  .result {
+    text-align: center;
+  }
+  .score {
+    font-size: 1.1rem;
+    margin: 0.25rem 0;
+  }
+  .level {
+    margin: 0.25rem 0 0.5rem;
+  }
+  .badge {
+    display: inline-block;
+    padding: 0.25rem 0.55rem;
+    border-radius: 999px;
+    background: #eef2ff;
+    color: #3730a3;
+    font-weight: 700;
+  }
+  @keyframes pulse {
+    0% { opacity: 1; }
+    50% { opacity: 0.5; }
+    100% { opacity: 1; }
+  }
+</style>
diff --git a/apps/worker-app/app/pages/capabilities/common-voice-validator.vue b/apps/worker-app/app/pages/capabilities/common-voice-validator.vue
new file mode 100644
index 00000000..e4f289ce
--- /dev/null
+++ b/apps/worker-app/app/pages/capabilities/common-voice-validator.vue
@@ -0,0 +1,704 @@
+<template>
+  <div class="cv-test">
+    <AwardCapability :capability="capability" v-if="showAward" />
+
+    <h2 class="text-xl my-6 text-center">Common Voice Sentence Validator Test (10-15min)</h2>
+
+    <div v-if="phase === 'intro'" class="card">
+      <p>This test evaluates your ability to validate sentences for the Common Voice dataset.</p>
+      <br>
+      <p>The test consists of <strong>30 questions</strong> covering:</p>
+      <ul class="bullets">
+        <li><strong>- Validator Responsibility & Dataset Fit</strong></li>
+        <li><strong>- Naturalness & Speakability</strong></li>
+        <li><strong>- Sentence Structure & Completeness</strong></li>
+        <li><strong>- Numbers, Symbols & Formatting</strong></li>
+        <li><strong>- Originality & Copyright Risk</strong></li>
+        <li><strong>- Bias, Safety & Neutrality</strong></li>
+        <li><strong>- Language Consistency & Locale</strong></li>
+        <li><strong>- Dataset Usefulness & Redundancy</strong></li>
+      </ul>
+      <p>Please note the following rules:</p>
+      <ul class="bullets">
+        <li><strong>Timed Questions:</strong> Each question has a countdown timer. If time runs out, your current answer will be automatically submitted.</li>
+        <li><strong>Forward Only:</strong> Once you submit a question, you cannot return to it.</li>
+      </ul>
+      <br>
+      <p><strong>Passing Score:</strong> You need to score at least 80% (24/30 correct) to pass.</p>
+      <br>
+      <div style="display: flex; justify-content: center; margin-top: 16px;">
+        <button class="is-flex btn primary" @click="start">Start Test</button>
+      </div>
+    </div>
+
+    <div v-else-if="phase === 'quiz'" class="card">
+      <div class="topbar">
+        <div class="progress">
+          <div
+            class="bar"
+            :style="{ width: ((index + 1) / questions.length) * 100 + '%' }"
+          ></div>
+        </div>
+        <div class="meta">
+          <span class="count">{{ index + 1 }} / {{ questions.length }}</span>
+          <span :class="['timer', { urgent: timeLeft <= 10 }]">
+            ⏱ {{ formatTime(timeLeft) }}
+          </span>
+        </div>
+      </div>
+
+      <div class="qwrap">
+        <div class="qtext" v-html="current.prompt"></div>
+
+        <div v-if="current.type === 'mcq'" class="options">
+          <label v-for="opt in current.options" :key="opt" class="opt">
+            <input
+              type="radio"
+              :name="'q' + index"
+              :value="opt"
+              v-model="answers[index]"
+            />
+            <span>{{ opt }}</span>
+          </label>
+        </div>
+      </div>
+
+      <div class="nav right-align">
+        <button class="btn primary" @click="next" :disabled="transitioning">
+          {{ index === questions.length - 1 ? "Finish" : "Next" }}
+        </button>
+      </div>
+    </div>
+
+    <div v-else-if="phase === 'result'" class="card result">
+      <h3>Your result</h3>
+      <p class="score">
+        Score: <strong>{{ score }}</strong> / {{ questions.length }}
+      </p>
+      <p class="level">
+        Status: <span class="badge">{{ passed ? 'Passed' : 'Not Passed' }}</span>
+      </p>
+      <p class="desc">{{ resultDescription }}</p>
+
+      <div class="nav center-align">
+        <button v-if="!passed" class="btn" @click="reset">Restart</button>
+        <button v-if="passed" class="btn primary next-btn" @click="showAward = true">Next</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onUnmounted } from "vue";
+
+const phase = ref("intro");
+const index = ref(0);
+const answers = ref([]);
+const questions = ref([]);
+const timeLeft = ref(0);
+let timerInterval = null;
+
+// Double-click protection
+const transitioning = ref(false);
+
+const masterBank = [
+  // Validator Responsibility & Dataset Fit
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"I forgot my keys again this morning.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Accept"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"Click OK to continue.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Reject"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"The sun rose slowly over the hills.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Accept"
+  },
+
+  // Naturalness & Speakability
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"HTTP colon slash slash example dot com.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Reject"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"She adjusted the seat before driving away.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Accept"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"Breaking news just in.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Reject"
+  },
+
+  // Sentence Structure & Completeness
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"Running late.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Reject"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"After dinner, we watched a movie.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Accept"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"Because the weather was bad.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Reject"
+  },
+
+  // Numbers, Symbols & Formatting
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"The total is five dollars and ninety-nine cents.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Accept"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"Pay $5.99 now!\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Reject"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"I ran five kilometers today.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Accept"
+  },
+
+  // Originality & Copyright Risk
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"May the Force be with you.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Reject"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"The cat slept by the window all afternoon.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Accept"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"To be or not to be, that is the question.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Reject"
+  },
+
+  // Bias, Safety & Neutrality
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"Everyone deserves respect.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Accept"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"Those people should not be allowed here.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Reject"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"I missed the bus again today.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Accept"
+  },
+
+  // Language Consistency & Locale
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"Vamos to the store later.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Reject"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"She smiled and waved goodbye.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Accept"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"I enjoy reading books every night.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Accept"
+  },
+
+  // Dataset Usefulness & Redundancy
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"I like coffee.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Reject"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"The storm knocked out power across the city.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Accept"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"Hello there!\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Reject"
+  },
+
+  // Final Judgment & Edge Cases
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"She placed it there.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Accept"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"After checking the map, we took a different route home.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Accept"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"LOL that was funny.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Reject"
+  },
+
+  // Validator Consistency Scenarios
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"The meeting starts at noon.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Accept"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"Use this password to log in.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Reject"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Sentence: <strong>\"She adjusted the mirror before driving away.\"</strong><br>Should this be included in Common Voice?",
+    "options": [
+      "Accept",
+      "Reject"
+    ],
+    "answer": "Accept"
+  }
+];
+
+const current = computed(() => questions.value[index.value]);
+
+function shuffleArray(array) {
+  const arr = [...array];
+  for (let i = arr.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [arr[i], arr[j]] = [arr[j], arr[i]];
+  }
+  return arr;
+}
+
+function startTimer() {
+  clearInterval(timerInterval);
+  if (!current.value) return;
+
+  timeLeft.value = current.value.duration;
+
+  timerInterval = setInterval(() => {
+    timeLeft.value--;
+    if (timeLeft.value <= 0) {
+      next(); // Force move to next question
+    }
+  }, 1000);
+}
+
+function formatTime(seconds) {
+  const m = Math.floor(seconds / 60);
+  const s = seconds % 60;
+  return `${m}:${s < 10 ? '0' : ''}${s}`;
+}
+
+function start() {
+  // Check if user has attempts remaining before starting
+  if (!hasAttemptsRemaining(capability?.id)) {
+    console.warn("No attempts remaining");
+    alert("You have no attempts remaining for this test.");
+    return;
+  }
+
+  // Use all 30 questions in shuffled order
+  questions.value = shuffleArray([...masterBank]);
+
+  answers.value = Array(questions.value.length).fill(null);
+  phase.value = "quiz";
+  index.value = 0;
+
+  // Increment attempt counter when test starts (not when it finishes)
+  // This prevents users from starting multiple times to see questions
+  incrementTestAttempt(capability?.id, false);
+
+  startTimer();
+}
+
+
+function next() {
+  // Prevent double-clicks
+  if (transitioning.value) return;
+  transitioning.value = true;
+
+  clearInterval(timerInterval);
+
+  if (index.value < questions.value.length - 1) {
+    index.value++;
+    startTimer();
+    // Re-enable button after short delay
+    setTimeout(() => { transitioning.value = false; }, 100);
+  } else {
+    phase.value = "result";
+
+    // Award capability immediately when reaching result
+    if (passed.value) {
+      awardCapability(capability?.id);
+      incrementTestAttempt(capability?.id, true);
+    }
+  }
+}
+
+function reset() {
+  // Check if user has attempts remaining before allowing restart
+  if (!hasAttemptsRemaining(capability?.id)) {
+    console.warn("No attempts remaining");
+    alert("You have no attempts remaining for this test.");
+    return;
+  }
+
+  clearInterval(timerInterval);
+  phase.value = "intro";
+  index.value = 0;
+  answers.value = [];
+  questions.value = [];
+  transitioning.value = false;
+}
+
+const score = computed(() =>
+  questions.value.reduce((sum, q, i) => {
+    const user = answers.value[i];
+    return sum + (user === q.answer ? 1 : 0);
+  }, 0),
+);
+
+// Minimum questions required to prevent skip exploit
+const MIN_QUESTIONS_TO_PASS = 20;
+// Require at least 80% to pass
+const passed = computed(() =>
+  phase.value === "result" &&
+  questions.value.length >= MIN_QUESTIONS_TO_PASS &&
+  score.value >= Math.ceil(questions.value.length * 0.8)
+);
+
+const resultDescription = computed(() => {
+  if (passed.value) {
+    return "Congratulations! You have demonstrated strong understanding of Common Voice sentence validation criteria.";
+  } else {
+    return "Please review the Common Voice validation guidelines and try again.";
+  }
+});
+
+const showAward = ref(false);
+
+onUnmounted(() => {
+  clearInterval(timerInterval);
+});
+
+const {
+  availableCapabilities,
+  incrementTestAttempt,
+  hasAttemptsRemaining,
+  awardCapability,
+} = useCapabilities();
+
+const capability = availableCapabilities.find((c) =>
+  c.id.startsWith("effectai/common-voice-validator"),
+);
+</script>
+
+<style scoped>
+  .cv-test {
+    max-width: 720px;
+    margin: 0 auto;
+    padding: 12px;
+  }
+  .card {
+    border: 1px solid #e5e7eb;
+    border-radius: 14px;
+    padding: 16px;
+    background: #fff;
+    box-shadow: 0 10px 30px -16px rgba(0, 0, 0, 0.15);
+  }
+  .bullets {
+    margin: 0.5rem 0 1rem;
+    padding-left: 1.1rem;
+  }
+  .bullets li {
+    margin: 0.25rem 0;
+  }
+  .topbar {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    margin-bottom: 12px;
+  }
+  .progress {
+    flex: 1;
+    height: 8px;
+    background: #f1f5f9;
+    border-radius: 999px;
+    overflow: hidden;
+  }
+  .bar {
+    height: 100%;
+    background: #6366f1;
+    transition: width 0.3s ease;
+  }
+  .meta {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    font-size: 0.9rem;
+    color: #475569;
+  }
+  .timer {
+    font-variant-numeric: tabular-nums;
+    font-weight: 600;
+  }
+  .timer.urgent {
+    color: #dc2626;
+    animation: pulse 1s infinite;
+  }
+  .qwrap {
+    margin-top: 8px;
+    min-height: 200px; /* Prevent layout shift */
+  }
+  .qtext {
+    font-size: 1.05rem;
+    margin-bottom: 0.75rem;
+  }
+  .options {
+    display: grid;
+    gap: 8px;
+  }
+  .opt {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+    padding: 8px 10px;
+    border: 1px solid #e5e7eb;
+    border-radius: 10px;
+    cursor: pointer;
+    user-select: none;
+  }
+  .opt:hover {
+    background: #f8fafc;
+  }
+  .nav {
+    margin-top: 14px;
+    display: flex;
+    gap: 10px;
+  }
+  .nav.right-align {
+    justify-content: flex-end;
+  }
+  .nav.center-align {
+    justify-content: center;
+  }
+  .next-btn {
+    background: linear-gradient(180deg, #ffffff, #f6f7ff);
+    border: 1px solid #c7d2fe;
+    color: #1f2937;
+    padding: 12px 24px;
+    font-weight: 600;
+    box-shadow: 0 8px 16px -10px rgba(99, 102, 241, 0.45);
+    transition: transform 0.15s ease;
+  }
+  .next-btn:hover {
+    transform: translateY(-1px);
+  }
+  .next-btn:active {
+    transform: translateY(0);
+  }
+  .btn {
+    border: 1px solid #e5e7eb;
+    padding: 10px 14px;
+    border-radius: 10px;
+    background: #fff;
+    cursor: pointer;
+    font-weight: 600;
+  }
+  .btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+  .btn.primary {
+    border-color: #c7d2fe;
+    background: linear-gradient(180deg, #fff, #f6f7ff);
+  }
+  .result {
+    text-align: center;
+  }
+  .score {
+    font-size: 1.1rem;
+    margin: 0.25rem 0;
+  }
+  .level {
+    margin: 0.25rem 0 0.5rem;
+  }
+  .badge {
+    display: inline-block;
+    padding: 0.25rem 0.55rem;
+    border-radius: 999px;
+    background: #eef2ff;
+    color: #3730a3;
+    font-weight: 700;
+  }
+  @keyframes pulse {
+    0% { opacity: 1; }
+    50% { opacity: 0.5; }
+    100% { opacity: 1; }
+  }
+</style>
diff --git a/apps/worker-app/app/pages/capabilities/halloween.vue b/apps/worker-app/app/pages/capabilities/halloween.vue
index 3674665e..66260fae 100644
--- a/apps/worker-app/app/pages/capabilities/halloween.vue
+++ b/apps/worker-app/app/pages/capabilities/halloween.vue
@@ -76,10 +76,8 @@
         </ol>
       </details>
 
-      <div class="flex justify-center">
-        <UButton @click="showAward = true" class="text-black cursor-pointer"
-          >Claim Capability</UButton
-        >
+      <div class="nav center-align">
+        <button class="btn primary next-btn" @click="showAward = true">Claim Capability</button>
       </div>
     </div>
   </div>
@@ -209,6 +207,8 @@ function next() {
     index.value++;
   } else {
     phase.value = "result";
+    // Award capability immediately when reaching result
+    awardCapability(capability?.id);
   }
 }
 
@@ -217,7 +217,7 @@ function prev() {
   if (index.value > 0) index.value--;
 }
 
-const { availableCapabilities } = useCapabilities();
+const { availableCapabilities, awardCapability } = useCapabilities();
 const capability = availableCapabilities.find((c) =>
   c.id.startsWith("effectai/halloween-spirit")
 );
@@ -301,6 +301,24 @@ const capability = availableCapabilities.find((c) =>
   gap: 10px;
   margin-top: 14px;
 }
+.nav.center-align {
+  justify-content: center;
+}
+.next-btn {
+  background: linear-gradient(180deg, #ffffff, #fff7ed);
+  border: 1px solid #fed7aa;
+  color: #1f2937;
+  padding: 12px 24px;
+  font-weight: 600;
+  box-shadow: 0 8px 16px -10px rgba(249, 115, 22, 0.45);
+  transition: transform 0.15s ease;
+}
+.next-btn:hover {
+  transform: translateY(-1px);
+}
+.next-btn:active {
+  transform: translateY(0);
+}
 .btn {
   border: 1px solid #e5e7eb;
   padding: 10px 14px;
diff --git a/apps/worker-app/app/pages/capabilities/language-english.vue b/apps/worker-app/app/pages/capabilities/language-english.vue
index 7ddd5e67..d49766cd 100644
--- a/apps/worker-app/app/pages/capabilities/language-english.vue
+++ b/apps/worker-app/app/pages/capabilities/language-english.vue
@@ -2,15 +2,27 @@
   <div class="eng-test">
     <AwardCapability :capability="capability" v-if="showAward" />
 
-    <h2 class="text-xl my-6 text-center">English Proficiency Quick Test</h2>
+    <h2 class="text-xl my-6 text-center">English Proficiency Quick Test (5-10min)</h2>
 
     <div v-if="phase === 'intro'" class="card">
-      <p>This short test (≈5–7 minutes) estimates your CEFR level (A1–C1).</p>
+      <p>This short test estimates your CEFR level (A1-C1).</p>
+      <br>
+      <p>The test consists of <strong>25 questions</strong>:</p>
       <ul class="bullets">
-        <li>Multiple choice + a few short “type the word” questions.</li>
-        <li>No penalties for guessing. One point per correct answer.</li>
+        <li><strong>- 12 Multiple Choice</strong></li>
+        <li><strong>- 8 Fill-in-the-Blank</strong></li>
+        <li><strong>- 5 Reading Comprehension</strong></li>
       </ul>
-      <button class="btn primary" @click="start">Start</button>
+      <p>Please note the following rules:</p>
+      <ul class="bullets">
+        <li><strong>Timed Questions:</strong> Each question has a countdown timer. If time runs out, your current answer will be automatically submitted.</li>
+        <li><strong>Forward Only:</strong> Once you submit a question, you cannot return to it.</li>
+        <li><strong>No Copy & Paste:</strong> Copying, pasting, or cutting text is disabled.</li>
+      </ul>
+      <br>
+      <div style="display: flex; justify-content: center; margin-top: 16px;">
+        <button class="is-flex btn primary" @click="start">Start Test</button>
+      </div>
     </div>
 
     <div v-else-if="phase === 'quiz'" class="card">
@@ -21,7 +33,12 @@
             :style="{ width: ((index + 1) / questions.length) * 100 + '%' }"
           ></div>
         </div>
-        <div class="count">{{ index + 1 }} / {{ questions.length }}</div>
+        <div class="meta">
+          <span class="count">{{ index + 1 }} / {{ questions.length }}</span>
+          <span :class="['timer', { urgent: timeLeft <= 10 }]">
+            ⏱ {{ formatTime(timeLeft) }}
+          </span>
+        </div>
       </div>
 
       <div class="qwrap">
@@ -45,6 +62,10 @@
             class="input"
             :placeholder="current.placeholder || 'Type your answer'"
             @keydown.enter.prevent="next"
+            @paste.prevent
+            @copy.prevent
+            @cut.prevent
+            autocomplete="off"
           />
           <p class="hint" v-if="current.hint">Hint: {{ current.hint }}</p>
         </div>
@@ -67,9 +88,8 @@
         </div>
       </div>
 
-      <div class="nav">
-        <button class="btn" :disabled="index === 0" @click="prev">Back</button>
-        <button class="btn primary" @click="next">
+      <div class="nav right-align">
+        <button class="btn primary" @click="next" :disabled="transitioning">
           {{ index === questions.length - 1 ? "Finish" : "Next" }}
         </button>
       </div>
@@ -85,7 +105,7 @@
       </p>
       <p class="desc">{{ level.description }}</p>
 
-      <details class="review">
+      <!-- <details class="review">
         <summary>Review answers</summary>
         <ol>
           <li v-for="(q, i) in questions" :key="i" class="review-item">
@@ -94,144 +114,810 @@
               <span :class="answers[i] === q.answer ? 'ok' : 'bad'">
                 Your answer: {{ formatAns(answers[i]) }}
               </span>
-              <span>
-                • Correct: <strong>{{ formatAns(q.answer) }}</strong></span
-              >
+              <span v-if="answers[i] !== q.answer">
+                • Correct: <strong>{{ formatAns(q.answer) }}</strong>
+              </span>
             </div>
           </li>
         </ol>
-      </details>
+      </details> -->
 
-      <div class="nav">
+      <div class="nav center-align">
         <button v-if="!passed" class="btn" @click="reset">Restart</button>
-        <UButton v-if="passed" @click="showAward = true">Next</UButton>
+        <button v-if="passed" class="btn primary next-btn" @click="showAward = true">Next</button>
       </div>
     </div>
   </div>
 </template>
 
 <script setup>
-import { ref, computed } from "vue";
+import { ref, computed, onUnmounted } from "vue";
 
 const phase = ref("intro");
 const index = ref(0);
 const answers = ref([]);
+const questions = ref([]);
+const timeLeft = ref(0);
+let timerInterval = null;
+
+// Double-click protection
+const transitioning = ref(false);
 
-// Minimal question set (12). You can extend/replace easily.
-const questions = ref([
+const masterBank = [
+  {
+    "type": "mcq",
+    "duration": 55,
+    "prompt": "You receive a message from a team lead: 'Please hold off on the Batch A annotations until the new guidelines are released.' What does this mean?",
+    "options": [
+      "You should finish Batch A quickly before the new guidelines arrive.",
+      "You should stop working on Batch A temporarily.",
+      "You should delete Batch A.",
+      "You should continue working on Batch A using the old guidelines."
+    ],
+    "answer": "You should stop working on Batch A temporarily."
+  },
+  {
+    "type": "mcq",
+    "duration": 60,
+    "prompt": "Scenario: You are categorizing customer support tickets. \nRule: 'Refund requests imply a financial transaction. Complaints about rudeness are behavioral.'\nTicket: 'I want my money back because the driver was incredibly rude.'\nWhich category takes precedence?",
+    "options": [
+      "Behavioral, because the driver was rude.",
+      "Refund, because the customer explicitly asks for money back.",
+      "Neither, it is a mixed ticket and should be skipped.",
+      "Both categories should be selected if the system allows."
+    ],
+    "answer": "Refund, because the customer explicitly asks for money back."
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Select the most professional and clear way to report a bug to a developer.",
+    "options": [
+      "It's broken again. Fix it.",
+      "I was doing the task and the button didn't work, maybe it's the server?",
+      "The 'Submit' button is unresponsive on Chrome version 90 when the form is full.",
+      "I think there is a bug in the code."
+    ],
+    "answer": "The 'Submit' button is unresponsive on Chrome version 90 when the form is full."
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Context: Verifying data. 'The address on the receipt must match the store location exactly.' \nReceipt: '123 Main St.' \nStore Record: '123 Main Street'. \nIs this a match?",
+    "options": [
+      "No, 'St.' and 'Street' are different strings.",
+      "Yes, because 'St.' is a standard abbreviation for 'Street'.",
+      "No, the instructions say 'exactly'.",
+      "It depends on the font size."
+    ],
+    "answer": "Yes, because 'St.' is a standard abbreviation for 'Street'."
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Which sentence suggests that the speaker is offering to help, rather than asking for help?",
+    "options": [
+      "Could you review these files?",
+      "I can review these files if you like.",
+      "Do I have to review these files?",
+      "Have you reviewed these files?"
+    ],
+    "answer": "I can review these files if you like."
+  },
+  {
+    "type": "mcq",
+    "duration": 50,
+    "prompt": "Identify the sentence where the meaning is 'The task was completed very recently'.",
+    "options": [
+      "I completed the task yesterday.",
+      "I have just completed the task.",
+      "I had completed the task before the meeting.",
+      "I am completing the task now."
+    ],
+    "answer": "I have just completed the task."
+  },
+  {
+    "type": "mcq",
+    "duration": 55,
+    "prompt": "Logical Reasoning: 'Only tasks with a confidence score above 80% are sent to the client. Task A has a score of 75%. Task B has a score of 82%.' What happens?",
+    "options": [
+      "Both tasks are sent to the client.",
+      "Only Task A is sent to the client.",
+      "Only Task B is sent to the client.",
+      "Neither task is sent to the client."
+    ],
+    "answer": "Only Task B is sent to the client."
+  },
   {
-    type: "mcq",
-    prompt:
-      "Choose the correct option: <em>She ___ to the gym every morning.</em>",
-    options: ["go", "goes", "is go"],
-    answer: "goes",
+    "type": "mcq",
+    "duration": 35,
+    "prompt": "Which word implies that a rule cannot be changed?",
+    "options": [
+      "Flexible",
+      "Tentative",
+      "Suggested",
+      "Strict"
+    ],
+    "answer": "Strict"
   },
   {
-    type: "mcq",
-    prompt:
-      "Pick the best word: <em>It was a very ___ day, so we stayed inside.</em>",
-    options: ["rain", "rains", "rainy"],
-    answer: "rainy",
+    "type": "mcq",
+    "duration": 55,
+    "prompt": "Guideline: 'If a user's search query could mean two things, choose the most popular meaning.'\n\nScenario: A user searches for 'Apple'. The two meanings are 'the fruit' (less popular) and 'the technology company' (more popular). \n\nWhat should you show the user?",
+    "options": [
+      "Information about the fruit.",
+      "Information about the technology company.",
+      "Nothing, because the query is confusing.",
+      "Ask the user to search again."
+    ],
+    "answer": "Information about the technology company."
   },
   {
-    type: "cloze",
-    prompt:
-      "Type the missing preposition: <em>We arrived ___ the airport at 9.</em>",
-    answer: "at",
-    hint: "at / in / on",
+    "type": "mcq",
+    "duration": 40,
+    "prompt": "You are reading a confusing instruction. What is the best clarification question to ask?",
+    "options": [
+      "This is bad.",
+      "Can you explain what constitutes a 'low quality' image?",
+      "How do I do this?",
+      "Why are there so many rules?"
+    ],
+    "answer": "Can you explain what constitutes a 'low quality' image?"
   },
   {
-    type: "mcq",
-    prompt: "Past simple: <em>They ___ the film last night.</em>",
-    options: ["see", "saw", "seen"],
-    answer: "saw",
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "A prompt asks: 'Generate a creative story about a robot.' Which response fails the 'creative' requirement?",
+    "options": [
+      "A story about a robot who wants to become a chef.",
+      "A poem about a robot falling in love with a toaster.",
+      "A definition of what a robot is and how it functions.",
+      "A mystery involving a robot detective."
+    ],
+    "answer": "A definition of what a robot is and how it functions."
   },
   {
-    type: "mcq",
-    prompt: "Comparatives: <em>This road is ___ than the other.</em>",
-    options: ["more narrow", "narrower", "most narrow"],
-    answer: "narrower",
+    "type": "mcq",
+    "duration": 40,
+    "prompt": "Select the sentence that indicates a hypothetical situation.",
+    "options": [
+      "If the image loads, label it.",
+      "When the image loads, label it.",
+      "If the image were to fail loading, we would skip it.",
+      "The image loaded, so we labeled it."
+    ],
+    "answer": "If the image were to fail loading, we would skip it."
   },
   {
-    type: "cloze",
-    prompt: "Spell the word for “necessary for life”:",
-    answer: "essential",
-    placeholder: "Type a single word",
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Instructions: 'Prioritize accuracy over speed.' A worker rushes and makes mistakes. How would you describe their performance?",
+    "options": [
+      "Efficient and compliant.",
+      "Fast but non-compliant with the priority rule.",
+      "Slow and accurate.",
+      "Excellent."
+    ],
+    "answer": "Fast but non-compliant with the priority rule."
   },
   {
-    type: "mcq",
-    prompt: "Meaning: <em>“to postpone”</em> =",
-    options: ["bring forward", "call off", "put off"],
-    answer: "put off",
+    "type": "mcq",
+    "duration": 35,
+    "prompt": "Which phrase is used to introduce an exception to a rule?",
+    "options": [
+      "For example...",
+      "In addition...",
+      "Unless...",
+      "Therefore..."
+    ],
+    "answer": "Unless..."
   },
   {
-    type: "mcq",
-    prompt: "Choose the best sentence:",
-    options: [
-      "If it will rain, we will cancel.",
-      "If it rains, we will cancel.",
-      "If it rained, we will cancel.",
+    "type": "mcq",
+    "duration": 35,
+    "prompt": "You see the term 'N/A' in a data field. What does this usually stand for?",
+    "options": [
+      "New Assignment",
+      "Not Applicable",
+      "No Action",
+      "Next Available"
     ],
-    answer: "If it rains, we will cancel.",
+    "answer": "Not Applicable"
   },
   {
-    type: "cloze",
-    prompt: "Fill in: <em>I have lived here ___ 2018.</em>",
-    answer: "since",
-    hint: "since/for",
+    "type": "mcq",
+    "duration": 35,
+    "prompt": "Choose the correct phrasing for a warning.",
+    "options": [
+      "Please carefully deleting files.",
+      "Be careful not to delete essential files.",
+      "You might maybe delete files.",
+      "Deleting files is something you do."
+    ],
+    "answer": "Be careful not to delete essential files."
   },
   {
-    type: "mcq",
-    prompt: "Choose the formal alternative:",
-    options: ["kids", "children", "lads"],
-    answer: "children",
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Instruction: 'Flag the comment if it contains PII (Personally Identifiable Information).' Comment: 'Contact me at john.doe@email.com for details.'",
+    "options": [
+      "Flag it, because it contains an email address.",
+      "Do not flag it, names are public.",
+      "Flag it only if the email looks fake.",
+      "Do not flag it, this is not PII."
+    ],
+    "answer": "Flag it, because it contains an email address."
   },
   {
-    type: "reading",
-    prompt: "Reading: choose the best summary.",
-    passage: [
-      "The museum extended its opening hours during the summer to accommodate tourists.",
-      "However, due to staff shortages, guided tours will be limited to weekends only.",
+    "type": "mcq",
+    "duration": 40,
+    "prompt": "What does 'verbatim' mean in transcription instructions?",
+    "options": [
+      "Summarize the main points.",
+      "Correct the grammar.",
+      "Type every word exactly as spoken.",
+      "Remove filler words like 'um' and 'ah'."
     ],
-    options: [
-      "The museum is closed in summer.",
-      "Tours run every day in summer.",
-      "The museum is open longer in summer but tours are weekends only.",
+    "answer": "Type every word exactly as spoken."
+  },
+  {
+    "type": "mcq",
+    "duration": 35,
+    "prompt": "Which sentence implies the worker has a choice?",
+    "options": [
+      "You must submit the report by 5 PM.",
+      "You are required to submit the report by 5 PM.",
+      "You may submit the report early if you finish.",
+      "Submitting the report is mandatory."
     ],
-    answer: "The museum is open longer in summer but tours are weekends only.",
+    "answer": "You may submit the report early if you finish."
   },
   {
-    type: "mcq",
-    prompt: "Choose the best option: <em>If I had known, I ___ earlier.</em>",
-    options: ["would leave", "would have left", "left"],
-    answer: "would have left",
+    "type": "mcq",
+    "duration": 30,
+    "prompt": "Select the sentence that clearly explains *why* the task was rejected.",
+    "options": [
+      "The task was rejected because it contained too many errors.",
+      "The task contained errors because it was rejected.",
+      "The task was rejected, so it had errors.",
+      "Errors were contained in the task, therefore rejection happened."
+    ],
+    "answer": "The task was rejected because it contained too many errors."
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Select the correct connector: 'The guidelines are complex; ________, we have provided a cheat sheet.'",
+    "options": [
+      "nevertheless",
+      "because",
+      "consequently",
+      "despite"
+    ],
+    "answer": "consequently"
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "In the sentence 'Ensure the bounding box encompasses the entire object', what does 'encompasses' mean?",
+    "options": [
+      "Touches",
+      "Surrounds/Includes",
+      "Points to",
+      "Excludes"
+    ],
+    "answer": "Surrounds/Includes"
+  },
+  {
+    "type": "mcq",
+    "duration": 35,
+    "prompt": "Which error message indicates an issue with your internet connection?",
+    "options": [
+      "Computer not turning on",
+      "Invalid Password",
+      "Network Timeout",
+      "Disk Full"
+    ],
+    "answer": "Network Timeout"
   },
-]);
+  {
+    "type": "mcq",
+    "duration": 40,
+    "prompt": "A client asks for 'high throughput' on a task. What do they want?",
+    "options": [
+      "Very detailed comments.",
+      "A large volume of tasks completed quickly.",
+      "High accuracy only.",
+      "Working only on weekends."
+    ],
+    "answer": "A large volume of tasks completed quickly."
+  },
+  {
+    "type": "mcq",
+    "duration": 25,
+    "prompt": "Choose the correct sentence.",
+    "options": [
+      "The data are processed every night.",
+      "The data's processed every night.",
+      "The data is processed every night.",
+      "Both B and C are acceptable in modern English."
+    ],
+    "answer": "The data is processed every night."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "You cannot access this file because you do not have the necessary ________.",
+    "accepted_answers": ["permissions", "authorization", "rights", "access", "clearance"],
+    "hint": "Technical term for having the right to access data."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "Please read the guidelines carefully to avoid ________ common mistakes.",
+    "accepted_answers": ["making", "repeating", "committing"],
+    "hint": "We 'make' mistakes, we don't 'do' them."
+  },
+  // fix
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "The system is currently ________ maintenance and will be available again in two hours.",
+    "accepted_answers": ["under", "undergoing"],
+    "hint": "Fixed phrase: '____ maintenance'."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "If you forget your password, click the link to ________ it.",
+    "accepted_answers": ["reset", "change", "recover", "update", "restore"],
+    "hint": "The standard term for changing a forgotten password."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "All workers are expected to comply ________ the safety regulations.",
+    "accepted_answers": ["with"],
+    "hint": "The verb 'comply' is always followed by this preposition."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "The project deadline has been extended; ________, you now have two extra days to finish.",
+    "accepted_answers": ["therefore", "consequently", "thus", "hence"],
+    "hint": "Logical connector showing a result or consequence."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "Please ________ the 'Submit' button only once to prevent duplicate entries.",
+    "accepted_answers": ["click", "press", "hit", "select", "tap"],
+    "hint": "The specific action used with a computer mouse."
+  },
+  // fix
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "Sharing user data with third parties is strictly ________.",
+    "accepted_answers": ["prohibited", "forbidden", "banned", "illegal", "restricted"],
+    "hint": "Formal word meaning 'forbidden' or 'banned'."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "To verify your identity, we sent a code to your mobile ________.",
+    "accepted_answers": ["device", "phone", "number", "cellphone"],
+    "hint": "The standard technical term for phones or tablets."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "The new software is not compatible ________ older operating systems.",
+    "accepted_answers": ["with"],
+    "hint": "Compatible ____."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "Before you can start working, you must agree to the terms and ________.",
+    "accepted_answers": ["conditions"],
+    "hint": "Fixed legal phrase: 'Terms and ____'."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "If the audio is too noisy, tag it as 'Unclear' ________ of guessing the words.",
+    "accepted_answers": ["instead"],
+    "hint": "Used with 'of' to suggest an alternative."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "Your account has been flagged for suspicious ________.",
+    "accepted_answers": ["activity", "behavior", "actions", "usage", "logins"],
+    "hint": "Standard phrase for unusual behavior on an account."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "Please pay close ________ to the details in the image.",
+    "accepted_answers": ["attention"],
+    "hint": "Fixed phrase: 'Pay ____'."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "The survey asks for your feedback ________ the quality of the training materials.",
+    "accepted_answers": ["regarding", "concerning", "about", "on"],
+    "hint": "Means 'about' or 'concerning'."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "This task is ________ on accuracy, not speed.",
+    "accepted_answers": ["focused", "centered", "concentrated", "based", "dependent"],
+    "hint": "Used with 'on' to show where attention is directed."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "When you are finished, please log ________ of your account for security.",
+    "accepted_answers": ["out", "off"],
+    "hint": "Opposite of 'log in'."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "If you disagree with a review, you may ________ a dispute.",
+    "accepted_answers": ["file", "raise", "submit", "open", "initiate", "start"],
+    "hint": "Standard administrative term: '____ a dispute/complaint'."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "The pay rate is subject ________ change based on market demand.",
+    "accepted_answers": ["to"],
+    "hint": "Fixed phrase: 'Subject ____'."
+  },
+  {
+    "type": "cloze",
+    "duration": 50,
+    "prompt": "Ensure that the bounding box ________ the object completely.",
+    "accepted_answers": ["covers", "surrounds", "encloses", "contains", "encircles", "includes"],
+    "hint": "Means to extend over or overlay."
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "Instruction: 'Do not transcribe filler words.' \nAudio: 'Um, I think, uh, we should go.' \nWhat is the correct transcription?",
+    "options": [
+      "I think we should go.",
+      "Um, I think, uh, we should go.",
+      "I think, uh, we should go.",
+      "Um I think we should go."
+    ],
+    "answer": "I think we should go."
+  },
+  {
+    "type": "mcq",
+    "duration": 45,
+    "prompt": "What does the following sentence imply? 'I would have finished the task if the internet hadn't cut out.'",
+    "options": [
+      "I did not finish the task because the internet cut out.",
+      "I finished the task despite the internet cutting out.",
+      "I will finish the task when the internet comes back.",
+      "I finished the task before the internet cut out."
+    ],
+    "answer": "I did not finish the task because the internet cut out."
+  },
+  {
+    "type": "reading",
+    "duration": 60,
+    "passage": [
+      "Rule: If a user query is about 'Sports', categorize it as 'Entertainment'.",
+      "Exception: If the query is about 'Sports Injury Treatment', categorize it as 'Health'.",
+      "Query: 'Best exercises for recovering from a torn ACL (knee injury).'"
+    ],
+    "prompt": "How should you categorize this query?",
+    "options": [
+      "Health",
+      "Entertainment",
+      "Sports",
+      "Fitness"
+    ],
+    "answer": "Health"
+  },
+  {
+    "type": "reading",
+    "duration": 85,
+    "passage": [
+      "Hierarchy of Needs in Search:",
+      "1. Safety (Remove harmful content)",
+      "2. Utility (Answer the user's question)",
+      "3. Efficiency (Answer quickly)",
+      "Scenario: A user searches for 'How to make poison'. The result provides a quick and accurate recipe."
+    ],
+    "prompt": "Based on the hierarchy, should this result be kept? Justify your answer.",
+    "options": [
+      "Yes, because it meets the Utility need.",
+      "No, because Safety is the top priority and the content is harmful.",
+      "Yes, because it is efficient.",
+      "No, because the recipe might be inaccurate."
+    ],
+    "answer": "No, because Safety is the top priority and the content is harmful."
+  },
+  {
+    "type": "reading",
+    "duration": 85,
+    "passage": [
+      "Invoice Processing Guide:",
+      "If the invoice amount is under $500, approve it automatically. If it is between $500 and $1000, send it to the Manager. If it is over $1000, send it to the Director. EXCEPTION: All invoices from 'Vendor X' must go to the Director regardless of amount."
+    ],
+    "prompt": "You receive an invoice for $200 from Vendor X. What is the correct action?",
+    "options": [
+      "Approve automatically (Under $500).",
+      "Send to Manager (Vendor exception).",
+      "Send to Director (Vendor exception).",
+      "Reject the invoice."
+    ],
+    "answer": "Send to Director (Vendor exception)."
+  },
+  {
+    "type": "reading",
+    "duration": 85,
+    "passage": [
+      "Guidelines for 'Blurry' Tag:",
+      "Text A: 'Mark an image as blurry if the main subject is out of focus.'",
+      "Text B (Update): 'Do not mark an image as blurry if the blur is artistic (e.g., background bokeh). Only mark it if the subject itself is unrecognizable due to motion blur or poor focus.'"
+    ],
+    "prompt": "An image shows a sharp, clear portrait of a person with a very blurry background. Based on the *Update*, how should you tag it?",
+    "options": [
+      "Mark as Blurry because the background is out of focus.",
+      "Do not mark as Blurry because the subject is sharp.",
+      "Mark as Blurry because Text A says so.",
+      "Mark as Unrecognizable."
+    ],
+    "answer": "Do not mark as Blurry because the subject is sharp."
+  },
+  {
+    "type": "reading",
+    "duration": 85,
+    "passage": [
+      "Chatbot Persona: Helpful & Concise.",
+      "The bot should provide direct answers. It should avoid conversational filler (e.g., 'That is a great question!', 'I hope you are having a nice day'). It should simple bullet points for lists."
+    ],
+    "prompt": "User: 'What are the ingredients for a cake?' Select the best bot response.",
+    "options": [
+      "That is a yummy question! You need flour, sugar, and eggs.",
+      "- Flour\n- Sugar\n- Eggs\n- Butter",
+      "I hope you are hungry. To make a cake, you generally require flour, sugar...",
+      "Baking is a science. You need precision with flour and sugar."
+    ],
+    "answer": "- Flour\n- Sugar\n- Eggs\n- Butter"
+  },
+  {
+    "type": "reading",
+    "duration": 85,
+    "passage": [
+      "Escalation Policy:",
+      "Level 1 agents handle password resets. Level 2 agents handle billing disputes. Level 3 agents handle technical bugs. If a user has multiple issues, escalate to the highest level required."
+    ],
+    "prompt": "A user needs a password reset and has a billing dispute. Who handles this?",
+    "options": [
+      "Level 1 Agent",
+      "Level 2 Agent",
+      "Level 3 Agent",
+      "The user must call twice."
+    ],
+    "answer": "Level 2 Agent"
+  },
+  {
+    "type": "reading",
+    "duration": 85,
+    "passage": [
+      "Audio Transcription - Foreign Language:",
+      "If you hear a language other than English:",
+      "1. If it is the primary language of the clip, mark [Foreign].",
+      "2. If it is just a few words in an English sentence, transcribe the English and tag the foreign words as [Foreign_Speech].",
+      "3. Proper nouns (like 'Tokyo' or 'Burrito') are NOT considered foreign language."
+    ],
+    "prompt": "Audio: 'I loved the trip to Paris.' (The word 'Paris' is spoken with a French accent). What do you transcribe?",
+    "options": [
+      "I loved the trip to [Foreign_Speech].",
+      "I loved the trip to [Foreign].",
+      "I loved the trip to Paris.",
+      "[Foreign]"
+    ],
+    "answer": "I loved the trip to Paris."
+  },
+  {
+    "type": "reading",
+    "duration": 85,
+    "passage": [
+      "Map Annotation:",
+      "Draw a polygon around the building. Include the roof and any visible awnings. Do NOT include the shadow of the building. Do NOT include driveways."
+    ],
+    "prompt": "The worker drew a polygon that included the roof, the awning, and the shadow on the ground. Why is this incorrect?",
+    "options": [
+      "They missed the driveway.",
+      "They included the shadow.",
+      "They included the awning.",
+      "They drew a polygon instead of a box."
+    ],
+    "answer": "They included the shadow."
+  },
+  {
+    "type": "reading",
+    "duration": 85,
+    "passage": [
+      "Urgency Codes:",
+      "Code Red: System outage.",
+      "Code Orange: Feature malfunction affecting >50% users.",
+      "Code Yellow: Feature malfunction affecting <50% users.",
+      "Code Blue: Cosmetic issue (typos, colors)."
+    ],
+    "prompt": "A misspelling is found on the login page. What code is this?",
+    "options": [
+      "Code Red",
+      "Code Orange",
+      "Code Yellow",
+      "Code Blue"
+    ],
+    "answer": "Code Blue"
+  },
+  {
+    "type": "reading",
+    "duration": 85,
+    "passage": [
+      "Two-Step Verification:",
+      "Step 1: Check if the email address is valid.",
+      "Step 2: If valid, check if the domain is 'company.com'.",
+      "Instructions: If Step 1 fails, mark 'Invalid Email'. If Step 1 passes but Step 2 fails, mark 'External User'. If both pass, mark 'Internal User'."
+    ],
+    "prompt": "Email: 'john@gmail.com' (Valid email format). How do you mark it?",
+    "options": [
+      "Invalid Email",
+      "External User",
+      "Internal User",
+      "Company User"
+    ],
+    "answer": "External User"
+  },
+  {
+    "type": "reading",
+    "duration": 85,
+    "passage": [
+      "Summary Task:",
+      "Original Text: 'The battery life of the device is significantly lower than advertised, lasting only 4 hours instead of 10. Consequently, many users are returning the product.'",
+      "Task: Select the most accurate summary."
+    ],
+    "prompt": "Which option best summarizes the text?",
+    "options": [
+      "Users are returning the device because the battery life is much shorter than promised.",
+      "The device lasts 10 hours, which is great for users.",
+      "The battery life is advertised as 4 hours.",
+      "Users dislike the product due to its color."
+    ],
+    "answer": "Users are returning the device because the battery life is much shorter than promised."
+  },
+  {
+    "type": "reading",
+    "duration": 85,
+    "passage": [
+      "Content Moderation - Satire:",
+      "Satire (humor/exaggeration to criticize) is ALLOWED. Disinformation (false claims intended to deceive) is BANNED.",
+      "Post: A clearly photoshopped image of a cat running for President with the caption 'Mr. Whiskers promises free tuna for all!'"
+    ],
+    "prompt": "How should this post be moderated?",
+    "options": [
+      "Ban it as Disinformation (cats cannot be President).",
+      "Allow it as Satire.",
+      "Ban it as Political Content.",
+      "Allow it as News."
+    ],
+    "answer": "Allow it as Satire."
+  }
+
+];
 
 const current = computed(() => questions.value[index.value]);
 
+function shuffleArray(array) {
+  const arr = [...array];
+  for (let i = arr.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [arr[i], arr[j]] = [arr[j], arr[i]];
+  }
+  return arr;
+}
+
+function startTimer() {
+  clearInterval(timerInterval);
+  if (!current.value) return;
+  
+  timeLeft.value = current.value.duration;
+  
+  timerInterval = setInterval(() => {
+    timeLeft.value--;
+    if (timeLeft.value <= 0) {
+      next(); // Force move to next question
+    }
+  }, 1000);
+}
+
+function formatTime(seconds) {
+  const m = Math.floor(seconds / 60);
+  const s = seconds % 60;
+  return `${m}:${s < 10 ? '0' : ''}${s}`;
+}
+
 function start() {
+  // Check if user has attempts remaining before starting
+  if (!hasAttemptsRemaining(capability?.id)) {
+    console.warn("No attempts remaining");
+    alert("You have no attempts remaining for this test.");
+    return;
+  }
+
+  const mcqBank = masterBank.filter(q => q.type === "mcq");
+  const clozeBank = masterBank.filter(q => q.type === "cloze");
+  const readingBank = masterBank.filter(q => q.type === "reading");
+
+  const selectedMCQ = shuffleArray(mcqBank).slice(0, 12);
+  const selectedCloze = shuffleArray(clozeBank).slice(0, 8);
+  const selectedReading = shuffleArray(readingBank).slice(0, 5);
+
+  questions.value = shuffleArray([...selectedMCQ, ...selectedCloze, ...selectedReading]);
+
+  answers.value = Array(questions.value.length).fill(null);
   phase.value = "quiz";
   index.value = 0;
-  answers.value = Array(questions.value.length).fill(null);
+
+  // Increment attempt counter when test starts (not when it finishes)
+  // This prevents users from starting multiple times to see questions
+  incrementTestAttempt(capability?.id, false);
+
+  startTimer();
 }
 
+
 function next() {
+  // Prevent double-clicks
+  if (transitioning.value) return;
+  transitioning.value = true;
+
+  clearInterval(timerInterval);
+
   if (index.value < questions.value.length - 1) {
     index.value++;
+    startTimer();
+    // Re-enable button after short delay
+    setTimeout(() => { transitioning.value = false; }, 100);
   } else {
     phase.value = "result";
-  }
-}
 
-function prev() {
-  if (index.value > 0) index.value--;
+    // Award capability immediately when reaching result
+    if (passed.value) {
+      awardCapability(capability?.id);
+      incrementTestAttempt(capability?.id, true);
+    }
+  }
 }
 
 function reset() {
+  // Check if user has attempts remaining before allowing restart
+  if (!hasAttemptsRemaining(capability?.id)) {
+    console.warn("No attempts remaining");
+    alert("You have no attempts remaining for this test.");
+    return;
+  }
+
+  clearInterval(timerInterval);
   phase.value = "intro";
   index.value = 0;
   answers.value = [];
+  questions.value = [];
+  transitioning.value = false;
 }
 
 function normalize(a) {
@@ -243,17 +929,24 @@ const score = computed(() =>
   questions.value.reduce((sum, q, i) => {
     const user = answers.value[i];
     if (q.type === "cloze") {
-      return sum + (normalize(user) === normalize(q.answer) ? 1 : 0);
+      // Handle multiple acceptable answers
+      if (Array.isArray(q.answer)) {
+        const normalizedAnswers = q.answer.map(a => normalize(a));
+        return sum + (normalizedAnswers.includes(normalize(user)) ? 1 : 0);
+      } else {
+        return sum + (normalize(user) === normalize(q.answer) ? 1 : 0);
+      }
     } else {
       return sum + (user === q.answer ? 1 : 0);
     }
   }, 0),
 );
 
-// Rough CEFR mapping (tune as needed)
 const level = computed(() => {
   const s = score.value;
   const total = questions.value.length;
+  if (total === 0) return { cefr: "—", description: "" };
+  
   const pct = (s / total) * 100;
   if (pct < 30)
     return {
@@ -284,14 +977,30 @@ const level = computed(() => {
   };
 });
 
-const passed = computed(() => phase.value === "result" && score.value >= 8); // pass if 8 or more correct
+// Minimum questions required to prevent skip exploit
+const MIN_QUESTIONS_TO_PASS = 15;
+// Require at least 72% (18/25) to pass
+const passed = computed(() =>
+  phase.value === "result" &&
+  questions.value.length >= MIN_QUESTIONS_TO_PASS &&
+  score.value >= Math.ceil(questions.value.length * 0.72)
+);
 const showAward = ref(false);
 
 function formatAns(a) {
-  return a == null || a === "" ? "—" : a;
+  return a == null || a === "" ? "— (Time expired)" : a;
 }
 
-const { availableCapabilities } = useCapabilities();
+onUnmounted(() => {
+  clearInterval(timerInterval);
+});
+
+const {
+  availableCapabilities,
+  incrementTestAttempt,
+  hasAttemptsRemaining,
+  awardCapability,
+} = useCapabilities();
 
 const capability = availableCapabilities.find((c) =>
   c.id.startsWith("effectai/english-language"),
@@ -321,7 +1030,7 @@ const capability = availableCapabilities.find((c) =>
   .topbar {
     display: flex;
     align-items: center;
-    gap: 10px;
+    gap: 15px;
     margin-bottom: 12px;
   }
   .progress {
@@ -334,13 +1043,26 @@ const capability = availableCapabilities.find((c) =>
   .bar {
     height: 100%;
     background: #6366f1;
+    transition: width 0.3s ease;
   }
-  .count {
-    color: #475569;
+  .meta {
+    display: flex;
+    gap: 12px;
+    align-items: center;
     font-size: 0.9rem;
+    color: #475569;
+  }
+  .timer {
+    font-variant-numeric: tabular-nums;
+    font-weight: 600;
+  }
+  .timer.urgent {
+    color: #dc2626;
+    animation: pulse 1s infinite;
   }
   .qwrap {
     margin-top: 8px;
+    min-height: 200px; /* Prevent layout shift */
   }
   .qtext {
     font-size: 1.05rem;
@@ -376,10 +1098,30 @@ const capability = availableCapabilities.find((c) =>
     margin-top: 0.4rem;
   }
   .nav {
+    margin-top: 14px;
     display: flex;
-    justify-content: space-between;
     gap: 10px;
-    margin-top: 14px;
+  }
+  .nav.right-align {
+    justify-content: flex-end;
+  }
+  .nav.center-align {
+    justify-content: center;
+  }
+  .next-btn {
+    background: linear-gradient(180deg, #ffffff, #f6f7ff);
+    border: 1px solid #c7d2fe;
+    color: #1f2937;
+    padding: 12px 24px;
+    font-weight: 600;
+    box-shadow: 0 8px 16px -10px rgba(99, 102, 241, 0.45);
+    transition: transform 0.15s ease;
+  }
+  .next-btn:hover {
+    transform: translateY(-1px);
+  }
+  .next-btn:active {
+    transform: translateY(0);
   }
   .btn {
     border: 1px solid #e5e7eb;
@@ -389,6 +1131,10 @@ const capability = availableCapabilities.find((c) =>
     cursor: pointer;
     font-weight: 600;
   }
+  .btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
   .btn.primary {
     border-color: #c7d2fe;
     background: linear-gradient(180deg, #fff, #f6f7ff);
@@ -430,4 +1176,9 @@ const capability = availableCapabilities.find((c) =>
   .bad {
     color: #dc2626;
   }
-</style>
+  @keyframes pulse {
+    0% { opacity: 1; }
+    50% { opacity: 0.5; }
+    100% { opacity: 1; }
+  }
+</style>
\ No newline at end of file
diff --git a/apps/worker-app/app/pages/capabilities/music-transcription.vue b/apps/worker-app/app/pages/capabilities/music-transcription.vue
new file mode 100644
index 00000000..aaafcc9a
--- /dev/null
+++ b/apps/worker-app/app/pages/capabilities/music-transcription.vue
@@ -0,0 +1,1547 @@
+<template>
+  <div class="music-test">
+    <!-- First award: Music Transcription (shown for 70%+) -->
+    <AwardCapability
+      :capability="transcriptionCapability"
+      v-if="showTranscriptionAward"
+      :autoNavigate="!earnedValidation"
+      @continue="onTranscriptionAwardContinue"
+    />
+    <!-- Second award: Music Transcription Validation (shown for 80%+) -->
+    <AwardCapability
+      :capability="validationCapability"
+      v-if="showValidationAward"
+    />
+
+    <h2 class="text-xl my-6 text-center">Music Transcription Verification Test</h2>
+
+    <div v-if="phase === 'intro'" class="card">
+      <p>This test assesses your ability to accurately verify music lyrics and timestamps.</p>
+      <br>
+      <p>The test consists of <strong>25 questions</strong>:</p>
+      <ul class="bullets">
+        <li><strong>- 10 Lyric Accuracy (Multiple Choice)</strong></li>
+        <li><strong>- 10 Validation Scenarios (Multiple Choice)</strong></li>
+        <li><strong>- 5 Fill-in-the-Blank Transcription</strong></li>
+      </ul>
+      <p>Please note the following rules:</p>
+      <ul class="bullets">
+        <li><strong>Timed Questions:</strong> Each question has a countdown timer. If time runs out, your current answer will be automatically submitted.</li>
+        <li><strong>Forward Only:</strong> Once you submit a question, you cannot return to it.</li>
+        <li><strong>No Copy & Paste:</strong> Copying, pasting, or cutting text is disabled for fill-in-the-blank questions.</li>
+        <li><strong>Audio Playback:</strong> You can replay audio clips and adjust playback speed as needed.</li>
+      </ul>
+      <br>
+      <p><strong>Passing Score:</strong> You need to score at least 72% (18/25 correct) to pass.</p>
+      <br>
+      <div style="display: flex; justify-content: center; margin-top: 16px;">
+        <button class="is-flex btn primary" @click="start">Start Test</button>
+      </div>
+    </div>
+
+    <div v-else-if="phase === 'quiz'" class="card">
+      <div class="topbar">
+        <div class="progress">
+          <div
+            class="bar"
+            :style="{ width: ((index + 1) / questions.length) * 100 + '%' }"
+          ></div>
+        </div>
+        <div class="meta">
+          <span class="count">{{ index + 1 }} / {{ questions.length }}</span>
+          <span v-if="waitingForAudio" class="timer loading">
+            ⏳ Loading audio...
+          </span>
+          <span v-else :class="['timer', { urgent: timeLeft <= 10 }]">
+            ⏱ {{ formatTime(timeLeft) }}
+          </span>
+        </div>
+      </div>
+
+      <div class="qwrap">
+        <div class="qtext" v-html="current.prompt"></div>
+
+        <!-- Lyric Accuracy MCQ -->
+        <div v-if="current.type === 'lyric-mcq'">
+          <div class="audio-player" v-if="current.audioUrl">
+            <audio
+              ref="audioPlayer"
+              :src="current.audioUrl"
+              preload="auto"
+              @loadedmetadata="onAudioLoaded"
+              @timeupdate="onTimeUpdate"
+              @error="onAudioError"
+              @waiting="onAudioWaiting"
+              @playing="onAudioPlaying"
+            ></audio>
+            <div class="audio-controls">
+              <button class="btn" @click="replayAudio" :disabled="audioLoading || audioBuffering">
+                {{ audioBuffering ? '⏳ Buffering...' : '🔄 Replay' }}
+              </button>
+              <div class="speed-controls">
+                <button @click="changePlaySpeed(0.75)" class="btn speed-btn" :class="{ active: playbackRate === 0.75 }">0.75x</button>
+                <button @click="changePlaySpeed(1)" class="btn speed-btn" :class="{ active: playbackRate === 1 }">1x</button>
+                <button @click="changePlaySpeed(1.25)" class="btn speed-btn" :class="{ active: playbackRate === 1.25 }">1.25x</button>
+              </div>
+            </div>
+            <div v-if="audioBuffering && !audioLoading" class="audio-buffering">Buffering...</div>
+            <div v-if="audioLoading && !showSkipOption" class="audio-loading">Loading audio...</div>
+            <div v-if="audioLoading && showSkipOption" class="audio-timeout">
+              <p>Audio is taking too long to load. This could be due to a slow connection.</p>
+              <button class="btn skip-btn" @click="skipQuestion">Skip This Question</button>
+              <p class="skip-note">Skipping won't count against you</p>
+            </div>
+            <div v-if="audioError" class="audio-error">
+              <p>Error loading audio.</p>
+              <button class="btn skip-btn" @click="skipQuestion">Skip This Question</button>
+              <p class="skip-note">Skipping won't count against you</p>
+            </div>
+          </div>
+
+          <div class="options">
+            <label v-for="opt in current.options" :key="opt" class="opt">
+              <input
+                type="radio"
+                :name="'q' + index"
+                :value="opt"
+                v-model="answers[index]"
+              />
+              <span>{{ opt }}</span>
+            </label>
+          </div>
+        </div>
+
+        <!-- Validation Scenarios MCQ -->
+        <div v-else-if="current.type === 'validation-mcq'">
+          <div class="segments-display" v-if="current.segments">
+            <div v-for="(seg, i) in current.segments" :key="i" class="segment-item">
+              <span class="segment-time">{{ seg.start }}s - {{ seg.end }}s</span>
+              <span class="segment-lyrics">{{ seg.lyrics }}</span>
+            </div>
+          </div>
+
+          <div class="options">
+            <label v-for="opt in current.options" :key="opt" class="opt">
+              <input
+                type="radio"
+                :name="'q' + index"
+                :value="opt"
+                v-model="answers[index]"
+              />
+              <span>{{ opt }}</span>
+            </label>
+          </div>
+        </div>
+
+        <!-- Fill-in-the-Blank -->
+        <div v-else-if="current.type === 'cloze'">
+          <div class="audio-player" v-if="current.audioUrl">
+            <audio
+              ref="audioPlayer"
+              :src="current.audioUrl"
+              preload="auto"
+              @loadedmetadata="onAudioLoaded"
+              @timeupdate="onTimeUpdate"
+              @error="onAudioError"
+              @waiting="onAudioWaiting"
+              @playing="onAudioPlaying"
+            ></audio>
+            <div class="audio-controls">
+              <button class="btn" @click="replayAudio" :disabled="audioLoading || audioBuffering">
+                {{ audioBuffering ? '⏳ Buffering...' : '🔄 Replay' }}
+              </button>
+              <div class="speed-controls">
+                <button @click="changePlaySpeed(0.75)" class="btn speed-btn" :class="{ active: playbackRate === 0.75 }">0.75x</button>
+                <button @click="changePlaySpeed(1)" class="btn speed-btn" :class="{ active: playbackRate === 1 }">1x</button>
+                <button @click="changePlaySpeed(1.25)" class="btn speed-btn" :class="{ active: playbackRate === 1.25 }">1.25x</button>
+              </div>
+            </div>
+            <div v-if="audioBuffering && !audioLoading" class="audio-buffering">Buffering...</div>
+            <div v-if="audioLoading && !showSkipOption" class="audio-loading">Loading audio...</div>
+            <div v-if="audioLoading && showSkipOption" class="audio-timeout">
+              <p>Audio is taking too long to load. This could be due to a slow connection.</p>
+              <button class="btn skip-btn" @click="skipQuestion">Skip This Question</button>
+              <p class="skip-note">Skipping won't count against you</p>
+            </div>
+            <div v-if="audioError" class="audio-error">
+              <p>Error loading audio.</p>
+              <button class="btn skip-btn" @click="skipQuestion">Skip This Question</button>
+              <p class="skip-note">Skipping won't count against you</p>
+            </div>
+          </div>
+
+          <input
+            v-model.trim="answers[index]"
+            class="input"
+            :placeholder="current.placeholder || 'Type your answer'"
+            @keydown.enter.prevent="next"
+            @paste.prevent
+            @copy.prevent
+            @cut.prevent
+            autocomplete="off"
+          />
+          <p class="hint" v-if="current.hint">Hint: {{ current.hint }}</p>
+        </div>
+      </div>
+
+      <div class="nav right-align">
+        <button class="btn primary" @click="next" :disabled="transitioning">
+          {{ index === questions.length - 1 ? "Finish" : "Next" }}
+        </button>
+      </div>
+    </div>
+
+    <div v-else-if="phase === 'result'" class="card result">
+      <h3>Your result</h3>
+      <p class="score">
+        Score: <strong>{{ score }}</strong> / {{ questions.length }}
+      </p>
+      <p class="level">
+        Proficiency level: <span class="badge">{{ level.name }}</span>
+      </p>
+      <p class="desc">{{ level.description }}</p>
+
+      <div class="nav center-align">
+        <button v-if="!passed" class="btn" @click="reset">Restart</button>
+        <button v-if="passed" class="btn primary next-btn" @click="showAwards">Next</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onUnmounted } from "vue";
+
+const phase = ref("intro");
+const index = ref(0);
+const answers = ref([]);
+const questions = ref([]);
+const timeLeft = ref(0);
+let timerInterval = null;
+
+// Audio playback state
+const audioPlayer = ref(null);
+const audioPlaying = ref(false);
+const audioLoading = ref(false);
+const audioError = ref(false);
+const audioBuffering = ref(false);
+const playbackRate = ref(1);
+
+// Audio loading timeout state
+const waitingForAudio = ref(false);
+const showSkipOption = ref(false);
+const AUDIO_LOAD_TIMEOUT = 15000; // 15 seconds
+let audioLoadTimeoutId = null;
+
+// Double-click protection
+const transitioning = ref(false);
+
+// QUESTION BANK - Based on provided songs with IPFS URLs
+const masterBank = [
+  // Lyric Accuracy MCQ - Alone With You
+  {
+    type: "lyric-mcq",
+    duration: 100,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmYszenbZHnfBR75PW5U6FZxxb6hZ2zMgu3pyjtGqU8DEB",
+    timeRange: { start: 15, end: 22 },
+    prompt: "Listen to the audio and select the correct lyrics:",
+    options: [
+      "Something about the look on your face as you're fading away, baby, I feel it too",
+      "Something about the look on your face as your fading away, baby, I feel it to",
+      "Something about the look on you're face as you're fading away, baby, I feel it too",
+      "Something about the look on your face as you're fading away, baby, I feeling too"
+    ],
+    answer: "Something about the look on your face as you're fading away, baby, I feel it too"
+  },
+  {
+    type: "lyric-mcq",
+    duration: 100,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmYszenbZHnfBR75PW5U6FZxxb6hZ2zMgu3pyjtGqU8DEB",
+    timeRange: { start: 27, end: 33 },
+    prompt: "Listen to the audio and select the correct lyrics:",
+    options: [
+      "We could rendezvous. Maybe it's the whether",
+      "We could rendezvous. Maybe it's the weather",
+      "We could rendezvous. Maybe its the weather",
+      "We can rendezvous. Maybe it's the weather"
+    ],
+    answer: "We could rendezvous. Maybe it's the weather"
+  },
+  {
+    type: "lyric-mcq",
+    duration: 100,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmYszenbZHnfBR75PW5U6FZxxb6hZ2zMgu3pyjtGqU8DEB",
+    timeRange: { start: 122, end: 129 },
+    prompt: "Listen to the audio and select the correct lyrics:",
+    options: [
+      "Alone with you. That all that it takes.",
+      "Alone with you, thats all that it takes.",
+      "Alone with you, that's all that it take.",
+      "Alone with you, thats all that it take.",
+    ],
+    answer: "Alone with you, that's all that it take."
+  },
+  // Lyric Accuracy MCQ - Jude's Song
+  {
+    type: "lyric-mcq",
+    duration: 100,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmYNwJNJobawWUKruiow4uJPEVXKvgy7ekiHBjjzDnbSaW",
+    timeRange: { start: 6, end: 15 },
+    prompt: "Listen to the audio and select the correct lyrics:",
+    options: [
+      "Yeah, call my name, I'll be there any night and any day",
+      "Yeah, call my name, I'll be their any night and any day",
+      "Yeah, call my name, I'll be there any knight and any day",
+      "Yeah, call my name, I'll be there every night and every day"
+    ],
+    answer: "Yeah, call my name, I'll be there any night and any day"
+  },
+  {
+    type: "lyric-mcq",
+    duration: 100,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmYNwJNJobawWUKruiow4uJPEVXKvgy7ekiHBjjzDnbSaW",
+    timeRange: { start: 16, end: 24 },
+    prompt: "Listen to the audio and select the correct lyrics:",
+    options: [
+      "Take my hand, I got you, that'll always stay the same",
+      "Take my hand, I got you, that will always stay the same",
+      "Take my hand, I got you, that'll always stay the saim",
+      "Take my hand, I've got you, that'll always stay the same"
+    ],
+    answer: "Take my hand, I got you, that'll always stay the same"
+  },
+  {
+    type: "lyric-mcq",
+    duration: 100,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmYNwJNJobawWUKruiow4uJPEVXKvgy7ekiHBjjzDnbSaW",
+    timeRange: { start: 48, end: 53 },
+    prompt: "Listen to the audio and select the correct lyrics:",
+    options: [
+      "I know this world can get kinda cold, summer comes and it goes.",
+      "I know this world can get kind of cold, summer comes and it go.",
+      "I know this world can get kinda called, summa comes and it goes.",
+      "I know this world can get kinda cold, some comes and it goes."
+    ],
+    answer: "I know this world can get kinda cold, summer comes and it goes."
+  },
+  // Lyric Accuracy MCQ - On My Own
+  {
+    type: "lyric-mcq",
+    duration: 100,
+    audioUrl: "https://ipfs.effect.ai/ipfs/Qmc7wjaXUyDLc5Tx65AW66cQrhjSVdYszAcpZEm8k4DMMu",
+    timeRange: { start: 39, end: 44 },
+    prompt: "Listen to the audio and select the correct lyrics:",
+    options: [
+      "Haven't been back home in a minute, give me two bottles, Grey Goose, I'ma gonna kill it",
+      "Haven't been back home in a minute, give me two bottles, Grey Goose, I'ma kill it",
+      "Haven't been back home in a minute, give me too bottles, Gray Goose, I'm kill it",
+      "Haven't been back home in a minute, give me too bottles, Grey Goose, I'ma kill it"
+
+    ],
+    answer: "Haven't been back home in a minute, give me two bottles, Grey Goose, I'ma kill it"
+  },
+  {
+    type: "lyric-mcq",
+    duration: 100,
+    audioUrl: "https://ipfs.effect.ai/ipfs/Qmc7wjaXUyDLc5Tx65AW66cQrhjSVdYszAcpZEm8k4DMMu",
+    timeRange: { start: 122, end: 126 },
+    prompt: "Listen to the audio and select the correct lyrics:",
+    options: [
+      "Don't worry bout me, I'm doing just fine",
+      "Don't worry bout me, I'm doing just fine",
+      "Don't worry about me, I'm doing just fine",
+      "Dont worry about me, I'm doing just fine"
+    ],
+    answer: "Don't worry about me, I'm doing just fine"
+  },
+  // Lyric Accuracy MCQ - Fire (Never Dies)
+  {
+    type: "lyric-mcq",
+    duration: 100,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmRqaFS9erQVM4H4S4rSHZ9kB3cazogwp8tDWnGs1nBrMg",
+    timeRange: { start: 0, end: 8 },
+    prompt: "Listen to the audio and select the correct lyrics:",
+    options: [
+      "Do you remember dancing in the snow in December?",
+      "Do you remember dancing in the snow in November?",
+      "Do you remember dancing in the snow and December?",
+      "Did you remember dancing in the snow in December?"
+    ],
+    answer: "Do you remember dancing in the snow in December?"
+  },
+  {
+    type: "lyric-mcq",
+    duration: 100,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmRqaFS9erQVM4H4S4rSHZ9kB3cazogwp8tDWnGs1nBrMg",
+    timeRange: { start: 48, end: 51 },
+    prompt: "Listen to the audio and select the correct lyrics:",
+    options: [
+      "For you it never died",
+      "For you I never die",
+      "For you it never dries",
+      "For you it never dies",
+    ],
+    answer: "For you it never dies"
+  },
+  {
+    type: "lyric-mcq",
+    duration: 100,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmRqaFS9erQVM4H4S4rSHZ9kB3cazogwp8tDWnGs1nBrMg",
+    timeRange: { start: 65, end: 74 },
+    prompt: "Listen to the audio and select the correct lyrics:",
+    options: [
+      "And I know I'm only here for tonight, so I'm using what I got to give you all my time",
+      "And I know I'm only here for the night, so I'm using what I got to give you all my time",
+      "And I know Im only here for the night, so Im using what Ive got to give you all my time",
+      "And I know I'm only here for the night, so I'm using what I got to give you on my time"
+    ],
+    answer: "And I know I'm only here for the night, so I'm using what I got to give you all my time"
+  },
+  // Lyric Accuracy MCQ - More Than Enough
+  {
+    type: "lyric-mcq",
+    duration: 100,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmP83bSifLZ1qd2GZRLYVDsVQm3K42mcKM1er2gJoZubNm",
+    timeRange: { start: 13, end: 19 },
+    prompt: "Listen to the audio and select the correct lyrics:",
+    options: [
+      "You got away with words. You take away the hurt",
+      "You got a way with words. You take away the hurt",
+      "You've got away with words. You take away the hurt",
+      "You got away with words. You took away the hurt"
+    ],
+    answer: "You got a way with words. You take away the hurt"
+  },
+  {
+    type: "lyric-mcq",
+    duration: 100,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmP83bSifLZ1qd2GZRLYVDsVQm3K42mcKM1er2gJoZubNm",
+    timeRange: { start: 32, end: 39 },
+    prompt: "Listen to the audio and select the correct lyrics:",
+    options: [
+      "Give me what I want when I'm ready. Always hold it down",
+      "Give me what I want when I'm ready. Always holding down",
+      "Give me what I want when I'm ready. Always hold me down",
+      "Give me what I want when I am ready. Always hold it down"
+    ],
+    answer: "Give me what I want when I'm ready. Always hold it down"
+  },
+  {
+    type: "lyric-mcq",
+    duration: 100,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmP83bSifLZ1qd2GZRLYVDsVQm3K42mcKM1er2gJoZubNm",
+    timeRange: { start: 67, end: 73 },
+    prompt: "Listen to the audio and select the correct lyrics:",
+    options: [
+      "I get lost inside all the stars in your eyes is a galaxy",
+      "I get lost inside all the stars in your eyes it's a galaxy",
+      "I get lost inside of the stars in your eyes it's a galaxy",
+      "I get lost inside all the stars in you're eyes it's a galaxy"
+    ],
+    answer: "I get lost inside all the stars in your eyes it's a galaxy"
+  },
+  {
+    type: "lyric-mcq",
+    duration: 100,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmP83bSifLZ1qd2GZRLYVDsVQm3K42mcKM1er2gJoZubNm",
+    timeRange: { start: 73, end: 79 },
+    prompt: "Listen to the audio and select the correct lyrics:",
+    options: [
+      "You control the tide like the moon in the sky with the gravity",
+      "You control the tide like the moon in the sky with gravity",
+      "You control the time like the moon in the sky with the gravity",
+      "You control the tide like the moon in the skies with the gravity"
+    ],
+    answer: "You control the tide like the moon in the sky with the gravity"
+  },
+  {
+    type: "validation-mcq",
+    duration: 45,
+    segments: [
+      { start: 1.50, end: 3.20, lyrics: "Hello darkness my old friend" },
+      { start: 3.00, end: 5.10, lyrics: "I've come to talk with you again" }
+    ],
+    prompt: "What is wrong with these segments?",
+    options: [
+      "The lyrics are incorrect",
+      "The segments overlap",
+      "The timing is too short",
+      "Nothing is wrong"
+    ],
+    answer: "The segments overlap"
+  },
+  {
+    type: "validation-mcq",
+    duration: 45,
+    segments: [
+      { start: 5.50, end: 3.20, lyrics: "This line is backwards" }
+    ],
+    prompt: "What is wrong with this segment?",
+    options: [
+      "The lyrics are missing",
+      "The lyrics are too short",
+      "The timing is incorrect",
+      "The lyrics are too long"
+    ],
+    answer: "The timing is incorrect"
+  },
+  {
+    type: "validation-mcq",
+    duration: 45,
+    segments: [
+      { start: 10.00, end: 12.50, lyrics: "Walking down the street" },
+      { start: 12.50, end: 15.00, lyrics: "Feeling so complete" }
+    ],
+    prompt: "What is the status of these segments?",
+    options: [
+      "They overlap",
+      "They are correctly formatted",
+      "They are missing lyrics",
+      "The timing is backwards"
+    ],
+    answer: "They are correctly formatted"
+  },
+  {
+    type: "validation-mcq",
+    duration: 45,
+    segments: [
+      { start: 20.00, end: 22.00, lyrics: "I cant hear you" },
+      { start: 22.00, end: 24.50, lyrics: "Now I can hear clearly" }
+    ],
+    prompt: "Are these segments properly formatted?",
+    options: [
+      "The lyrics are incorrect",
+      "Everything is correct",
+      "The segments overlap",
+      "The timing is incorrect"
+    ],
+    answer: "The lyrics are incorrect"
+  },
+  {
+    type: "validation-mcq",
+    duration: 45,
+    segments: [
+      { start: 15.00, end: 18.50, lyrics: "First verse of the song" },
+      { start: 18.50, end: 17.00, lyrics: "Second verse immediately after" }
+    ],
+    prompt: "Identify the issue with these segments:",
+    options: [
+      "They are correctly timed",
+      "The timing is incorrect",
+      "The segments overlap slightly",
+      "Something is off with the lyrics"
+    ],
+    answer: "The timing is incorrect"
+  },
+  {
+    type: "validation-mcq",
+    duration: 45,
+    segments: [
+      { start: 45.00, end: 48.23, lyrics: "She was my heart I dont know the tribe" },
+      { start: 48.27, end: 52.50, lyrics: "But by default she don't think of me" }
+    ],
+    prompt: "What should be corrected in the first segment?",
+    options: [
+      "The timing is incorrect",
+      "Nothing needs correction",
+      "The lyrics are wrong",
+      "The segments overlap"
+    ],
+    answer: "The lyrics are wrong"
+  },
+  {
+    type: "validation-mcq",
+    duration: 50,
+    prompt: "A singer slurs two words together so they sound like one, but careful listening reveals both words are present. What should you submit?",
+    options: [
+      "The combined word as it sounds",
+      "The two distinct words as sung",
+      "The grammatically correct version",
+      "The version listed in unofficial lyrics sites"
+    ],
+    answer: "The two distinct words as sung"
+  },
+  {
+    type: "validation-mcq",
+    duration: 50,
+    prompt: "The artist clearly mispronounces a word ('pacifically' instead of 'specifically'). How should it be transcribed?",
+    options: [
+      "Corrected to the intended word",
+      "Phonetically rewritten",
+      "Transcribed exactly as sung",
+      "Omitted entirely"
+    ],
+    answer: "Transcribed exactly as sung"
+  },
+  {
+    type: "validation-mcq",
+    duration: 45,
+    prompt: "A lyric is grammatically incorrect but repeated consistently throughout the song. What is the correct approach?",
+    options: [
+      "Fix it for clarity",
+      "Fix it only in the chorus",
+      "Transcribe it exactly as sung",
+      "Replace it with a similar correct phrase"
+    ],
+    answer: "Transcribe it exactly as sung"
+  },
+  {
+    type: "validation-mcq",
+    duration: 50,
+    prompt: "Background vocals contain different words than the lead vocal during the chorus. When should they be included?",
+    options: [
+      "Always",
+      "Only if louder than the lead",
+      "Only if they are integral and clearly audible",
+      "Never"
+    ],
+    answer: "Only if they are integral and clearly audible"
+  },
+  {
+    type: "validation-mcq",
+    duration: 45,
+    prompt: "A singer clearly sings 'I waited 24 hours for you'. How should the number be transcribed?",
+    options: [
+      "Write it as '24'",
+      "Write it as 'twenty-four'",
+      "Write it as 'twentyfour'",
+      "Write it as '24 (twenty-four)'"
+    ],
+    answer: "Write it as 'twenty-four'"
+  },
+  {
+    type: "validation-mcq",
+    duration: 45,
+    prompt: "A song title is stylized in ALL CAPS. How should the lyrics be capitalized?",
+    options: [
+      "Match the title",
+      "Use standard capitalization rules",
+      "Capitalize every line",
+      "Use all lowercase"
+    ],
+    answer: "Use standard capitalization rules"
+  },
+  {
+    type: "validation-mcq",
+    duration: 45,
+    prompt: "The singer shouts a word for emphasis. How should capitalization be handled?",
+    options: [
+      "ALL CAPS",
+      "Capitalize only the first letter",
+      "Standard capitalization",
+      "Add exclamation points"
+    ],
+    answer: "Standard capitalization"
+  },
+  {
+    type: "validation-mcq",
+    duration: 45,
+    prompt: "An acronym is sung letter by letter (e.g., 'N-A-S-A'). How should it appear?",
+    options: [
+      "nasa",
+      "Nasa",
+      "NASA",
+      "N.a.s.a"
+    ],
+    answer: "NASA"
+  },
+  {
+    type: "validation-mcq",
+    duration: 45,
+    prompt: "A lyric trails off without completion. How should punctuation be handled?",
+    options: [
+      "Add ellipses",
+      "Add a period",
+      "Leave it unpunctuated",
+      "Add a dash"
+    ],
+    answer: "Leave it unpunctuated"
+  },
+  {
+    type: "validation-mcq",
+    duration: 45,
+    prompt: "Why is excessive punctuation like '!!!' incorrect?",
+    options: [
+      "It looks unprofessional",
+      "It is never audible",
+      "Standard lyric guidelines prohibit it",
+      "It changes the meaning of lyrics"
+    ],
+    answer: "Standard lyric guidelines prohibit it"
+  },
+  {
+    type: "validation-mcq",
+    duration: 50,
+    prompt: "A spoken phrase repeats rhythmically throughout the chorus. How should it be treated?",
+    options: [
+      "Omitted",
+      "Transcribed as background vocals",
+      "Transcribed as lyrics",
+      "Placed in brackets"
+    ],
+    answer: "Transcribed as lyrics"
+  },
+  {
+    type: "validation-mcq",
+    duration: 50,
+    prompt: "Background vocals echo the last word of each line. What is the best approach?",
+    options: [
+      "Transcribe every echo",
+      "Omit all echoes",
+      "Transcribe if they add meaning or emphasis",
+      "Transcribe only the first echo"
+    ],
+    answer: "Transcribe if they add meaning or emphasis"
+  },
+  {
+    type: "validation-mcq",
+    duration: 45,
+    prompt: "A clean version removes part of a swear word audibly. How should it be transcribed?",
+    options: [
+      "Use the full uncensored word",
+      "Use asterisks (*) for missing letters",
+      "Guess the intended word",
+      "Omit the word"
+    ],
+    answer: "Use asterisks (*) for missing letters"
+  },
+  {
+    type: "validation-mcq",
+    duration: 50,
+    prompt: "Why must lyrics match the specific audio version submitted?",
+    options: [
+      "For artistic consistency",
+      "For legal and distribution accuracy",
+      "For stylistic preference",
+      "For faster approval"
+    ],
+    answer: "For legal and distribution accuracy"
+  },
+  {
+    type: "cloze",
+    duration: 55,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmXBpVzAHzdR7FS5ZT295kbt2PQT9A8DDLSug7VwDkw7Fr",
+    timeRange: { start: 0, end: 10 },
+    prompt: "What is the missing word: 'I _____ you, I _____ you, I _____ you'",
+    accepted_answers: ["love"],
+    hint: "Listen to the repeated word"
+  },
+  {
+    type: "cloze",
+    duration: 55,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmXBpVzAHzdR7FS5ZT295kbt2PQT9A8DDLSug7VwDkw7Fr",
+    timeRange: { start: 22, end: 28 },
+    prompt: "Fill in the missing word: 'I know you see it girl, this ain't sitting real good in my _____.'",
+    accepted_answers: ["soul"],
+    hint: "Your innermost being"
+  },
+  {
+    type: "cloze",
+    duration: 55,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmYNwJNJobawWUKruiow4uJPEVXKvgy7ekiHBjjzDnbSaW",
+    timeRange: { start: 70, end: 76 },
+    prompt: "Fill in the missing word: 'I can't wait till you're old _____.'",
+    accepted_answers: ["enough"],
+    hint: "What stage of life?"
+  },
+  {
+    type: "cloze",
+    duration: 55,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmYszenbZHnfBR75PW5U6FZxxb6hZ2zMgu3pyjtGqU8DEB",
+    timeRange: { start: 48, end: 58 },
+    prompt: "Fill in the missing word: 'Why don't we drive a little, ride a little, find a place with a _____.'",
+    accepted_answers: ["view"],
+    hint: "What do you find at a scenic location?"
+  },
+  {
+    type: "cloze",
+    duration: 55,
+    audioUrl: "https://ipfs.effect.ai/ipfs/Qmc7wjaXUyDLc5Tx65AW66cQrhjSVdYszAcpZEm8k4DMMu",
+    timeRange: { start: 118, end: 125 },
+    prompt: "Fill in the missing word: 'Living my youth one day at a _____.'",
+    accepted_answers: ["time"],
+    hint: "One day at a ___"
+  },
+  // Cloze - More Than Enough
+  {
+    type: "cloze",
+    duration: 55,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmP83bSifLZ1qd2GZRLYVDsVQm3K42mcKM1er2gJoZubNm",
+    timeRange: { start: 13, end: 19 },
+    prompt: "Fill in the missing word: 'You got away with _____, you take away the hurt'",
+    accepted_answers: ["words"],
+    hint: "What do you speak with?"
+  },
+  {
+    type: "cloze",
+    duration: 55,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmP83bSifLZ1qd2GZRLYVDsVQm3K42mcKM1er2gJoZubNm",
+    timeRange: { start: 48, end: 52 },
+    prompt: "Fill in the missing word: 'Serve it on a _____, all that really matters'",
+    accepted_answers: ["platter"],
+    hint: "What do you serve food on?"
+  },
+  {
+    type: "cloze",
+    duration: 55,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmP83bSifLZ1qd2GZRLYVDsVQm3K42mcKM1er2gJoZubNm",
+    timeRange: { start: 67, end: 70 },
+    prompt: "Fill in the missing word: 'I get lost inside all the _____ in your eyes'",
+    accepted_answers: ["stars"],
+    hint: "You see them at night"
+  },
+  {
+    type: "cloze",
+    duration: 55,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmP83bSifLZ1qd2GZRLYVDsVQm3K42mcKM1er2gJoZubNm",
+    timeRange: { start: 70, end: 74 },
+    prompt: "What is the missing word: 'It's a _____, _____.'",
+    accepted_answers: ["galaxy"],
+    hint: "A large system of stars"
+  },
+  {
+    type: "cloze",
+    duration: 55,
+    audioUrl: "https://ipfs.effect.ai/ipfs/QmP83bSifLZ1qd2GZRLYVDsVQm3K42mcKM1er2gJoZubNm",
+    timeRange: { start: 73, end: 79 },
+    prompt: "Fill in the missing word: 'You control the _____ like the moon in the sky'",
+    accepted_answers: ["tide"],
+    hint: "What does the moon affect in the ocean?"
+  }
+];
+
+const current = computed(() => questions.value[index.value]);
+
+function shuffleArray(array) {
+  const arr = [...array];
+  for (let i = arr.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    [arr[i], arr[j]] = [arr[j], arr[i]];
+  }
+  return arr;
+}
+
+function startTimer() {
+  clearInterval(timerInterval);
+  clearTimeout(audioLoadTimeoutId);
+  if (!current.value) return;
+
+  // Check if current question has audio
+  const hasAudio = !!current.value.audioUrl;
+
+  if (hasAudio && audioLoading.value) {
+    // Wait for audio to load before starting timer
+    waitingForAudio.value = true;
+    showSkipOption.value = false;
+
+    // Check if audio is already loaded (cached) after Vue renders
+    // This handles the race condition where loadedmetadata fires before Vue attaches the listener
+    setTimeout(() => {
+      if (audioPlayer.value && audioPlayer.value.readyState >= 1 && audioLoading.value) {
+        onAudioLoaded();
+      }
+    }, 100);
+
+    // Set timeout for audio loading - show skip option after timeout
+    audioLoadTimeoutId = setTimeout(() => {
+      if (waitingForAudio.value && audioLoading.value) {
+        // Double-check if audio actually loaded but event was missed
+        if (audioPlayer.value && audioPlayer.value.readyState >= 1) {
+          onAudioLoaded();
+          return;
+        }
+        showSkipOption.value = true;
+      }
+    }, AUDIO_LOAD_TIMEOUT);
+
+    return; // Don't start timer yet
+  }
+
+  // Start the timer immediately for non-audio questions or when audio is ready
+  waitingForAudio.value = false;
+  showSkipOption.value = false;
+  timeLeft.value = current.value.duration;
+
+  timerInterval = setInterval(() => {
+    timeLeft.value--;
+    if (timeLeft.value <= 0) {
+      next(); // Force move to next question
+    }
+  }, 1000);
+}
+
+function formatTime(seconds) {
+  const m = Math.floor(seconds / 60);
+  const s = seconds % 60;
+  return `${m}:${s < 10 ? '0' : ''}${s}`;
+}
+
+function start() {
+  // Check if user has attempts remaining before starting
+  if (!hasAttemptsRemaining(transcriptionCapability?.id)) {
+    alert("You have no attempts remaining for this test.");
+    return;
+  }
+
+  // Select questions from bank
+  const lyricMCQ = masterBank.filter(q => q.type === "lyric-mcq");
+  const validationMCQ = masterBank.filter(q => q.type === "validation-mcq");
+  const cloze = masterBank.filter(q => q.type === "cloze");
+
+  // Take required number of each type
+  const selectedLyric = shuffleArray(lyricMCQ).slice(0, Math.min(10, lyricMCQ.length));
+  const selectedValidation = shuffleArray(validationMCQ).slice(0, Math.min(10, validationMCQ.length));
+  const selectedCloze = shuffleArray(cloze).slice(0, Math.min(5, cloze.length));
+
+  questions.value = shuffleArray([...selectedLyric, ...selectedValidation, ...selectedCloze]);
+
+  answers.value = Array(questions.value.length).fill(null);
+  phase.value = "quiz";
+  index.value = 0;
+
+  // Increment attempt counter when test starts
+  incrementTestAttempt(transcriptionCapability?.id, false);
+
+  // Initialize audio loading state for first question
+  const firstQuestion = questions.value[0];
+  audioLoading.value = !!firstQuestion?.audioUrl;
+  audioError.value = false;
+  waitingForAudio.value = false;
+  showSkipOption.value = false;
+
+  startTimer();
+}
+
+// Audio player functions
+function onAudioLoaded() {
+  audioLoading.value = false;
+  audioError.value = false;
+  clearTimeout(audioLoadTimeoutId);
+  showSkipOption.value = false;
+
+  // If there's a time range, seek to the start
+  if (current.value.timeRange && audioPlayer.value) {
+    audioPlayer.value.currentTime = current.value.timeRange.start;
+  }
+
+  // If we were waiting for audio to load, start the timer now
+  if (waitingForAudio.value) {
+    waitingForAudio.value = false;
+    startTimer();
+  }
+}
+
+function onTimeUpdate() {
+  if (!current.value.timeRange || !audioPlayer.value) return;
+
+  // Pause when reaching end time
+  if (audioPlayer.value.currentTime >= current.value.timeRange.end) {
+    audioPlayer.value.pause();
+    audioPlaying.value = false;
+  }
+}
+
+function onAudioError() {
+  audioLoading.value = false;
+  audioError.value = true;
+  audioBuffering.value = false;
+  clearTimeout(audioLoadTimeoutId);
+  // Clear waiting state so timer shows proper state
+  waitingForAudio.value = false;
+  showSkipOption.value = false;
+}
+
+function onAudioWaiting() {
+  // Audio is buffering mid-playback
+  audioBuffering.value = true;
+}
+
+function onAudioPlaying() {
+  // Audio resumed playing after buffering
+  audioBuffering.value = false;
+}
+
+function replayAudio() {
+  if (!audioPlayer.value) return;
+
+  // Reset to start time if time range is specified
+  if (current.value.timeRange) {
+    audioPlayer.value.currentTime = current.value.timeRange.start;
+  } else {
+    audioPlayer.value.currentTime = 0;
+  }
+
+  // Handle mobile autoplay restrictions - play() returns a promise
+  const playPromise = audioPlayer.value.play();
+  if (playPromise !== undefined) {
+    playPromise
+      .then(() => {
+        audioPlaying.value = true;
+      })
+      .catch(() => {
+        // Autoplay was prevented or other error
+        audioPlaying.value = false;
+      });
+  } else {
+    audioPlaying.value = true;
+  }
+}
+
+function changePlaySpeed(rate) {
+  playbackRate.value = rate;
+  if (audioPlayer.value) {
+    audioPlayer.value.playbackRate = rate;
+  }
+}
+
+function next() {
+  // Prevent double-clicks
+  if (transitioning.value) return;
+  transitioning.value = true;
+
+  clearInterval(timerInterval);
+  clearTimeout(audioLoadTimeoutId);
+
+  // Stop audio if playing
+  if (audioPlayer.value) {
+    audioPlayer.value.pause();
+    audioPlaying.value = false;
+  }
+
+  // Reset audio loading states
+  waitingForAudio.value = false;
+  showSkipOption.value = false;
+  audioBuffering.value = false;
+
+  if (index.value < questions.value.length - 1) {
+    index.value++;
+    // Set audioLoading based on whether next question has audio
+    const nextQuestion = questions.value[index.value];
+    audioLoading.value = !!nextQuestion?.audioUrl;
+    audioError.value = false;
+    startTimer();
+    // Re-enable button after short delay
+    setTimeout(() => { transitioning.value = false; }, 100);
+  } else {
+    phase.value = "result";
+
+    // Award capabilities immediately when reaching result (don't wait for modal claim)
+    // This prevents losing capability if user refreshes before claiming
+    if (passed.value) {
+      awardCapability(transcriptionCapability?.id);
+    }
+    if (earnedValidation.value) {
+      awardCapability(validationCapability?.id);
+      // Only mark as "fully passed" if they earned validation capability (80%+)
+      // This allows users who only got transcription (72-79%) to retry for validation
+      incrementTestAttempt(transcriptionCapability?.id, true);
+    }
+  }
+}
+
+function skipQuestion() {
+  // Skip the current question without counting it
+  clearInterval(timerInterval);
+  clearTimeout(audioLoadTimeoutId);
+  waitingForAudio.value = false;
+  showSkipOption.value = false;
+  audioBuffering.value = false;
+
+  // Stop audio if playing
+  if (audioPlayer.value) {
+    audioPlayer.value.pause();
+    audioPlaying.value = false;
+  }
+
+  // Remove the current question from the test
+  questions.value.splice(index.value, 1);
+  answers.value.splice(index.value, 1);
+
+  // Check if there are more questions
+  if (questions.value.length === 0) {
+    // No more questions - go to result
+    phase.value = "result";
+    // Note: With 0 questions, passed will be false due to MIN_QUESTIONS_TO_PASS check
+  } else if (index.value >= questions.value.length) {
+    // We were on the last question, go to result
+    phase.value = "result";
+
+    // Award capabilities immediately when reaching result
+    if (passed.value) {
+      awardCapability(transcriptionCapability?.id);
+    }
+    if (earnedValidation.value) {
+      awardCapability(validationCapability?.id);
+      // Only mark as "fully passed" if they earned validation capability (80%+)
+      incrementTestAttempt(transcriptionCapability?.id, true);
+    }
+  } else {
+    // Move to next question (index stays the same since we removed current)
+    audioLoading.value = !!questions.value[index.value]?.audioUrl;
+    audioError.value = false;
+    startTimer();
+  }
+}
+
+function reset() {
+  // Check if user has attempts remaining before allowing restart
+  if (!hasAttemptsRemaining(transcriptionCapability?.id)) {
+    alert("You have no attempts remaining for this test.");
+    return;
+  }
+
+  clearInterval(timerInterval);
+  clearTimeout(audioLoadTimeoutId);
+  if (audioPlayer.value) {
+    audioPlayer.value.pause();
+    audioPlaying.value = false;
+  }
+
+  phase.value = "intro";
+  index.value = 0;
+  answers.value = [];
+  questions.value = [];
+  waitingForAudio.value = false;
+  showSkipOption.value = false;
+  audioLoading.value = false;
+  audioError.value = false;
+  audioBuffering.value = false;
+  transitioning.value = false;
+}
+
+function normalize(a) {
+  if (a == null) return "";
+  return String(a).trim().toLowerCase();
+}
+
+const score = computed(() =>
+  questions.value.reduce((sum, q, i) => {
+    const user = answers.value[i];
+    if (q.type === "cloze") {
+      // Handle multiple acceptable answers
+      const acceptedAnswers = Array.isArray(q.accepted_answers) ? q.accepted_answers : [q.answer];
+      const normalizedAnswers = acceptedAnswers.map(a => normalize(a));
+      return sum + (normalizedAnswers.includes(normalize(user)) ? 1 : 0);
+    } else {
+      return sum + (user === q.answer ? 1 : 0);
+    }
+  }, 0),
+);
+
+const level = computed(() => {
+  const s = score.value;
+  const total = questions.value.length;
+  if (total === 0) return { name: "—", description: "" };
+
+  const pct = (s / total) * 100;
+  if (pct < 52) // 13 out of 25
+    return {
+      name: "Beginner",
+      description: "Not yet ready for music transcription tasks. Consider reviewing the guidelines and trying again.",
+    };
+  if (pct < 72) // 18 out of 25
+    return {
+      name: "Developing",
+      description: "Some understanding of transcription principles, but needs improvement before handling real tasks.",
+    };
+  if (pct < 80) //20 out of 25
+    return {
+      name: "Proficient",
+      description: "Good grasp of music transcription verification. Ready to handle standard transcription tasks.",
+    };
+  return {
+    name: "Expert",
+    description: "Excellent transcription skills. Ready for complex music transcription verification tasks.",
+  };
+});
+
+// Passing thresholds
+// Minimum 15 questions required to pass (prevents skipping all questions exploit)
+const MIN_QUESTIONS_TO_PASS = 15;
+// Pass at "Proficient" level (72% = 18/25)
+const passed = computed(() =>
+  phase.value === "result" &&
+  questions.value.length >= MIN_QUESTIONS_TO_PASS &&
+  score.value >= Math.ceil(questions.value.length * 0.72)
+);
+// Get validator at "Expert" level (80% = 20/25)
+const earnedValidation = computed(() =>
+  phase.value === "result" &&
+  questions.value.length >= MIN_QUESTIONS_TO_PASS &&
+  score.value >= Math.ceil(questions.value.length * 0.8)
+);
+
+// Award modal states
+const showTranscriptionAward = ref(false);
+const showValidationAward = ref(false);
+
+// Handler for when user continues from transcription award
+function onTranscriptionAwardContinue() {
+  showTranscriptionAward.value = false;
+  // If they also earned validation, show that modal next
+  if (earnedValidation.value) {
+    showValidationAward.value = true;
+  }
+}
+
+// Show the first award when user clicks Next on result screen
+function showAwards() {
+  showTranscriptionAward.value = true;
+}
+
+onUnmounted(() => {
+  clearInterval(timerInterval);
+  clearTimeout(audioLoadTimeoutId);
+  if (audioPlayer.value) {
+    audioPlayer.value.pause();
+  }
+});
+
+const {
+  availableCapabilities,
+  incrementTestAttempt,
+  hasAttemptsRemaining,
+  awardCapability,
+} = useCapabilities();
+
+// Get both capability references
+const transcriptionCapability = availableCapabilities.find((c) =>
+  c.id === "effectai/music-transcription:0.0.1"
+);
+const validationCapability = availableCapabilities.find((c) =>
+  c.id === "effectai/music-transcription-validation:0.0.1"
+);
+</script>
+
+<style scoped>
+  .music-test {
+    max-width: 720px;
+    margin: 0 auto;
+    padding: 12px;
+  }
+  .card {
+    border: 1px solid #e5e7eb;
+    border-radius: 14px;
+    padding: 16px;
+    background: #fff;
+    box-shadow: 0 10px 30px -16px rgba(0, 0, 0, 0.15);
+  }
+  .bullets {
+    margin: 0.5rem 0 1rem;
+    padding-left: 1.1rem;
+  }
+  .bullets li {
+    margin: 0.25rem 0;
+  }
+  .topbar {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    margin-bottom: 12px;
+  }
+  .progress {
+    flex: 1;
+    height: 8px;
+    background: #f1f5f9;
+    border-radius: 999px;
+    overflow: hidden;
+  }
+  .bar {
+    height: 100%;
+    background: #6366f1;
+    transition: width 0.3s ease;
+  }
+  .meta {
+    display: flex;
+    gap: 12px;
+    align-items: center;
+    font-size: 0.9rem;
+    color: #475569;
+  }
+  .timer {
+    font-variant-numeric: tabular-nums;
+    font-weight: 600;
+  }
+  .timer.urgent {
+    color: #dc2626;
+    animation: pulse 1s infinite;
+  }
+  .qwrap {
+    margin-top: 8px;
+    min-height: 200px;
+  }
+  .qtext {
+    font-size: 1.05rem;
+    margin-bottom: 0.75rem;
+  }
+
+  /* Audio Player Styles */
+  .audio-player {
+    margin: 1rem 0;
+    padding: 1rem;
+    background: #f8fafc;
+    border-radius: 10px;
+    border: 1px solid #e5e7eb;
+  }
+  .audio-controls {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+  .speed-controls {
+    display: flex;
+    gap: 5px;
+    margin-left: auto;
+  }
+  .audio-loading {
+    margin-top: 0.5rem;
+    color: #6366f1;
+    font-size: 0.9rem;
+  }
+  .audio-buffering {
+    margin-top: 0.5rem;
+    color: #d97706;
+    font-size: 0.9rem;
+    animation: pulse 1s infinite;
+  }
+  .audio-error {
+    margin-top: 0.5rem;
+    color: #dc2626;
+    font-size: 0.9rem;
+    text-align: center;
+    padding: 1rem;
+  }
+  .audio-error p {
+    margin-bottom: 0.75rem;
+  }
+  .audio-timeout {
+    margin-top: 0.5rem;
+    color: #d97706;
+    font-size: 0.9rem;
+    text-align: center;
+    padding: 1rem;
+    background: #fffbeb;
+    border: 1px solid #fcd34d;
+    border-radius: 8px;
+  }
+  .audio-timeout p {
+    margin-bottom: 0.75rem;
+  }
+  .skip-btn {
+    background: #f97316!important;
+    color: white;
+    border-color: #ea580c!important;
+    margin: 0.5rem auto;
+    display: block;
+  }
+  .skip-btn:hover {
+    background: #ea580c!important;
+  }
+  .skip-note {
+    font-size: 0.8rem;
+    color: #64748b;
+    margin-top: 0.5rem;
+  }
+  .timer.loading {
+    color: #6366f1;
+  }
+
+  /* Segments Display */
+  .segments-display {
+    margin: 1rem 0;
+    padding: 1rem;
+    background: #f8fafc;
+    border-radius: 10px;
+    border: 1px solid #e5e7eb;
+  }
+  .segment-item {
+    display: flex;
+    gap: 1rem;
+    padding: 0.5rem;
+    margin: 0.25rem 0;
+    border-bottom: 1px solid #e5e7eb;
+  }
+  .segment-item:last-child {
+    border-bottom: none;
+  }
+  .segment-time {
+    font-weight: 600;
+    color: #6366f1;
+    min-width: 100px;
+  }
+  .segment-lyrics {
+    color: #475569;
+  }
+
+  .options {
+    display: grid;
+    gap: 8px;
+  }
+  .opt {
+    display: flex;
+    gap: 8px;
+    align-items: flex-start;
+    padding: 12px 14px;
+    border: 1px solid #e5e7eb;
+    border-radius: 10px;
+    cursor: pointer;
+    user-select: none;
+    min-height: 44px;
+  }
+  .opt input[type="radio"] {
+    flex-shrink: 0;
+    margin-top: 2px;
+  }
+  .opt span {
+    word-break: break-word;
+    line-height: 1.4;
+  }
+  .opt:hover {
+    background: #f8fafc;
+  }
+  .opt:active {
+    background: #f1f5f9;
+  }
+  .input {
+    width: 100%;
+    padding: 10px 12px;
+    border: 1px solid #e5e7eb;
+    border-radius: 10px;
+    font-size: 1rem;
+  }
+  .hint {
+    color: #64748b;
+    font-size: 0.9rem;
+    margin-top: 0.4rem;
+  }
+  .nav {
+    margin-top: 14px;
+    display: flex;
+    gap: 10px;
+  }
+  .nav.right-align {
+    justify-content: flex-end;
+  }
+  .nav.center-align {
+    justify-content: center;
+  }
+  .next-btn {
+    background: linear-gradient(180deg, #ffffff, #f6f7ff);
+    border: 1px solid #c7d2fe;
+    color: #1f2937;
+    padding: 12px 24px;
+    font-weight: 600;
+    box-shadow: 0 8px 16px -10px rgba(99, 102, 241, 0.45);
+    transition: transform 0.15s ease;
+  }
+  .next-btn:hover {
+    transform: translateY(-1px);
+  }
+  .next-btn:active {
+    transform: translateY(0);
+  }
+  .btn {
+    border: 1px solid #e5e7eb;
+    padding: 10px 14px;
+    border-radius: 10px;
+    background: #fff;
+    cursor: pointer;
+    font-weight: 600;
+  }
+  .btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+  .btn.primary {
+    border-color: #c7d2fe;
+    background: linear-gradient(180deg, #fff, #f6f7ff);
+  }
+  .btn.small {
+    padding: 6px 10px;
+    font-size: 0.85rem;
+  }
+  .btn.speed-btn {
+    padding: 8px 12px;
+    font-size: 0.85rem;
+    min-width: 44px;
+    min-height: 44px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+  .btn.active {
+    background: #6366f1;
+    color: #fff;
+    border-color: #6366f1;
+  }
+  .result {
+    text-align: center;
+  }
+  .score {
+    font-size: 1.1rem;
+    margin: 0.25rem 0;
+  }
+  .level {
+    margin: 0.25rem 0 0.5rem;
+  }
+  .badge {
+    display: inline-block;
+    padding: 0.25rem 0.55rem;
+    border-radius: 999px;
+    background: #eef2ff;
+    color: #3730a3;
+    font-weight: 700;
+  }
+  @keyframes pulse {
+    0% { opacity: 1; }
+    50% { opacity: 0.5; }
+    100% { opacity: 1; }
+  }
+
+  /* Mobile responsiveness */
+  @media (max-width: 480px) {
+    .music-test {
+      padding: 8px;
+    }
+    .card {
+      padding: 12px;
+    }
+    .topbar {
+      flex-wrap: wrap;
+      gap: 8px;
+    }
+    .meta {
+      width: 100%;
+      justify-content: space-between;
+    }
+    .audio-controls {
+      flex-direction: column;
+      align-items: stretch;
+    }
+    .speed-controls {
+      margin-left: 0;
+      justify-content: center;
+      margin-top: 8px;
+    }
+    .btn.speed-btn {
+      flex: 1;
+    }
+    .qtext {
+      font-size: 1rem;
+    }
+    .opt {
+      padding: 14px 12px;
+    }
+    .opt span {
+      font-size: 0.95rem;
+    }
+    .segment-item {
+      flex-direction: column;
+      gap: 0.25rem;
+    }
+    .segment-time {
+      min-width: auto;
+    }
+  }
+</style>
diff --git a/apps/worker-app/app/pages/index.vue b/apps/worker-app/app/pages/index.vue
index c11db40b..fd45c2ae 100644
--- a/apps/worker-app/app/pages/index.vue
+++ b/apps/worker-app/app/pages/index.vue
@@ -43,6 +43,7 @@
             <CapabilitiesListItem
               v-for="item in currentPageItems"
               :key="item.id"
+              :id="item.id"
               :name="item.name"
               :href="item.href"
               :cost="0"