polish(study): 암기카드 학습 문구 다듬기 + '이 카드 이상해요' 버튼 강조

시안 합의본 문구 실제 반영: 탭하면 정답이 보여요 / 봤어요·다음 / 오늘 복습을 마쳤어요 / 애매하거나 몰랐던 카드는 내일 다시 만나요 / 공부로 돌아가기 / 앞—떠올리기 / 평가 sublabel 내일 다시·N일 뒤. 키보드 힌트(Space·Enter)는 sm:inline(데스크탑만). 플래그 버튼=흐린 텍스트→테두리 칩(hover 경고색).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

frontend/src/routes/study/cards-study/+page.svelte

@@ -29,7 +29,7 @@
     if (stage === null || stage === undefined) return '안 나옴';
     const ns = stage + 1;
     if (ns >= 4) return '졸업';
-    return `+${REVIEW_INTERVAL_DAYS[ns]}일`;
+    return `${REVIEW_INTERVAL_DAYS[ns]}일 뒤`;
   }
 
   let mode = $state('landing'); // 'landing' | 'review' | 'cram'
@@ -279,10 +279,10 @@
       >
         <div class="mb-1.5 flex items-center gap-2">
           <Layers size={18} class="text-accent" />
-          <h2 class="text-base font-semibold text-text">그냥 공부 (휙휙)</h2>
+          <h2 class="text-base font-semibold text-text">그냥 공부</h2>
         </div>
         <p class="text-xs text-dim">
-          덜 본 카드부터 빠르게 넘겨보며 <b class="text-text">봤다</b>만 기록합니다. 간격반복(SR)과 무관 — 가볍게 훑을 때.
+          아직 덜 본 카드부터 가볍게 넘겨보며 <b class="text-text">봤어요</b>만 기록해요. 복습 일정과는 무관해요.
         </p>
       </button>
     </div>
@@ -294,21 +294,21 @@
     <!-- 결과 화면 -->
     <div class="flex flex-1 flex-col items-center justify-center text-center">
       {#if mode === 'review'}
-        <div class="text-lg font-bold text-text">오늘 카드 복습 완료</div>
+        <div class="text-lg font-bold text-text">오늘 복습을 마쳤어요</div>
         <div class="my-6 flex gap-9">
           <div><div class="text-3xl font-extrabold text-success">{tally.correct}</div><div class="text-xs text-dim">암</div></div>
           <div><div class="text-3xl font-extrabold text-warning">{tally.unsure}</div><div class="text-xs text-dim">애매</div></div>
           <div><div class="text-3xl font-extrabold text-error">{tally.wrong}</div><div class="text-xs text-dim">모름</div></div>
         </div>
-        <p class="text-xs text-dim">애매·모름 카드는 내일 복습 큐에 다시 올라옵니다. 암 카드는 간격만큼 쉬어요.</p>
+        <p class="text-xs text-dim">애매하거나 몰랐던 카드는 내일 다시 만나요. 외운 카드는 간격만큼 쉬어요.</p>
       {:else}
         <div class="text-lg font-bold text-text">훑어보기 완료</div>
         <div class="my-6 text-3xl font-extrabold text-accent">{seen}<span class="ml-1 text-sm font-medium text-dim">장</span></div>
-        <p class="text-xs text-dim">'봤다'로 기록한 카드는 다음에 덜 본 순서에서 뒤로 갑니다.</p>
+        <p class="text-xs text-dim">'봤어요'로 표시한 카드는 다음엔 덜 본 순서 뒤로 가요.</p>
       {/if}
       <div class="mt-7 flex gap-2">
         <Button variant="secondary" onclick={backToLanding}>다시 고르기</Button>
-        <Button variant="primary" onclick={() => goto('/study')}>공부 허브로</Button>
+        <Button variant="primary" onclick={() => goto('/study')}>공부로 돌아가기</Button>
       </div>
     </div>
 
@@ -359,7 +359,7 @@
               type="button"
               onclick={flagCard}
               disabled={flagBusy || busy}
-              class="flex items-center gap-1 text-[11px] text-faint transition-colors hover:text-warning disabled:opacity-50"
+              class="flex items-center gap-1 rounded-full border border-default px-2.5 py-1 text-[11px] font-medium text-dim transition-colors hover:border-warning hover:bg-warning/10 hover:text-warning disabled:opacity-50"
               title="카드 내용이 이상하면 검수함으로 보냅니다"
             >
               <Flag size={12} /> 이 카드 이상해요
@@ -367,7 +367,7 @@
           </div>
 
           <div class="mt-3 text-[10px] font-bold uppercase tracking-wide text-faint">
-            앞 — {current.format === 'qa' ? '질문' : '회상'}
+            앞 — {current.format === 'qa' ? '질문' : '떠올리기'}
           </div>
           <div class="math-area mt-1 break-words text-lg font-semibold leading-relaxed text-text md:mt-2 md:text-2xl">{@html renderMathMarkdownInline(frontText(current))}</div>
 
@@ -389,7 +389,7 @@
               onclick={() => (revealed = true)}
               class="mt-auto flex items-center justify-center gap-2 rounded-md border border-dashed border-accent-ring bg-surface-hover py-3 text-sm font-medium text-accent transition-colors hover:bg-accent/5"
             >
-              <Eye size={16} /> 탭하여 정답 보기 <span class="text-faint">(Space)</span>
+              <Eye size={16} /> 탭하면 정답이 보여요 <span class="hidden text-faint sm:inline">· Space</span>
             </button>
           {/if}
         </div>
@@ -402,12 +402,12 @@
                 onclick={() => rate('모름')}
                 disabled={busy}
                 class="flex flex-col items-center rounded-lg bg-error py-3.5 text-sm font-bold text-white transition-opacity hover:opacity-90 disabled:opacity-50"
-              >모름<span class="mt-0.5 text-[10px] font-medium opacity-85">내일</span></button>
+              >모름<span class="mt-0.5 text-[10px] font-medium opacity-85">내일 다시</span></button>
               <button
                 onclick={() => rate('애매')}
                 disabled={busy}
                 class="flex flex-col items-center rounded-lg bg-warning py-3.5 text-sm font-bold text-white transition-opacity hover:opacity-90 disabled:opacity-50"
-              >애매<span class="mt-0.5 text-[10px] font-medium opacity-85">내일</span></button>
+              >애매<span class="mt-0.5 text-[10px] font-medium opacity-85">내일 다시</span></button>
               <button
                 onclick={() => rate('암')}
                 disabled={busy}
@@ -420,7 +420,7 @@
               onclick={markSeen}
               disabled={busy}
               class="mt-3 w-full rounded-lg bg-accent py-3.5 text-sm font-bold text-white transition-colors hover:bg-accent-hover disabled:opacity-50"
-            >봤다 — 다음 <span class="text-xs font-medium opacity-85">(Enter)</span></button>
+            >봤어요 · 다음 <span class="hidden text-xs font-medium opacity-85 sm:inline">Enter</span></button>
           {/if}
         {/if}
       </div>