Update app.py

app.py

@@ -407,8 +407,22 @@ def finish_or_retire(pages_json, current_page, pid, orig_lev, action):
 # ======================================================
 #  UI
 # ======================================================
+custom_css = """
+.big-text {
+    font-size: 20px !important;
+    line-height: 1.8 !important;
+    font-family: "Noto Sans", sans-serif !important;
+}
+
+.reading-area {
+    background-color: #fafafa;
+    padding: 20px;
+    border-radius: 10px;
+    border: 1px solid #ddd;
+}
+"""
 
-with gr.Blocks() as demo:
+with gr.Blocks(css=custom_css) as demo:
     gr.Markdown("# 📚 Reading Exercise")
 
     student_id_input = gr.Textbox(label="学生番号（必須）")
@@ -420,7 +434,12 @@ with gr.Blocks() as demo:
 
     start_btn = gr.Button("スタート")
 
-    text_display = gr.Textbox(label="教材", lines=18, interactive=False)
+    text_display = gr.Textbox(
+        label="教材",
+        lines=18,
+        interactive=False,
+        elem_classes=["big-text", "reading-area"]
+    )
     page_display = gr.Textbox(label="進行状況", lines=1, interactive=False)
 
     hidden_pages = gr.Textbox(visible=False)