diff --git a/src/pages/tarot/Reading.jsx b/src/pages/tarot/Reading.jsx
index f95a575..0d18737 100644
--- a/src/pages/tarot/Reading.jsx
+++ b/src/pages/tarot/Reading.jsx
@@ -53,19 +53,21 @@ export default function Reading() {
 
   const spread = SPREADS[spreadId];
   const { slice, reshuffle } = useTarotShuffle(TAROT_DECK, 20);
-  const { status, interpretation, runInterpretAndSave, error } = useTarotReading();
+  const { status, interpretation, runInterpretAndSave, error, reset } = useTarotReading();
 
   const startShuffle = () => {
     reshuffle();
     setPicks([]);
     setFocusIdx(null);
     setStep(1);
+    reset();
   };
 
   const openCardSpread = () => {
     setPicks([]);
     setFocusIdx(null);
     setStep(2);
+    reset();
   };
 
   const handlePick = (card = null) => {
@@ -92,6 +94,7 @@ export default function Reading() {
 
   const restart = () => {
     setStep(1); setPicks([]); setFocusIdx(null);
+    reset();
   };
 
   const resetCards = () => {
@@ -99,6 +102,7 @@ export default function Reading() {
     setPicks([]);
     setFocusIdx(null);
     setStep(1);
+    reset();
   };
 
   const changeSpread = (nextSpreadId) => {
@@ -107,6 +111,7 @@ export default function Reading() {
     setFocusIdx(null);
     setStep(1);
     reshuffle();
+    reset();
   };
 
   const disabledIds = picks.map((p) => p.card.slug);
diff --git a/src/pages/tarot/components/InterpretationPanel.jsx b/src/pages/tarot/components/InterpretationPanel.jsx
index 59f8db7..54bbb6a 100644
--- a/src/pages/tarot/components/InterpretationPanel.jsx
+++ b/src/pages/tarot/components/InterpretationPanel.jsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 
 function ConfidenceBadge({ level }) {
   if (!level) return null;
@@ -14,15 +14,36 @@ export default function InterpretationPanel({
   selectedPosition,
   selectedReversed = false,
 }) {
+  const [activeTab, setActiveTab] = useState('card');
   const [showEvidence, setShowEvidence] = useState(true);
 
+  useEffect(() => {
+    setActiveTab(interpretation ? 'ai' : 'card');
+  }, [interpretation]);
+
+  const hasAI = !!interpretation;
+
+  const renderTabs = () => (
+    <div className="tarot-panel__tabs">
+      <button
+        type="button"
+        className={activeTab === 'card' ? 'is-active' : ''}
+        onClick={() => setActiveTab('card')}
+      >카드 해석</button>
+      <button
+        type="button"
+        className={activeTab === 'ai' ? 'is-active' : ''}
+        onClick={() => setActiveTab('ai')}
+        disabled={!hasAI}
+        aria-disabled={!hasAI}
+      >AI 인사이트</button>
+    </div>
+  );
+
   if (!interpretation && !selectedCard) {
     return (
       <aside className="tarot-panel tarot-panel--reading">
-        <div className="tarot-panel__tabs">
-          <button type="button" className="is-active">카드 해석</button>
-          <button type="button">AI 인사이트</button>
-        </div>
+        {renderTabs()}
         <div className="tarot-panel__empty-state">
           <span>✦</span>
           <p>카드를 뽑으면 이곳에 카드 의미와 AI 인사이트가 표시됩니다.</p>
@@ -44,10 +65,7 @@ export default function InterpretationPanel({
 
   return (
     <aside className="tarot-panel tarot-panel--reading">
-      <div className="tarot-panel__tabs">
-        <button type="button" className="is-active">카드 해석</button>
-        <button type="button">AI 인사이트</button>
-      </div>
+      {renderTabs()}
 
       {selectedCard && (
         <header className="tarot-panel__head">
@@ -65,7 +83,7 @@ export default function InterpretationPanel({
         </header>
       )}
 
-      {selectedCard && !interpretation && (
+      {activeTab === 'card' && selectedCard && (
         <>
           <section className="tarot-panel__section">
             <h4>카드 의미 요약</h4>
@@ -86,10 +104,12 @@ export default function InterpretationPanel({
               ))}
             </ul>
           </section>
-          <section className="tarot-panel__section tarot-panel__ai-note">
-            <h4>AI 타로 해석 ✦</h4>
-            <p>모든 카드를 뽑은 뒤 해석 버튼을 누르면 질문과 스프레드 위치를 함께 반영한 리딩이 생성됩니다.</p>
-          </section>
+          {!hasAI && (
+            <section className="tarot-panel__section tarot-panel__ai-note">
+              <h4>AI 타로 해석 ✦</h4>
+              <p>모든 카드를 뽑은 뒤 해석 버튼을 누르면 질문과 스프레드 위치를 함께 반영한 리딩이 생성됩니다.</p>
+            </section>
+          )}
           <div className="tarot-panel__advice-card">
             <span aria-hidden>☾</span>
             <p>
@@ -100,58 +120,60 @@ export default function InterpretationPanel({
         </>
       )}
 
-      {cardDetail && (
-        <section className="tarot-panel__section">
-          <h4>이 위치의 해석</h4>
-          <p>{cardDetail.interpretation}</p>
-          <p className="tarot-panel__advice">💡 {cardDetail.advice}</p>
-          <button
-            type="button"
-            className="tarot-panel__toggle"
-            onClick={() => setShowEvidence((v) => !v)}
-          >
-            {showEvidence ? '근거 접기' : '근거 펼치기'}
-          </button>
-          {showEvidence && cardDetail.evidence && (
-            <dl className="tarot-evidence">
-              <dt>카드 의미</dt>
-              <dd>{cardDetail.evidence.card_meaning_used}</dd>
-              <dt>위치 결합</dt>
-              <dd>{cardDetail.evidence.position_logic}</dd>
-              <dt>카테고리 관점</dt>
-              <dd>{cardDetail.evidence.category_lens}</dd>
-            </dl>
+      {activeTab === 'ai' && hasAI && (
+        <>
+          {cardDetail && (
+            <section className="tarot-panel__section">
+              <h4>이 위치의 해석</h4>
+              <p>{cardDetail.interpretation}</p>
+              <p className="tarot-panel__advice">💡 {cardDetail.advice}</p>
+              <button
+                type="button"
+                className="tarot-panel__toggle"
+                onClick={() => setShowEvidence((v) => !v)}
+              >
+                {showEvidence ? '근거 접기' : '근거 펼치기'}
+              </button>
+              {showEvidence && cardDetail.evidence && (
+                <dl className="tarot-evidence">
+                  <dt>카드 의미</dt>
+                  <dd>{cardDetail.evidence.card_meaning_used}</dd>
+                  <dt>위치 결합</dt>
+                  <dd>{cardDetail.evidence.position_logic}</dd>
+                  <dt>카테고리 관점</dt>
+                  <dd>{cardDetail.evidence.category_lens}</dd>
+                </dl>
+              )}
+            </section>
           )}
-        </section>
-      )}
 
-      {interpretation && (
-        <section className="tarot-panel__section">
-          <h4>종합 해석 <ConfidenceBadge level={interpretation.confidence} /></h4>
-          <p>{interpretation.summary}</p>
-          <p className="tarot-panel__advice">💡 {interpretation.advice}</p>
-          {interpretation.warning && (
-            <p className="tarot-panel__warning">⚠️ {interpretation.warning}</p>
+          <section className="tarot-panel__section">
+            <h4>종합 해석 <ConfidenceBadge level={interpretation.confidence} /></h4>
+            <p>{interpretation.summary}</p>
+            <p className="tarot-panel__advice">💡 {interpretation.advice}</p>
+            {interpretation.warning && (
+              <p className="tarot-panel__warning">⚠️ {interpretation.warning}</p>
+            )}
+          </section>
+
+          {(interpretation.interactions || []).length > 0 && (
+            <section className="tarot-panel__section">
+              <h4>카드 상호작용</h4>
+              <ul className="tarot-interactions">
+                {interpretation.interactions.map((it, i) => (
+                  <li key={i}>
+                    <span className={`tarot-interaction-type tarot-interaction-type--${it.type}`}>
+                      {it.type === 'synergy' ? '시너지' : it.type === 'conflict' ? '충돌' : '전환'}
+                    </span>
+                    {' '}
+                    <strong>{(it.between || []).join(' ↔ ')}</strong>
+                    <p>{it.explanation}</p>
+                  </li>
+                ))}
+              </ul>
+            </section>
           )}
-        </section>
-      )}
-
-      {(interpretation?.interactions || []).length > 0 && (
-        <section className="tarot-panel__section">
-          <h4>카드 상호작용</h4>
-          <ul className="tarot-interactions">
-            {interpretation.interactions.map((it, i) => (
-              <li key={i}>
-                <span className={`tarot-interaction-type tarot-interaction-type--${it.type}`}>
-                  {it.type === 'synergy' ? '시너지' : it.type === 'conflict' ? '충돌' : '전환'}
-                </span>
-                {' '}
-                <strong>{(it.between || []).join(' ↔ ')}</strong>
-                <p>{it.explanation}</p>
-              </li>
-            ))}
-          </ul>
-        </section>
+        </>
       )}
     </aside>
   );
diff --git a/src/pages/tarot/hooks/useTarotReading.js b/src/pages/tarot/hooks/useTarotReading.js
index f8aad2c..33ae3c1 100644
--- a/src/pages/tarot/hooks/useTarotReading.js
+++ b/src/pages/tarot/hooks/useTarotReading.js
@@ -96,5 +96,12 @@ export function useTarotReading() {
     return interp.interpretation_json;
   }, []);
 
-  return { status, interpretation, readingId, error, runInterpretAndSave };
+  const reset = useCallback(() => {
+    setStatus('idle');
+    setInterpretation(null);
+    setReadingId(null);
+    setError(null);
+  }, []);
+
+  return { status, interpretation, readingId, error, runInterpretAndSave, reset };
 }