fix: 문구, metric view

tabs/leaderboard_v1_kr.py

@@ -819,12 +819,13 @@ def create_leaderboard_v2_tab():
         -webkit-background-clip: text;
         -webkit-text-fill-color: transparent;
         margin-bottom: 1rem;
+        font-family: 'Do Hyeon', sans-serif !important;
     }
     
     .hero-subtitle {
         color: var(--text-secondary);
         font-size: 1.25rem;
-        font-family: 'Geist', sans-serif;
+        font-family: 'Do Hyeon', sans-serif !important;
         margin-top: 0;
     }
     
@@ -883,6 +884,7 @@ def create_leaderboard_v2_tab():
         box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
         backdrop-filter: blur(12px);
         -webkit-backdrop-filter: blur(12px);
+        font-family: 'Nanum Gothic', sans-serif !important;
     }
     
     .dashboard-section.emphasized {
@@ -907,10 +909,11 @@ def create_leaderboard_v2_tab():
         color: var(--text-primary);
         margin-bottom: 12px;
         text-align: center !important;
+        font-family: 'Nanum Gothic', sans-serif !important;
     }
     
     .section-lead, .section-subtitle {
-        font-size: 1.1rem;
+        font-size: 1.32rem !important;
         color: var(--text-secondary);
         max-width: 720px;
         margin: 0 auto 24px auto;
@@ -919,6 +922,7 @@ def create_leaderboard_v2_tab():
         word-break: keep-all;
         white-space: normal;
         display: block;
+        font-family: 'Nanum Gothic', sans-serif !important;
     }
     
     .phase-grid {
@@ -936,10 +940,11 @@ def create_leaderboard_v2_tab():
     }
     
     .phase-card h3 {
-        font-size: 1.5rem;
+        font-size: 1.44rem !important;
         color: var(--text-primary);
         margin-bottom: 20px;
         font-weight: 700;
+        font-family: 'Nanum Gothic', sans-serif !important;
     }
     
     .phase-chart {
@@ -967,20 +972,23 @@ def create_leaderboard_v2_tab():
     
     .phase-chart span {
         position: relative;
-        font-size: 1.5rem;
+        font-size: 1.2rem !important;
         font-weight: 700;
         color: white !important;
+        font-family: 'Nanum Gothic', sans-serif !important;
     }
     
     /* 추가적인 구체적 선택자 */
     .phase-card .phase-chart span {
         color: #FFFFFF !important;
         text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
+        font-family: 'Nanum Gothic', sans-serif !important;
     }
     
     .phase-grid .phase-chart span {
         color: #FFFFFF !important;
         z-index: 10 !important;
+        font-family: 'Nanum Gothic', sans-serif !important;
     }
     
     
@@ -998,7 +1006,8 @@ def create_leaderboard_v2_tab():
         background: rgba(245, 246, 247, 0.05);
         border: 1px solid rgba(245, 246, 247, 0.08);
         color: var(--text-secondary);
-        font-size: 0.95rem;
+        font-size: 1.08rem !important;
+        font-family: 'Nanum Gothic', sans-serif !important;
     }
     
     .scenario-body {
@@ -1344,6 +1353,7 @@ def create_leaderboard_v2_tab():
         filter: drop-shadow(0 0 16px rgba(255, 210, 30, 0.35));
         letter-spacing: 0.02em;
         animation: title-shimmer 5s ease-in-out infinite;
+        font-family: 'Gowun Dodum', sans-serif !important;
     }
 
     @keyframes title-shimmer {
@@ -2044,7 +2054,7 @@ def create_leaderboard_v2_tab():
     leaderboard_title = gr.HTML(update_leaderboard_title(default_level))
     
     # Integrated controls within leaderboard section - stacked vertically
-    gr.HTML("<h3 style='color: white; margin: 5px 0 5px 0; font-size: 1.1rem;'>🧠 태스크 레벨 선택</h3>")
+    gr.HTML("<p style='color: white; margin: 5px 0 5px 0; font-size: 1.5rem; font-family: 'Nanum Gothic';'>태스크 레벨 선택</p>")
     domain_filter = gr.Radio(
         choices=level_options,
         value=default_level,
@@ -2053,11 +2063,11 @@ def create_leaderboard_v2_tab():
         container=False,
         elem_classes=["domain-radio", "inline-radio"]
     )
-    
-    gr.HTML("<h3 style='color: white; margin: 5px 0 0px 0; font-size: 1.1rem;'>🔍 필터 및 정렬</h3>")
+
+    gr.HTML("<p style='color: white; margin: 5px 0 0px 0; font-size: 1.5rem;'>🔍 필터 및 정렬</p>")
     with gr.Row():
         with gr.Column(scale=1):
-            gr.HTML("<span style='color: white; font-size: 0.9rem; margin-bottom: 5px; display: block;'>모델 접근</span>")
+            gr.HTML("<span style='color: white; font-size: 1.2rem; margin-bottom: 5px; display: block;'>모델 접근</span>")
             model_type_filter = gr.Radio(
                 choices=["All", "OSS", "API"],
                 value="All",
@@ -2066,7 +2076,7 @@ def create_leaderboard_v2_tab():
                 container=False
             )
         with gr.Column(scale=1):
-            gr.HTML("<span style='color: white; font-size: 0.9rem; margin-bottom: 5px; display: block;'>정렬 순서</span>")
+            gr.HTML("<span style='color: white; font-size: 1.2rem; margin-bottom: 5px; display: block;'>정렬 순서</span>")
             sort_order = gr.Radio(
                 choices=["Descending", "Ascending"],
                 value="Descending",
@@ -2085,9 +2095,9 @@ def create_leaderboard_v2_tab():
             <p class="domain-subtitle" style="color: white;">6가지 필수 핵심 요소(성공, 실행, 추론, 강건성, 효율성, 호출 유효성)를 추적합니다.</p>
         </div>
     """)
-    
-    gr.HTML("<h3 style='color: white; margin: 10px 0 0 0; font-size: 1.3rem;'>🎯 비교할 모델 선택</h3>")
-    gr.HTML("<p style='color: #b0b0b0; margin: 0 0 10px 0; font-size: 0.9rem;'>모델은 최대 5개까지 선택 가능 합니다.</p>")
+
+    gr.HTML("<p style='color: white; margin: 10px 0 0 0; font-size: 1.2rem; font-family: 'Nanum Gothic';>비교할 모델을 선택하세요. 최대 5개까지 가능합니다.</p>")
+    # gr.HTML("<p style='color: #b0b0b0; margin: 0 0 10px 0; font-size: 0.9rem;'>모델은 최대 5개까지 선택 가능 합니다.</p>")
     model_selector = gr.Dropdown(
         choices=initial_df['Model'].tolist()[:10],
         value=initial_df['Model'].tolist()[:5],
@@ -2272,15 +2282,14 @@ def create_leaderboard_v2_tab():
                  ※ Rank는 L1~L7 단계별 SR의 평균값을 기준으로 선정되었습니다.
             </p>
         </div>
+       
         <div class="performance-card-content">
     """)
-    
+   
     with gr.Column(elem_classes=["domain-selector-container", "model-selector-container"], elem_id="model-selector-box"):
         gr.HTML("""
-        <div class="domain-header">
-            <h2 class="domain-title" style="color: white;">모델 선택</h2>
-            <p class="domain-subtitle" style="color: white;">분석 카드에 포함할 모델을 선택하세요.</p>
-        </div>
+        <p class="domain-subtitle" style="color: white;">분석 카드를 생성할 모델을 선택하세요.</p>     
+
         """)
         card_model_selector = gr.Dropdown(
             choices=initial_df['Model'].tolist(),
@@ -2322,8 +2331,7 @@ def create_leaderboard_v2_tab():
     """)
     
     gr.HTML("""
-    <h2 style="color: white; text-align: center; margin: 20px 0 10px 0; font-size: 1.8rem;">🧭 태스크 레벨 및 모델 선택</h2>
-    <p style="color: white; text-align: center; margin: 0 0 20px 0; font-size: 1rem;">레벨과 모델(최대 5개)을 선택하여 상세 SR(성공률) 기반 지표를 탐색하세요.</p>
+    <p style="color: white; text-align: center; margin: 0 0 20px 0; font-size: 1.5rem;">태스크 레벨과 모델(최대 5개)을 선택하여 상세 지표를 탐색하세요.</p>
     """)
     
     with gr.Column(elem_classes=["domain-selector-container", "level-selector-container"], elem_id="level-selector-box"):
@@ -2986,6 +2994,60 @@ def create_leaderboard_v2_tab():
         }
     }
     
+    /* 폰트 강제 적용 - 최종 우선순위 */
+    .dashboard-section, 
+    .dashboard-section *,
+    .dashboard-section h2,
+    .dashboard-section h3,
+    .dashboard-section p,
+    .dashboard-section li,
+    .section-title,
+    .section-lead,
+    .section-subtitle,
+    .phase-card h3,
+    .phase-list li,
+    .scenario-body p,
+    .criteria-card h3,
+    .criteria-card ul,
+    .criteria-card li {
+        font-family: "Nanum Gothic", sans-serif !important;
+    }
+    
+    .domain-title,
+    h2.domain-title,
+    .domain-header .domain-title {
+        font-family: "Gowun Dodum", sans-serif !important;
+    }
+    
+    .hero-title,
+    .hero-subtitle,
+    h1.hero-title,
+    p.hero-subtitle {
+        font-family: "Do Hyeon", sans-serif !important;
+    }
+    
+    .phase-chart span,
+    .phase-card .phase-chart span,
+    .phase-grid .phase-chart span {
+        font-family: "Nanum Gothic", sans-serif !important;
+        font-size: 1.2rem !important;
+    }
+    
+    .section-lead, .section-subtitle {
+        font-size: 1.32rem !important;
+        font-family: "Nanum Gothic", sans-serif !important;
+    }
+    
+    .phase-card h3 {
+        font-size: 1.44rem !important;
+        font-family: "Nanum Gothic", sans-serif !important;
+    }
+    
+    .phase-list li {
+        font-size: 1.08rem !important;
+        font-family: "Nanum Gothic", sans-serif !important;
+    }
+    
     </style>
     
     """)
@@ -3581,7 +3643,7 @@ def create_level_metric_chart(df, level, selected_models=None, max_models=5):
         paper_bgcolor="#01091A",
         plot_bgcolor="rgba(245, 246, 247, 0.02)",
         height=plot_height,
-        width=1450,
+        autosize=True,
         margin=dict(t=90, b=80, l=220, r=160),
         legend=dict(
             orientation="h",
@@ -3633,7 +3695,7 @@ def create_empty_level_metric_chart(message):
         paper_bgcolor="#01091A",
         plot_bgcolor="rgba(245, 246, 247, 0.02)",
         height=420,
-        width=1450,
+        autosize=True,
         margin=dict(t=80, b=60, l=80, r=120),
         title=dict(
             text="<b>Level Metric Breakdown</b>",