fix: "card" class included bottombar

ts/routes/reviewer/reviewer.svelte

@@ -2,9 +2,10 @@
     import type { Writable } from "svelte/store";
 
     export let html: Writable<string>
+    export let cardClass: Writable<string>
 </script>
 
-<div id="qa" class="card">
+<div id="qa" class={$cardClass}>
     {@html $html}
 </div>
 

ts/routes/reviewer/reviewer.ts

@@ -3,15 +3,16 @@ import { preloadAnswerImages } from "../../reviewer/images"
 
 export function setupReviewer() {
     const html = writable("")
+    const cardClass = writable("")
 
-    function showQuestion(q, a, bodyclass) {
+    function showQuestion(q, a, cc) {
         html.set(q)
-        document.body.className = bodyclass
+        cardClass.set(cc)
         preloadAnswerImages(a)
     }
 
     globalThis._showAnswer = html.set
     globalThis._showQuestion = showQuestion
 
-    return {html}
+    return {html, cardClass}
 }