Bilingual UI (ko/en) with browser detection and a language switch

All copy moves into a string dictionary served at /i18n.js, so the English edition cannot silently fall behind. Language resolves from a stored choice, then the browser locale. Page order now leads with disciplines, then the measurement-limit evidence, then the spec.

app.py

@@ -183,6 +183,13 @@ def index():
     return FileResponse(os.path.join(HERE, "index.html"))
 
 
+@app.get("/i18n.js")
+def i18n():
+    """문자열 사전. 화면 코드와 분리해 두어야 영어판이 조용히 뒤처지지 않는다."""
+    return FileResponse(os.path.join(HERE, "i18n.js"),
+                        media_type="application/javascript")
+
+
 @app.get("/api/categories")
 def api_categories():
     c = categories()

categories.json

@@ -10,7 +10,8 @@
    "planned": 8,
    "boards": [
     "Solubility"
-   ]
+   ],
+   "desc_en": "Whether an orally dosed compound enters the body at all"
   },
   {
    "id": "D",
@@ -19,7 +20,8 @@
    "icon": "🩸",
    "desc": "혈액 단백질에 붙는가 · 뇌까지 가는가",
    "planned": 5,
-   "boards": []
+   "boards": [],
+   "desc_en": "Binding to plasma protein; passage across the blood-brain barrier"
   },
   {
    "id": "M",
@@ -32,7 +34,8 @@
     "CYP3A4",
     "CYP2D6",
     "CYP2C9"
-   ]
+   ],
+   "desc_en": "How quickly the liver clears it, and which enzymes act on it"
   },
   {
    "id": "E",
@@ -41,7 +44,8 @@
    "icon": "💧",
    "desc": "몸 밖으로 언제 나가는가",
    "planned": 2,
-   "boards": []
+   "boards": [],
+   "desc_en": "When the compound leaves the body"
   },
   {
    "id": "T",
@@ -52,7 +56,8 @@
    "planned": 7,
    "boards": [
     "hERG"
-   ]
+   ],
+   "desc_en": "Cardiac, hepatic and mutagenic liability — where candidates most often fail"
   },
   {
    "id": "P",
@@ -65,7 +70,8 @@
     "AChE",
     "MAOB",
     "COX2"
-   ]
+   ],
+   "desc_en": "How tightly a compound binds its intended target"
   },
   {
    "id": "K",
@@ -86,7 +92,8 @@
     "BRAF",
     "KIT",
     "ALK"
-   ]
+   ],
+   "desc_en": "Which of several hundred kinases are engaged, and which are spared"
   },
   {
    "id": "S",
@@ -95,7 +102,8 @@
    "icon": "🧬",
    "desc": "어떤 자세로 붙는가 · 그 자세가 물리적으로 말이 되는가",
    "planned": 4,
-   "boards": []
+   "boards": [],
+   "desc_en": "The binding pose, and whether that pose is physically admissible"
   },
   {
    "id": "X",
@@ -104,7 +112,8 @@
    "icon": "🔬",
    "desc": "약이 실제 세포에 무슨 짓을 하는가",
    "planned": 5,
-   "boards": []
+   "boards": [],
+   "desc_en": "What a compound actually does to a living cell"
   },
   {
    "id": "C",
@@ -113,7 +122,8 @@
    "icon": "🏥",
    "desc": "사람 몸에서의 농도 · 약물 충돌 · 용량. 겨룰 표가 아직 없는 자리",
    "planned": 6,
-   "boards": []
+   "boards": [],
+   "desc_en": "Human exposure, drug-drug interaction and dose — endpoints with no leaderboard yet"
   },
   {
    "id": "G",
@@ -122,7 +132,8 @@
    "icon": "⚗️",
    "desc": "새로 만들어 내는 쪽 · 소분자를 넘어서는 쪽",
    "planned": 5,
-   "boards": []
+   "boards": [],
+   "desc_en": "Generating new matter, and modalities beyond small molecules"
   }
  ]
 }

i18n.js

@@ -0,0 +1,218 @@
+/* LEADBOARD 문자열 사전.
+ *
+ * 문자열은 전부 여기에만 둔다. 화면 코드에 한국어가 섞이면 영어판이 조용히 뒤처진다.
+ * 작은따옴표를 쓰지 않는다 - 영문 축약형(don't) 하나가 문자열을 끊어 사전 전체를
+ * 무너뜨린 전례가 있다. 축약형은 풀어 쓴다.
+ */
+window.T = {
+ko: {
+  htmlLang: "ko",
+  title: "LEADBOARD — 신약 예측 도구 시험대",
+  navSpec: "규격",
+  login: "HF 로그인", logout: "로그아웃",
+  langBtn: "EN",
+
+  heroKicker: "AI 신약 개발 벤치마크",
+  heroTag: "신약 예측 도구를<br>분야별로, 동일한 기준으로 평가합니다",
+  heroLede: "본 시험대는 정답을 배포하지 않습니다. 대신 <b>학습하지 않은 기준선</b>과 " +
+            "<b>해당 종목의 실험실 간 재현 오차</b>를 사전에 공시하여, 보고된 성능이 " +
+            "측정 한계 대비 어디에 위치하는지 판정할 수 있게 합니다.",
+
+  statBoards: "개설 부문", statCompounds: "테스트 화합물", statFields: "분야",
+  statClauses: "규격 조항", statPlanned: "계획 부문",
+
+  secBrowse: "분야", secBrowseLead: "분야를 선택하면 소속 부문의 순위표와 제출 창구로 이동합니다.",
+  secEvidence: "측정 한계 지형",
+  secEvidenceLead: "가로축은 <b>기준선 오차 ÷ 실험 재현 오차</b>입니다. 1.0 에 근접할수록 " +
+                   "모델을 개선해도 <b>측정의 산포를 예측하는 일</b>에 가까워집니다.",
+  secMethod: "채점 규격 8개 조항",
+  secMethodLead: "참가자에게 부과하는 요건이 아니라, 채점자가 스스로에게 부과하는 제약입니다.",
+  secData: "데이터와 라이선스",
+
+  terrLeft: "실험 오차 안쪽", terrRight: "모델 오차가 더 큼",
+  insideCount: n => `${n}개 부문이 1.3배 안쪽에 위치합니다.`,
+  lostNote: n => `<b>${n}개 부문에서 학습 기준선이 상수 예측에 미달했습니다.</b> ` +
+      "학습하지 않은 예측이 더 정확했다는 의미입니다. 기준선을 순위표에 상주시키지 " +
+      "않으면(3조) 이 사실은 어떤 지표에도 나타나지 않습니다.",
+
+  openN: n => `${n} 개설`, prep: "준비 중",
+  cardBoards: (o, p) => `부문 ${o}/${p}`,
+  cardCompounds: n => `${n} 화합물`,
+
+  clauses: [
+    ["정답은 배포하지 않는다", "부문마다 분할 등급과 정답 등급을 공시한다"],
+    ["점수마다 두 개의 지문", "데이터 판본과 채점 코드의 SHA-256 을 각인한다"],
+    ["기준선은 순위표에서 내려가지 않는다", "상수 예측 · 최근접 이웃 · Morgan+LightGBM 영구 등재"],
+    ["실험 오차를 사전 공시한다", "동일 화합물의 논문 간 측정 차이로 산출한다"],
+    ["누출은 매 제출마다 검사한다", "정답과 소수 자리까지 일치하는 항목의 과밀도를 공시한다"],
+    ["결과 제출과 모델 제출을 구분한다", "직접 재실행하여 확인한 제출에만 [검증됨]을 부여한다"],
+    ["미산출은 0점이 아니다", "측정하지 못한 것과 측정하여 나쁜 것은 다르다"],
+    ["반복 제출로 순위가 오르지 않는다", "Ladder · Blum &amp; Hardt, ICML 2015"]
+  ],
+
+  all: "전체",
+  tabRank: "순위", tabSubmit: "제출", tabInfo: "부문 정보",
+  thRank: "#", thMethod: "방법", thUser: "제출자", thLeak: "누출", thGrade: "등급",
+  baseline: "기준선", submitted: "제출됨", verified: "검증됨",
+  leakHigh: "조회 흔적", leakElev: "근접 과밀",
+  noiseNote: v => `<b>실험 재현 오차 ${v}.</b> 이 폭 안의 차이는 순위 차이로 주장하지 ` +
+      "않습니다 (4조). 기준선 3종은 순위표에서 내려가지 않습니다 (3조).",
+  noEntries: "참가 제출이 아직 없습니다. 표에 표시된 것은 기준선입니다.",
+  updated: t => `순위 갱신 ${t}`,
+
+  gradeH: "등급", holdoutH: "홀드아웃", noiseH: "실험 재현 오차", baseH: "기준선",
+  splitGrade: "분할 등급", answerGrade: "정답 등급",
+  gradeNote: {
+    T: "시간 분할 — 최초 보고 연도 기준. 기준일 이후 처음 등장한 화합물만 평가한다",
+    S: "스캐폴드 분할 — 골격이 훈련에 없는 화합물만 평가한다",
+    P1: "정답이 공개 데이터베이스에 존재한다. 조회 방어는 8조가 담당한다",
+    P2: "원자료는 공개지만 선별과 환산이 본 판본을 구성한다. 공개 DB 조회로는 동일 값이 나오지 않는다",
+    P3: "파트너로부터 제공받은 미공표 실측",
+    P4: "부문 개설 이후 생성된 측정. 개설 시점에 존재하지 않았다"
+  },
+  kSource: "출처", kCut: "분할 기준일", kTrainTest: "훈련 / 테스트",
+  kOverlap: "구조 겹침", kThr: "분류 임계", kSha: "데이터 지문", kLicense: "라이선스",
+  cutNote: "최초 보고 연도 기준", overlapNote: "0 (시간 분할 정의상)",
+  posRate: p => `양성 ${p}%`,
+  noisePairs: (p, c) => `비교쌍 ${p} · 화합물 ${c}`,
+  noiseDesc: "동일 화합물을 <b>서로 다른 논문</b>에서 측정한 값의 차이",
+  noiseSd: "단일 측정 표준편차 추정",
+  nearNote: (p, hi) => `분류 임계선에서 실험 오차 1 표준편차 안에 있는 테스트 화합물이 ` +
+      `<b>${p}%</b> 입니다. ` + (hi ? "재측정 시 라벨이 반전될 수 있어 <b>회귀를 주지표</b>로 둡니다."
+                                    : "분류 지표를 함께 사용합니다."),
+  beatsYes: "학습 기준선이 상수 예측을 상회했습니다.",
+  beatsNo: "<b>학습 기준선이 상수 예측에 미달했습니다.</b> 학습하지 않은 예측이 더 정확했습니다.",
+  noiseFloorRow: "실험 오차 바닥",
+
+  step1: "테스트셋 수령", step2: "예측 제출", step3: "컨테이너 제출 (선택)",
+  step1d: n => `화합물 <b>${n}개</b>의 구조(SMILES)만 포함합니다. 라벨은 본 서버에 존재하지 않습니다.`,
+  licLine: "ChEMBL 파생 · CC BY-SA 3.0 — 재배포 시 출처와 동일 라이선스를 유지하십시오.",
+  dl: "테스트셋 내려받기",
+  fMethod: "방법 이름", fMethodH: "순위표에 표시될 명칭",
+  fTrain: "학습에 사용한 데이터", fTrainH: "5조 누출 검사에 사용합니다",
+  fPred: "예측값", fPredH: "JSON 또는 CSV (compound_id, prediction)",
+  drop: "파일을 끌어다 놓거나 클릭하여 선택",
+  send: "제출", needLogin: "제출하려면 HF 계정 로그인이 필요합니다.",
+  step3d: "모델과 추론 환경을 함께 제출하면 직접 재실행하여 동일 결과를 확인하고 " +
+          "[검증됨]을 부여합니다 (6조).",
+  ladderNote: (v, c) => `<b>8조.</b> 반복 제출로는 순위가 오르지 않습니다. 직전 최고 점수를 ` +
+      `실험 오차 <b>${v}</b> 이상 개선한 경우에만 새 점수가 공개됩니다. 일일 제출 한도 ${c}회.`,
+  accepted: id => `접수 완료 · 제출 번호 ${id}`,
+  parseFail: m => `예측값을 해석하지 못했습니다: ${m}`,
+  sending: n => `${n}개 항목 전송 중`,
+  emptyCat: "본 분야는 아직 개설된 부문이 없습니다.",
+  loadFail: "화면을 불러오지 못했습니다.",
+  dataNote: "모든 부문은 ChEMBL_37 에서 구축했으며 최초 보고 연도를 기준으로 시간 분할했습니다. " +
+            "배포되는 테스트셋은 구조만 포함하며 라벨은 포함하지 않습니다.",
+  srcLabel: "데이터 출처"
+},
+
+en: {
+  htmlLang: "en",
+  title: "LEADBOARD — Benchmark for Drug Prediction Tools",
+  navSpec: "spec",
+  login: "Sign in with HF", logout: "Sign out",
+  langBtn: "한국어",
+
+  heroKicker: "AI Drug Discovery Benchmark",
+  heroTag: "One yardstick, per discipline,<br>for drug prediction tools",
+  heroLede: "We do not release the answer key. Instead we publish, in advance, " +
+            "<b>baselines that learned nothing</b> and <b>the inter-laboratory reproducibility " +
+            "of each endpoint</b> — so that any reported score can be judged against the " +
+            "measurement limit itself.",
+
+  statBoards: "open boards", statCompounds: "test compounds", statFields: "disciplines",
+  statClauses: "spec clauses", statPlanned: "planned boards",
+
+  secBrowse: "Disciplines",
+  secBrowseLead: "Select a discipline to reach its boards, leaderboards and submission desk.",
+  secEvidence: "Measurement-limit landscape",
+  secEvidenceLead: "The axis is <b>baseline error divided by experimental error</b>. " +
+                   "The closer to 1.0, the more that further tuning amounts to " +
+                   "<b>predicting measurement scatter</b>.",
+  secMethod: "Eight clauses the scorer imposes on itself",
+  secMethodLead: "These are not requirements placed on entrants. They are constraints we accept.",
+  secData: "Data and licence",
+
+  terrLeft: "inside experimental error", terrRight: "model error larger",
+  insideCount: n => `${n} boards sit within 1.3x.`,
+  lostNote: n => `<b>On ${n} boards the trained baseline failed to beat constant prediction.</b> ` +
+      "A prediction that learned nothing was more accurate. Without baselines resident on the " +
+      "leaderboard (clause 3), this fact appears in no metric.",
+
+  openN: n => `${n} open`, prep: "in preparation",
+  cardBoards: (o, p) => `boards ${o}/${p}`,
+  cardCompounds: n => `${n} compounds`,
+
+  clauses: [
+    ["The answer key is not distributed", "Each board declares its split grade and answer grade"],
+    ["Every score carries two fingerprints", "SHA-256 of the data revision and of the scoring code"],
+    ["Baselines never leave the table", "Constant, nearest-neighbour and Morgan+LightGBM stay resident"],
+    ["Experimental error is published first", "Derived from cross-publication measurements of the same compound"],
+    ["Leakage is screened on every submission", "We report the density of predictions matching labels to the decimal"],
+    ["Result submission and model submission are distinct", "Only re-executed submissions receive [verified]"],
+    ["An unmeasured axis is not a zero", "Failing to measure differs from measuring a poor result"],
+    ["Repeated submission does not raise rank", "Ladder · Blum &amp; Hardt, ICML 2015"]
+  ],
+
+  all: "All",
+  tabRank: "Leaderboard", tabSubmit: "Submit", tabInfo: "Board detail",
+  thRank: "#", thMethod: "Method", thUser: "Entrant", thLeak: "Leakage", thGrade: "Grade",
+  baseline: "baseline", submitted: "submitted", verified: "verified",
+  leakHigh: "lookup trace", leakElev: "near-exact density",
+  noiseNote: v => `<b>Experimental error ${v}.</b> Differences within this band are not ` +
+      "claimed as rank differences (clause 4). The three baselines stay resident (clause 3).",
+  noEntries: "No entrant submissions yet. The rows shown are baselines.",
+  updated: t => `Leaderboard updated ${t}`,
+
+  gradeH: "Grades", holdoutH: "Holdout", noiseH: "Experimental error", baseH: "Baselines",
+  splitGrade: "Split grade", answerGrade: "Answer grade",
+  gradeNote: {
+    T: "Time split by year of first report. Only compounds first reported after the cut are scored",
+    S: "Scaffold split. Only compounds whose scaffold is absent from training are scored",
+    P1: "The answer exists in a public database. Clause 8 carries the defence against lookup",
+    P2: "The source is public, but selection and unit conversion define this revision. " +
+        "Querying the public database does not reproduce these values",
+    P3: "Unpublished measurements provided by a partner",
+    P4: "Measured after the board opened. It did not exist at opening"
+  },
+  kSource: "Source", kCut: "Split year", kTrainTest: "Train / test",
+  kOverlap: "Structure overlap", kThr: "Classification threshold", kSha: "Data fingerprint",
+  kLicense: "Licence",
+  cutNote: "by year of first report", overlapNote: "0 (by construction of the time split)",
+  posRate: p => `positives ${p}%`,
+  noisePairs: (p, c) => `${p} pairs · ${c} compounds`,
+  noiseDesc: "Difference between measurements of the same compound in <b>different publications</b>",
+  noiseSd: "Estimated single-measurement SD",
+  nearNote: (p, hi) => `<b>${p}%</b> of test compounds lie within one experimental SD of the ` +
+      "classification threshold. " + (hi ? "Labels there can invert on re-measurement, so " +
+      "<b>regression is the primary metric</b>." : "Classification metrics are reported alongside."),
+  beatsYes: "The trained baseline beat constant prediction.",
+  beatsNo: "<b>The trained baseline failed to beat constant prediction.</b> " +
+           "A prediction that learned nothing was more accurate.",
+  noiseFloorRow: "experimental error floor",
+
+  step1: "Obtain the test set", step2: "Submit predictions", step3: "Submit a container (optional)",
+  step1d: n => `Structures (SMILES) for <b>${n} compounds</b>. No labels — they do not exist on this server.`,
+  licLine: "Derived from ChEMBL · CC BY-SA 3.0 — retain attribution and the same licence on redistribution.",
+  dl: "Download test set",
+  fMethod: "Method name", fMethodH: "as it will appear on the leaderboard",
+  fTrain: "Training data used", fTrainH: "used for the clause 5 leakage screen",
+  fPred: "Predictions", fPredH: "JSON or CSV (compound_id, prediction)",
+  drop: "Drop a file here, or click to choose",
+  send: "Submit", needLogin: "Signing in with a Hugging Face account is required to submit.",
+  step3d: "Submit the model with its inference environment and we re-execute it, confirm the " +
+          "same numbers, and mark it [verified] (clause 6).",
+  ladderNote: (v, c) => `<b>Clause 8.</b> Repeated submission does not raise rank. A new score is ` +
+      `released only when it improves on your previous best by more than the experimental error ` +
+      `<b>${v}</b>. Daily limit ${c}.`,
+  accepted: id => `Accepted · submission ${id}`,
+  parseFail: m => `Could not parse the predictions: ${m}`,
+  sending: n => `sending ${n} entries`,
+  emptyCat: "No boards are open in this discipline yet.",
+  loadFail: "The page could not be loaded.",
+  dataNote: "Every board is built from ChEMBL_37 and split by year of first report. " +
+            "Distributed test sets contain structures only; labels are not included.",
+  srcLabel: "Data source"
+}
+};

index.html

@@ -4,27 +4,26 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>LEADBOARD — 신약 예측 도구 시험대</title>
-<meta name="description" content="신약 예측 도구를 분야별로 같은 잣대로 잰다. 정답은 나눠주지 않고, 기준선과 실험 오차를 먼저 공개한다.">
+<meta name="description" content="One yardstick, per discipline, for drug prediction tools. Baselines and experimental error published in advance.">
 <!-- <head> 는 선택이 아니다: 플랫폼이 자기 태그를 문서에 주입하는데, 받을 head 가 없으면
      그것들이 doctype 앞에 놓이고 페이지 전체가 쿼크 모드로 떨어진다. -->
 <style>
   :root{
-    --bg:#fbfcfd; --bg2:#f0f3f7; --card:#fff; --ink:#0b0d12; --ink2:#3a4150;
-    --muted:#6d7585; --line:#e6e9ef; --line2:#d0d6e0;
-    --acc:#1f4fa3; --acc2:#3d7ae0; --soft:#eaf0fb;
-    --warn:#8a5c00; --warnbg:#fff6e2; --warnln:#f0d9a0;
-    --good:#0f6b43; --goodbg:#e6f6ee; --bad:#9c2f24; --badbg:#fdeceb;
+    --bg:#fbfcfd;--bg2:#f0f3f7;--card:#fff;--ink:#0b0d12;--ink2:#3a4150;
+    --muted:#6d7585;--line:#e6e9ef;--line2:#d0d6e0;
+    --acc:#1f4fa3;--acc2:#3d7ae0;--soft:#eaf0fb;
+    --warn:#8a5c00;--warnbg:#fff6e2;--warnln:#f0d9a0;
+    --good:#0f6b43;--goodbg:#e6f6ee;--bad:#9c2f24;--badbg:#fdeceb;
     --m:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
     --sh:0 1px 2px rgba(13,18,30,.05),0 2px 6px rgba(13,18,30,.05);
     --sh2:0 8px 16px -6px rgba(13,18,30,.14),0 20px 36px -12px rgba(13,18,30,.14);
   }
   @media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
-    --bg:#090b0f; --bg2:#101319; --card:#141821; --ink:#f1f4f8; --ink2:#c8cfdb;
-    --muted:#8b94a5; --line:#212734; --line2:#2e3646;
-    --acc:#8cb0f0; --acc2:#6a95e4; --soft:#111a2b;
-    --warn:#e8bd5e; --warnbg:#241d0e; --warnln:#4a3c1a;
-    --good:#4fd396; --goodbg:#0c2418; --bad:#f59285; --badbg:#2b1411;
-    --sh:0 1px 2px rgba(0,0,0,.4); --sh2:0 12px 32px rgba(0,0,0,.55);}}
+    --bg:#090b0f;--bg2:#101319;--card:#141821;--ink:#f1f4f8;--ink2:#c8cfdb;
+    --muted:#8b94a5;--line:#212734;--line2:#2e3646;--acc:#8cb0f0;--acc2:#6a95e4;
+    --soft:#111a2b;--warn:#e8bd5e;--warnbg:#241d0e;--warnln:#4a3c1a;
+    --good:#4fd396;--goodbg:#0c2418;--bad:#f59285;--badbg:#2b1411;
+    --sh:0 1px 2px rgba(0,0,0,.4);--sh2:0 12px 32px rgba(0,0,0,.55);}}
   :root[data-theme="dark"]{
     --bg:#090b0f;--bg2:#101319;--card:#141821;--ink:#f1f4f8;--ink2:#c8cfdb;
     --muted:#8b94a5;--line:#212734;--line2:#2e3646;--acc:#8cb0f0;--acc2:#6a95e4;
@@ -33,9 +32,9 @@
     --sh:0 1px 2px rgba(0,0,0,.4);--sh2:0 12px 32px rgba(0,0,0,.55);}
   *{box-sizing:border-box}
   /* 히어로 뒤 그라디언트가 좌우로 음수 inset 을 쓴다. z-index 를 내려도 스크롤 범위에는
-     남아서 가로 스크롤이 생긴다. clip 은 hidden 과 달리 sticky 헤더를 깨뜨리지 않는다. */
+     남아 가로 스크롤이 생긴다. clip 은 hidden 과 달리 sticky 헤더를 깨뜨리지 않는다. */
   html{overflow-x:clip}
-  body{margin:0;background:var(--bg);color:var(--ink);line-height:1.62;font-size:15px;overflow-x:clip;
+  body{margin:0;overflow-x:clip;background:var(--bg);color:var(--ink);line-height:1.62;font-size:15px;
     font-family:-apple-system,BlinkMacSystemFont,"Pretendard","Apple SD Gothic Neo",
     "Malgun Gothic",Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}
   .wrap{max-width:1060px;margin:0 auto;padding:0 24px}
@@ -45,7 +44,7 @@
 
   nav{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 78%,transparent);
       backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--line)}
-  nav .in{max-width:1060px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:12px}
+  nav .in{max-width:1060px;margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:11px}
   .lg{font-weight:850;letter-spacing:-.04em;font-size:18px;color:var(--ink)}
   .lg:hover{text-decoration:none}.lg i{color:var(--acc);font-style:normal}
   .sp{flex:1}
@@ -55,42 +54,40 @@
   .chip.ok{background:var(--goodbg);color:var(--good)}
   .chip.wr{background:var(--warnbg);color:var(--warn)}
   .chip.bd{background:var(--badbg);color:var(--bad)}
+  .lang{padding:5px 11px;border-radius:8px;border:1px solid var(--line2);background:var(--card);
+        color:var(--ink2);font-size:12px;font-weight:650;cursor:pointer;font-family:inherit}
+  .lang:hover{border-color:var(--acc);color:var(--acc)}
   .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 19px;border-radius:11px;
        background:linear-gradient(180deg,var(--acc2),var(--acc));color:#fff;font-size:14px;
        font-weight:650;border:0;cursor:pointer;box-shadow:var(--sh);transition:transform .1s,filter .15s}
   .btn:hover{filter:brightness(1.08);text-decoration:none}
   .btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}
 
-  /* hero */
   .hero{padding:78px 0 46px;position:relative}
   .hero::before{content:"";position:absolute;inset:-70% -30% auto -30%;height:520px;z-index:-1;
     background:radial-gradient(ellipse 55% 50% at 32% 55%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 70%)}
   .brand{font-size:clamp(46px,9vw,80px);font-weight:900;letter-spacing:-.05em;margin:0;line-height:.96}
   .brand i{color:var(--acc);font-style:normal}
-  .subttl{font-size:13px;color:var(--muted);margin:8px 0 0;letter-spacing:.06em;text-transform:uppercase}
-  .tag{font-size:clamp(23px,4vw,34px);font-weight:750;margin:30px 0 12px;
-       letter-spacing:-.03em;line-height:1.3;max-width:16em}
-  .lede{font-size:16.5px;color:var(--ink2);margin:0;max-width:36em;line-height:1.7}
-
-  .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;
-    margin:42px 0 0;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
+  .subttl{font-size:12.5px;color:var(--muted);margin:9px 0 0;letter-spacing:.11em;text-transform:uppercase}
+  .tag{font-size:clamp(23px,3.9vw,34px);font-weight:750;margin:30px 0 14px;
+       letter-spacing:-.03em;line-height:1.32;max-width:17em}
+  .lede{font-size:16.5px;color:var(--ink2);margin:0;max-width:38em;line-height:1.72}
+  .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:1px;
+    margin:44px 0 0;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
   .stat{background:var(--card);padding:17px 19px}
-  .stat b{display:block;font-size:30px;font-weight:850;font-family:var(--m);
-          letter-spacing:-.045em;line-height:1.1}
+  .stat b{display:block;font-size:30px;font-weight:850;font-family:var(--m);letter-spacing:-.045em;line-height:1.1}
   .stat span{font-size:11.5px;color:var(--muted)}
 
-  .sec{margin:72px 0 0}
+  .sec{margin:76px 0 0}
   .sec h2{font-size:11.5px;font-weight:750;letter-spacing:.17em;text-transform:uppercase;
-     color:var(--acc);margin:0 0 7px}
-  .sec .lead2{font-size:15.5px;color:var(--ink2);margin:0 0 22px;max-width:44em}
+     color:var(--acc);margin:0 0 8px}
+  .sec .lead2{font-size:15.5px;color:var(--ink2);margin:0 0 22px;max-width:46em}
   h3{font-size:18.5px;font-weight:720;margin:30px 0 9px;letter-spacing:-.018em}
   p{margin:0 0 15px}
 
-  /* ── 서명 차트: 측정 한계 지형 ── */
   .terr{background:var(--card);border:1px solid var(--line);border-radius:16px;
         padding:22px 24px 18px;box-shadow:var(--sh)}
-  .trow{display:grid;grid-template-columns:96px 1fr 62px;align-items:center;gap:12px;
-        padding:4px 0;font-size:13px}
+  .trow{display:grid;grid-template-columns:104px 1fr 60px;align-items:center;gap:12px;padding:4px 0;font-size:13px}
   .trow .nm{font-weight:650;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
   .trow .nm a{color:var(--ink)}
   .trk{position:relative;height:19px;background:var(--bg2);border-radius:5px;overflow:hidden}
@@ -100,11 +97,10 @@
   .trk .one{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink);opacity:.42}
   .trow .v{font-family:var(--m);font-size:12px;color:var(--muted);text-align:right}
   .trow .v.in{color:var(--warn);font-weight:700}
-  .taxis{display:grid;grid-template-columns:96px 1fr 62px;gap:12px;margin-top:10px;
+  .taxis{display:grid;grid-template-columns:104px 1fr 60px;gap:12px;margin-top:11px;
          font-size:11px;color:var(--muted);font-family:var(--m)}
-  .taxis .lbl{display:flex;justify-content:space-between}
+  .taxis .lbl{display:flex;justify-content:space-between;gap:8px}
 
-  /* cards */
   .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(252px,1fr));gap:15px}
   .cc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;
       display:block;box-shadow:var(--sh);transition:box-shadow .2s,transform .13s,border-color .2s}
@@ -131,7 +127,7 @@
       box-shadow:var(--sh);margin:18px 0}
   table{width:100%;border-collapse:collapse;font-size:13.5px}
   th{text-align:right;font-weight:650;color:var(--muted);font-size:10.5px;letter-spacing:.08em;
-     text-transform:uppercase;padding:13px 13px;border-bottom:1px solid var(--line);white-space:nowrap}
+     text-transform:uppercase;padding:13px;border-bottom:1px solid var(--line);white-space:nowrap}
   th:first-child,td:first-child{text-align:center;width:48px}
   th:nth-child(2),td:nth-child(2),th:nth-child(3),td:nth-child(3){text-align:left}
   td{padding:13px;border-bottom:1px solid var(--line);text-align:right;
@@ -153,7 +149,8 @@
   .note{background:var(--warnbg);border:1px solid var(--warnln);border-radius:13px;
         padding:15px 18px;font-size:14.5px;margin:18px 0;color:var(--ink2);line-height:1.65}
   .note.ok{background:var(--goodbg);border-color:color-mix(in srgb,var(--good) 30%,transparent)}
-  .kv{display:grid;grid-template-columns:170px 1fr;gap:10px 18px;font-size:14px;margin:15px 0}
+  .note.n{background:var(--card);border-color:var(--line)}
+  .kv{display:grid;grid-template-columns:190px 1fr;gap:10px 18px;font-size:14px;margin:15px 0}
   .kv dt{color:var(--muted)}.kv dd{margin:0;font-family:var(--m);font-size:13px;word-break:break-word}
   label{display:block;font-size:13.5px;font-weight:680;margin:17px 0 6px}
   .hint{font-size:12px;color:var(--muted);font-weight:400}
@@ -172,7 +169,7 @@
     display:flex;align-items:center;justify-content:center;font-family:var(--m);border:3px solid var(--bg)}
   .steps b{display:block;font-size:16px;margin-bottom:4px}
   ol.cl{list-style:none;counter-reset:c;padding:0;margin:18px 0;
-        display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:0}
+        display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:0}
   ol.cl li{counter-increment:c;position:relative;padding:16px 16px 16px 52px;border-top:1px solid var(--line)}
   ol.cl li::before{content:counter(c);position:absolute;left:8px;top:16px;width:30px;height:30px;
     border-radius:9px;background:var(--soft);color:var(--acc);font-weight:750;font-size:13px;
@@ -186,7 +183,7 @@
     font-size:13px;color:var(--muted);display:flex;gap:20px;flex-wrap:wrap;align-items:center}
   @media(max-width:640px){
     .kv{grid-template-columns:1fr}.kv dt{margin-top:8px}
-    .trow,.taxis{grid-template-columns:74px 1fr 50px;gap:8px;font-size:12px}}
+    .trow,.taxis{grid-template-columns:78px 1fr 48px;gap:8px;font-size:12px}}
 </style>
 </head>
 <body>
@@ -195,65 +192,76 @@
   <a class="lg" href="#/">LEAD<i>BOARD</i></a>
   <span class="chip g" id="spec">v1.1</span>
   <span class="sp"></span>
+  <button class="lang" id="lang"></button>
   <span id="who" style="font-size:13px;color:var(--muted)"></span>
 </div></nav>
 
 <div id="app"><div class="wrap"><div class="skel" style="margin-top:70px"></div></div></div>
+<footer class="wrap" id="foot"></footer>
 
-<footer class="wrap">
-  <span>LEADBOARD · FINAL-Bench / VIDRAFT</span>
-  <span class="dim">데이터 출처 <a href="https://www.ebi.ac.uk/chembl/">ChEMBL</a> ·
-    CC BY-SA 3.0</span>
-  <span class="sp"></span>
-  <a href="/api/health">API</a>
-  <a href="https://huggingface.co/spaces/FINAL-Bench/open-discovery-challenge">ODC</a>
-  <a href="https://huggingface.co/spaces/FINAL-Bench/open-materials-challenge">OMC</a>
-</footer>
-
+<script src="i18n.js"></script>
 <script>
 const $=s=>document.querySelector(s), app=$("#app");
 const f=(x,d=3)=>(x==null||isNaN(x))?"—":Number(x).toFixed(d);
 const esc=s=>String(s??"").replace(/[&<>"]/g,c=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"}[c]));
 const W=h=>`<div class="wrap">${h}</div>`;
-let CATS=null, ME={user:null}, BOARDS={};
+let CATS=null, ME={user:null}, BOARDS={}, L=null, t=null;
+
+/* 언어 결정 순서: 저장된 선택 → 브라우저 설정 → 영어.
+   브라우저를 먼저 보면 한 번 고른 선택이 새로고침마다 뒤집힌다. */
+function pickLang(){
+  const saved=localStorage.getItem("lb-lang");
+  if(saved && window.T[saved]) return saved;
+  return (navigator.language||"").toLowerCase().startsWith("ko") ? "ko" : "en";
+}
+function setLang(l){
+  L=l; t=window.T[l];
+  localStorage.setItem("lb-lang", l);
+  document.documentElement.lang=t.htmlLang;
+  document.title=t.title;
+  $("#lang").textContent=t.langBtn;
+  paintChrome();
+  route();
+}
+function paintChrome(){
+  $("#who").innerHTML=ME.user?`${esc(ME.user.user)} · <a href="/logout">${t.logout}</a>`
+    :(ME.login_enabled?`<a href="/login?next=${encodeURIComponent(location.hash||"#/")}">${t.login}</a>`:"");
+  $("#foot").innerHTML=`<span>LEADBOARD · FINAL-Bench / VIDRAFT</span>
+    <span class="dim">${t.srcLabel} <a href="https://www.ebi.ac.uk/chembl/">ChEMBL</a> ·
+      <a href="https://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0</a></span>
+    <span class="sp"></span><a href="/api/health">API</a>
+    <a href="https://huggingface.co/spaces/FINAL-Bench/open-discovery-challenge">ODC</a>
+    <a href="https://huggingface.co/spaces/FINAL-Bench/open-materials-challenge">OMC</a>`;
+}
 async function j(u,o){const r=await fetch(u,o);if(!r.ok)throw new Error(await r.text());return r.json();}
 
-/* ═══ 서명 차트 · 측정 한계 지형 ═══
-   가로축 = 모델 오차 ÷ 실험 오차. 1.0 왼쪽이면 모델 오차가 실험 오차보다 작다는 뜻이고,
-   그건 모델이 뛰어나서가 아니라 그 부문의 값이 좁게 몰려 있다는 뜻이다.
-   어느 쪽이든 "여기서 더 재봐야 측정을 재는 것"이라는 신호다.            */
-function terrain(items, link){
-  const MAX=3.0;
-  const pc=v=>Math.min(100,100*v/MAX);
-  return `<div class="terr">
-    ${items.map(b=>{
-      const inside=b.ratio<1.0;
-      const nm=link?`<a href="#/b/${encodeURIComponent(b.board)}">${esc(b.board)}</a>`:esc(b.board);
-      return `<div class="trow">
-        <div class="nm">${nm}</div>
-        <div class="trk">
-          <div class="fill ${inside?"in":""}" style="width:${pc(b.ratio)}%"></div>
-          <div class="one" style="left:${pc(1)}%"></div>
-        </div>
-        <div class="v ${inside?"in":""}">${f(b.ratio,2)}×</div></div>`;}).join("")}
-    <div class="taxis"><span></span>
-      <span class="lbl"><i>0</i><i>← 실험 오차 안쪽 · 1.0 · 모델이 더 나쁨 →</i><i>${MAX.toFixed(1)}</i></span>
-      <span></span></div></div>`;
+/* ═══ 측정 한계 지형 ═══ */
+function terrain(items,link){
+  const MAX=3.0, pc=v=>Math.min(100,100*v/MAX);
+  return `<div class="terr">${items.map(b=>{
+    const inside=b.ratio<1.0;
+    const nm=link?`<a href="#/b/${encodeURIComponent(b.board)}">${esc(b.board)}</a>`:esc(b.board);
+    return `<div class="trow"><div class="nm">${nm}</div>
+      <div class="trk"><div class="fill ${inside?"in":""}" style="width:${pc(b.ratio)}%"></div>
+        <div class="one" style="left:${pc(1)}%"></div></div>
+      <div class="v ${inside?"in":""}">${f(b.ratio,2)}×</div></div>`;}).join("")}
+    <div class="taxis"><span></span><span class="lbl">
+      <i>0</i><i>← ${t.terrLeft} · 1.0 · ${t.terrRight} →</i><i>${MAX.toFixed(1)}</i>
+    </span><span></span></div></div>`;
 }
-const ratioOf=b=>{const bl=b.baselines,nf=b.noise_floor.sd_single;
-  return Math.min(...Object.values(bl).map(v=>v.mae))/nf;};
+const ratioOf=b=>Math.min(...Object.values(b.baselines).map(v=>v.mae))/b.noise_floor.sd_single;
 
 async function boot(){
   try{ME=await j("/api/me");}catch(e){}
-  $("#who").innerHTML=ME.user?`${esc(ME.user.user)} · <a href="/logout">로그아웃</a>`
-    :(ME.login_enabled?`<a href="/login?next=${encodeURIComponent(location.hash||"#/")}">HF 로그인</a>`:"");
   CATS=await j("/api/categories");
-  $("#spec").textContent=CATS.spec;
   CATS.categories.forEach(c=>(c.board_cards||[]).forEach(b=>BOARDS[b.board]=b));
-  route();
+  $("#spec").textContent=CATS.spec;
+  $("#lang").onclick=()=>setLang(L==="ko"?"en":"ko");
+  setLang(pickLang());
 }
 addEventListener("hashchange",route);
 function route(){
+  if(!t)return;
   const p=(location.hash||"#/").slice(2).split("/").filter(Boolean);scrollTo(0,0);
   if(!p.length)return hub();
   if(p[0]==="c")return category(p[1]);
@@ -263,70 +271,51 @@ function route(){
 
 /* ═══ 허브 ═══ */
 function hub(){
-  const t=CATS.totals, bs=Object.values(BOARDS);
+  const T0=CATS.totals, bs=Object.values(BOARDS);
   const items=bs.map(b=>({board:b.board,ratio:ratioOf(b)})).sort((a,b)=>a.ratio-b.ratio);
   const inside=items.filter(x=>x.ratio<1.3).length;
-  const cmp=bs.reduce((s,b)=>s+b.n_test,0);
   const lost=bs.filter(b=>b.beats_constant===false).length;
   app.innerHTML=W(`
   <div class="hero">
     <h1 class="brand">LEAD<i>BOARD</i></h1>
-    <p class="subttl">AI Drug Discovery Benchmark</p>
-    <p class="tag">신약 예측 도구를,<br>분야별로, 같은 잣대로 잰다.</p>
-    <p class="lede">정답은 나눠주지 않습니다. 대신 <b>아무것도 학습하지 않은 기준선</b>과
-      <b>그 분야를 실험으로 다시 재도 남는 오차</b>를 먼저 공개합니다.
-      믿어달라고 하지 않고, 확인하게 합니다.</p>
+    <p class="subttl">${t.heroKicker}</p>
+    <p class="tag">${t.heroTag}</p>
+    <p class="lede">${t.heroLede}</p>
     <div class="stats">
-      <div class="stat"><b>${t.open}</b><span>개설 부문</span></div>
-      <div class="stat"><b>${cmp.toLocaleString()}</b><span>테스트 화합물</span></div>
-      <div class="stat"><b>${CATS.categories.filter(c=>c.open).length}</b><span>분야</span></div>
-      <div class="stat"><b>8</b><span>규격 조항</span></div>
-      <div class="stat"><b>${t.planned}</b><span>계획 부문</span></div>
+      <div class="stat"><b>${T0.open}</b><span>${t.statBoards}</span></div>
+      <div class="stat"><b>${bs.reduce((s,b)=>s+b.n_test,0).toLocaleString()}</b><span>${t.statCompounds}</span></div>
+      <div class="stat"><b>${CATS.categories.filter(c=>c.open).length}</b><span>${t.statFields}</span></div>
+      <div class="stat"><b>8</b><span>${t.statClauses}</span></div>
+      <div class="stat"><b>${T0.planned}</b><span>${t.statPlanned}</span></div>
     </div>
   </div>
 
-  <div class="sec">
-    <h2>측정 한계 지형</h2>
-    <p class="lead2">가로축은 <b>기준선 오차 ÷ 실험 오차</b>입니다.
-      1.0 에 가까울수록 모델을 더 다듬어도 <b>측정의 흔들림을 맞히는 일</b>이 됩니다.
-      ${inside}개 부문이 1.3배 안쪽에 있습니다.</p>
+  <div class="sec"><h2>${t.secBrowse}</h2><p class="lead2">${t.secBrowseLead}</p>
+    <div class="grid">${CATS.categories.map(cardHTML).join("")}</div></div>
+
+  <div class="sec"><h2>${t.secEvidence}</h2>
+    <p class="lead2">${t.secEvidenceLead} ${t.insideCount(inside)}</p>
     ${terrain(items,true)}
-    ${lost?`<div class="note"><b>${lost}개 부문에서 학습 기준선이 상수 예측에 졌습니다.</b>
-      아무것도 배우지 않은 쪽이 더 정확했다는 뜻입니다.
-      기준선을 표에 상주시키지 않으면(3조) 이 사실은 어디에도 나타나지 않습니다.</div>`:""}
-  </div>
+    ${lost?`<div class="note">${t.lostNote(lost)}</div>`:""}</div>
 
-  <div class="sec">
-    <h2>분야</h2>
-    <p class="lead2">분야를 고르면 그 안의 부문과 순위·제출로 들어갑니다.</p>
-    <div class="grid">${CATS.categories.map(cardHTML).join("")}</div>
-  </div>
+  <div class="sec"><h2>${t.secMethod}</h2><p class="lead2">${t.secMethodLead}</p>
+    <ol class="cl">${t.clauses.map(([a,b])=>`<li><b>${a}</b><span>${b}</span></li>`).join("")}</ol></div>
 
-  <div class="sec">
-    <h2>채점자가 스스로에게 부과하는 8개 조항</h2>
-    <p class="lead2">참가자에게 요구하는 것이 아니라, 우리가 지키는 것입니다.</p>
-    <ol class="cl">
-      ${[["정답은 배포하지 않는다","부문마다 분할 등급과 정답 등급을 공시한다"],
-         ["점수마다 두 개의 지문","데이터 판본과 채점 코드의 SHA-256"],
-         ["기준선은 표에서 내려가지 않는다","상수 예측 · 최근접 이웃 · Morgan+LightGBM 영구 등재"],
-         ["잡음 바닥을 먼저 공시한다","같은 화합물을 다른 논문에서 잰 차이로 산출한다"],
-         ["누출은 매 제출마다 검사한다","정답과 소수점까지 같은 항목이 무더기면 표에 적는다"],
-         ["결과 제출과 모델 제출을 구분한다","우리가 직접 돌려본 것만 [검증됨]"],
-         ["미산출은 0점이 아니다","측정하지 못한 것과 측정해서 나쁜 것은 다르다"],
-         ["되풀이 제출로는 순위가 오르지 않는다","Ladder · Blum &amp; Hardt, ICML 2015"]]
-        .map(([a,b])=>`<li><b>${a}</b><span>${b}</span></li>`).join("")}
-    </ol>
-  </div>`);
+  <div class="sec"><h2>${t.secData}</h2>
+    <div class="note n">${t.dataNote}<br><br>
+      ${t.srcLabel} · <a href="https://www.ebi.ac.uk/chembl/">ChEMBL_37 (EMBL-EBI)</a> ·
+      <a href="https://creativecommons.org/licenses/by-sa/3.0/">CC BY-SA 3.0 Unported</a></div></div>`);
 }
 
 function cardHTML(c){
   const on=c.open>0, bs=c.board_cards||[];
   const tot=bs.reduce((s,b)=>s+b.n_test,0);
   const inner=`<div class="ico">${c.icon}</div>
-    <div class="nm">${esc(c.name)}<span class="chip ${on?"ok":"g"}">${on?c.open+" 개설":"준비 중"}</span></div>
-    <div class="ds">${esc(c.desc)}</div>
-    <div class="mt"><span>부문 ${c.open}/${c.planned}</span>
-      <span>${tot?tot.toLocaleString()+" 화합물":"—"}</span></div>`;
+    <div class="nm">${esc(L==="ko"?c.name:c.en)}
+      <span class="chip ${on?"ok":"g"}">${on?t.openN(c.open):t.prep}</span></div>
+    <div class="ds">${esc(L==="ko"?c.desc:(c.desc_en||c.desc))}</div>
+    <div class="mt"><span>${t.cardBoards(c.open,c.planned)}</span>
+      <span>${tot?t.cardCompounds(tot.toLocaleString()):"—"}</span></div>`;
   return on?`<a class="cc" href="#/c/${c.id}">${inner}</a>`:`<div class="cc off">${inner}</div>`;
 }
 
@@ -335,28 +324,27 @@ function category(id){
   const c=CATS.categories.find(x=>x.id===id); if(!c)return hub();
   const bs=(c.board_cards||[]).slice().sort((a,b)=>b.n_test-a.n_test);
   const items=bs.map(b=>({board:b.board,ratio:ratioOf(b)})).sort((a,b)=>a.ratio-b.ratio);
+  const nm=L==="ko"?c.name:c.en;
   app.innerHTML=W(`
-    <div class="crumb"><a href="#/">전체</a> › ${esc(c.name)}</div>
-    <h1 class="ttl">${c.icon} ${esc(c.name)}</h1>
-    <p class="lede">${esc(c.desc)}</p>
+    <div class="crumb"><a href="#/">${t.all}</a> › ${esc(nm)}</div>
+    <h1 class="ttl">${c.icon} ${esc(nm)}</h1>
+    <p class="lede">${esc(L==="ko"?c.desc:(c.desc_en||c.desc))}</p>
     <div class="stats" style="margin-top:26px">
-      <div class="stat"><b>${c.open}</b><span>개설 부문</span></div>
-      <div class="stat"><b>${bs.reduce((s,b)=>s+b.n_test,0).toLocaleString()}</b><span>테스트 화합물</span></div>
-      <div class="stat"><b>${c.planned}</b><span>계획 부문</span></div>
-    </div>
+      <div class="stat"><b>${c.open}</b><span>${t.statBoards}</span></div>
+      <div class="stat"><b>${bs.reduce((s,b)=>s+b.n_test,0).toLocaleString()}</b><span>${t.statCompounds}</span></div>
+      <div class="stat"><b>${c.planned}</b><span>${t.statPlanned}</span></div></div>
     ${bs.length?`
-      <div class="sec"><h2>측정 한계 지형</h2>
-        <p class="lead2">기준선 오차 ÷ 실험 오차. 부문 이름을 누르면 순위로 갑니다.</p>
-        ${terrain(items,true)}</div>
-      <div class="sec"><h2>부문</h2><div class="grid">${bs.map(boardMini).join("")}</div></div>`
-     :`<div class="note">이 분야는 아직 개설된 부문이 없습니다.</div>`}`);
+      <div class="sec"><h2>${t.secBrowse}</h2><div class="grid">${bs.map(boardMini).join("")}</div></div>
+      <div class="sec"><h2>${t.secEvidence}</h2><p class="lead2">${t.secEvidenceLead}</p>
+        ${terrain(items,true)}</div>`
+     :`<div class="note">${t.emptyCat}</div>`}`);
 }
 function boardMini(b){
   const bl=b.baselines[b.best_baseline]||{};
   return `<a class="cc" href="#/b/${encodeURIComponent(b.board)}">
     <div class="nm">${esc(b.board)}<span class="chip">${b.split_grade}/${b.answer_grade}</span></div>
-    <div class="ds">테스트 <b>${b.n_test.toLocaleString()}</b>개 · 실험 오차 ${f(b.noise_floor.sd_single)}<br>
-      최선 기준선 ${esc(b.best_baseline)} ${f(bl.mae)}</div>
+    <div class="ds">${t.cardCompounds(b.n_test.toLocaleString())} · ${t.noiseH} ${f(b.noise_floor.sd_single)}<br>
+      ${esc(b.best_baseline)} ${f(bl.mae)}</div>
     <div class="mt"><span>${esc(b.source)}</span><span>${f(ratioOf(b),2)}×</span></div></a>`;
 }
 
@@ -364,13 +352,14 @@ function boardMini(b){
 async function board(name,tab){
   const b=BOARDS[name]||await j("/api/board/"+encodeURIComponent(name));
   const cat=CATS.categories.find(c=>(c.boards||[]).includes(name));
-  const T=[["rank","순위"],["submit","제출"],["info","부문 정보"]];
+  const cn=cat?(L==="ko"?cat.name:cat.en):"";
+  const TT=[["rank",t.tabRank],["submit",t.tabSubmit],["info",t.tabInfo]];
   app.innerHTML=W(`
-    <div class="crumb"><a href="#/">전체</a> › <a href="#/c/${cat?cat.id:""}">${esc(cat?cat.name:"")}</a> › ${esc(b.board)}</div>
+    <div class="crumb"><a href="#/">${t.all}</a> › <a href="#/c/${cat?cat.id:""}">${esc(cn)}</a> › ${esc(b.board)}</div>
     <h1 class="ttl">${esc(b.board)}<span class="chip">${b.split_grade}/${b.answer_grade}</span></h1>
     <p class="lede">${esc(b.source)} · ${esc(b.type)} ·
-      테스트 <b>${b.n_test.toLocaleString()}</b>개 · 실험 오차 <b>${f(b.noise_floor.sd_single)}</b></p>
-    <div class="pills">${T.map(([k,l])=>
+      ${t.cardCompounds(b.n_test.toLocaleString())} · ${t.noiseH} <b>${f(b.noise_floor.sd_single)}</b></p>
+    <div class="pills">${TT.map(([k,l])=>
       `<a class="pilltab ${k===tab?"on":""}" href="#/b/${encodeURIComponent(name)}/${k}">${l}</a>`).join("")}</div>
     <div id="pane"><div class="skel" style="margin-top:20px"></div></div>`);
   if(tab==="rank")return paneRank(b);
@@ -382,8 +371,8 @@ async function paneRank(b){
   const d=await j(`/api/board/${encodeURIComponent(b.board)}/leaderboard`);
   const nf=d.noise_floor, ent=d.rows.filter(r=>r.kind!=="baseline");
   const worst=Math.max(...d.rows.map(r=>r.mae||0))||1;
-  const leak=l=>({high:'<span class="chip bd">조회 흔적</span>',
-    elevated:'<span class="chip wr">근접 과밀</span>'}[l]||'<span class="chip g">—</span>');
+  const leak=l=>l==="high"?`<span class="chip bd">${t.leakHigh}</span>`
+    :l==="elevated"?`<span class="chip wr">${t.leakElev}</span>`:`<span class="chip g">—</span>`;
   const rows=d.rows.map(r=>{
     const g=r.rank&&r.rank<=3?` g${r.rank}`:"";
     const w=Math.max(4,58*(r.mae||0)/worst);
@@ -392,102 +381,92 @@ async function paneRank(b){
       <td>${esc(r.method)}</td><td>${esc(r.user)}</td>
       <td><span class="mini" style="width:${w}px"></span>${f(r.mae)}</td>
       <td>${f(r.auroc)}</td><td>${f(r.prauc)}</td>
-      <td>${r.kind==="baseline"?'<span class="chip g">기준선</span>':leak(r.leak)}</td>
-      <td>${r.kind==="baseline"?"—":(r.verified?'<span class="chip ok">검증됨</span>'
-            :'<span class="chip g">제출됨</span>')}</td></tr>`;}).join("");
+      <td>${r.kind==="baseline"?`<span class="chip g">${t.baseline}</span>`:leak(r.leak)}</td>
+      <td>${r.kind==="baseline"?"—":(r.verified?`<span class="chip ok">${t.verified}</span>`
+            :`<span class="chip g">${t.submitted}</span>`)}</td></tr>`;}).join("");
   $("#pane").innerHTML=`
-    <div class="tw"><table>
-      <thead><tr><th>#</th><th>방법</th><th>제출자</th><th>MAE</th><th>AUROC</th>
-      <th>PR-AUC</th><th>누출</th><th>등급</th></tr></thead><tbody>${rows}</tbody></table></div>
-    <div class="note"><b>실험 오차 ${f(nf)}.</b> 이 폭 안의 차이는 <b>순위 차이로 주장하지 않습니다</b> (4조).
-      기준선 3종은 표에서 내려가지 않습니다 (3조).</div>
-    ${ent.length?`<p class="dim" style="font-size:13px">순위 갱신 ${new Date(d.updated*1000).toLocaleString("ko-KR")}</p>`
-      :`<p class="dim" style="font-size:13px">아직 참가 제출이 없습니다. 표에 있는 것은 기준선뿐입니다.</p>`}`;
+    <div class="tw"><table><thead><tr><th>${t.thRank}</th><th>${t.thMethod}</th><th>${t.thUser}</th>
+      <th>MAE</th><th>AUROC</th><th>PR-AUC</th><th>${t.thLeak}</th><th>${t.thGrade}</th></tr></thead>
+      <tbody>${rows}</tbody></table></div>
+    <div class="note">${t.noiseNote(f(nf))}</div>
+    <p class="dim" style="font-size:13px">${ent.length
+      ? t.updated(new Date(d.updated*1000).toLocaleString(L==="ko"?"ko-KR":"en-GB"))
+      : t.noEntries}</p>`;
 }
 
 function paneInfo(b){
-  const nf=b.noise_floor,bl=b.baselines;
+  const nf=b.noise_floor, bl=b.baselines;
   $("#pane").innerHTML=`
-    <h3>등급</h3>
+    <h3>${t.gradeH}</h3>
     <dl class="kv">
-      <dt>분할 등급 <b>${b.split_grade}</b></dt><dd>${esc(b.split_grade_note||"")}</dd>
-      <dt>정답 등급 <b>${b.answer_grade}</b></dt><dd>${esc(b.answer_grade_note||"")}</dd></dl>
-    <h3>홀드아웃</h3>
+      <dt>${t.splitGrade} <b>${b.split_grade}</b></dt>
+      <dd>${esc(t.gradeNote[b.split_grade]||b.split_grade_note||"")}</dd>
+      <dt>${t.answerGrade} <b>${b.answer_grade}</b></dt>
+      <dd>${esc(t.gradeNote[b.answer_grade]||b.answer_grade_note||"")}</dd></dl>
+    <h3>${t.holdoutH}</h3>
     <dl class="kv">
-      <dt>출처</dt><dd>${esc(b.source)} · ${esc(b.target)} · ${esc(b.type)}</dd>
-      <dt>분할 기준일</dt><dd>${b.cut} — 최초 보고 연도</dd>
-      <dt>훈련 / 테스트</dt><dd>${b.n_train.toLocaleString()} / ${b.n_test.toLocaleString()}</dd>
-      <dt>구조 겹침</dt><dd>0 (시간분할 정의상)</dd>
-      <dt>분류 임계</dt><dd>${b.threshold} · 양성 ${(b.positive_rate*100).toFixed(1)}%</dd>
-      <dt>데이터 지문</dt><dd>${esc(b.dataset_sha)}</dd>
-      <dt>라이선스</dt><dd>ChEMBL · CC BY-SA 3.0</dd></dl>
-    <h3>실험 오차 <span class="dim" style="font-weight:400;font-size:14px">(4조)</span></h3>
-    <div class="fig">같은 화합물을 <b>서로 다른 논문</b>에서 잰 차이<br>
-비교쌍 <span class="n">${nf.pairs.toLocaleString()}</span> · 화합물 <span class="n">${nf.compounds.toLocaleString()}</span><br>
-중앙값 ${f(nf.median)} · 평균 ${f(nf.mean)} · 90분위 ${f(nf.p90)}<br>
-<b>단일 측정 SD 추정 <span class="n">${f(nf.sd_single)}</span></b></div>
-    <div class="note">분류 임계선에서 실험 오차 한 칸 안에 있는 테스트 화합물이 <b>${b.near_pct}%</b> 입니다.
-      ${b.near_pct>45?"절반 가까이가 재측정하면 라벨이 뒤집힐 수 있어 <b>회귀를 주지표</b>로 둡니다."
-                     :"분류 지표를 함께 씁니다."}</div>
-    <h3>기준선 <span class="dim" style="font-weight:400;font-size:14px">(3조)</span></h3>
-    <div class="tw"><table><thead><tr><th style="width:auto">·</th><th>기준선</th><th>MAE</th>
+      <dt>${t.kSource}</dt><dd>${esc(b.source)} · ${esc(b.target)} · ${esc(b.type)}</dd>
+      <dt>${t.kCut}</dt><dd>${b.cut} — ${t.cutNote}</dd>
+      <dt>${t.kTrainTest}</dt><dd>${b.n_train.toLocaleString()} / ${b.n_test.toLocaleString()}</dd>
+      <dt>${t.kOverlap}</dt><dd>${t.overlapNote}</dd>
+      <dt>${t.kThr}</dt><dd>${b.threshold} · ${t.posRate((b.positive_rate*100).toFixed(1))}</dd>
+      <dt>${t.kSha}</dt><dd>${esc(b.dataset_sha)}</dd>
+      <dt>${t.kLicense}</dt><dd>ChEMBL · CC BY-SA 3.0</dd></dl>
+    <h3>${t.noiseH} <span class="dim" style="font-weight:400;font-size:14px">(4)</span></h3>
+    <div class="fig">${t.noiseDesc}<br>
+${t.noisePairs(nf.pairs.toLocaleString(),nf.compounds.toLocaleString())}<br>
+median ${f(nf.median)} · mean ${f(nf.mean)} · p90 ${f(nf.p90)}<br>
+<b>${t.noiseSd} <span class="n">${f(nf.sd_single)}</span></b></div>
+    <div class="note">${t.nearNote(b.near_pct,b.near_pct>45)}</div>
+    <h3>${t.baseH} <span class="dim" style="font-weight:400;font-size:14px">(3)</span></h3>
+    <div class="tw"><table><thead><tr><th style="width:auto">·</th><th>${t.baseH}</th><th>MAE</th>
       <th>AUROC</th><th>PR-AUC</th></tr></thead><tbody>
       ${Object.entries(bl).map(([k,v])=>`<tr><td>·</td><td>${esc(k)}</td><td>${f(v.mae)}</td>
         <td>${f(v.auroc)}</td><td>${f(v.prauc)}</td></tr>`).join("")}
-      <tr class="base"><td>·</td><td>실험 오차 바닥</td><td>${f(nf.sd_single)}</td><td>—</td><td>—</td></tr>
+      <tr class="base"><td>·</td><td>${t.noiseFloorRow}</td><td>${f(nf.sd_single)}</td><td>—</td><td>—</td></tr>
       </tbody></table></div>
-    <div class="note ${b.beats_constant?"ok":""}">${b.beats_constant
-      ?"학습 기준선이 상수 예측을 넘었습니다."
-      :"<b>학습 기준선이 상수 예측을 넘지 못했습니다.</b> 아무것도 배우지 않은 쪽이 더 정확했습니다."}</div>`;
+    <div class="note ${b.beats_constant?"ok":""}">${b.beats_constant?t.beatsYes:t.beatsNo}</div>`;
 }
 
 function paneSubmit(b){
   const url=`/api/board/${encodeURIComponent(b.board)}/testset`;
   $("#pane").innerHTML=`
   <ol class="steps">
-    <li><b>테스트셋 받기</b>
-      <p class="dim" style="font-size:13.5px">화합물 <b>${b.n_test.toLocaleString()}개</b>의 구조(SMILES)만
-        들어 있습니다. 라벨은 이 서버에 존재하지 않습니다.<br>
-        ChEMBL 파생 · CC BY-SA 3.0 — 재배포 시 출처와 같은 라이선스를 유지해 주십시오.</p>
-      <a class="btn" href="${url}" download>테스트셋 내려받기</a>
+    <li><b>${t.step1}</b>
+      <p class="dim" style="font-size:13.5px">${t.step1d(b.n_test.toLocaleString())}<br>${t.licLine}</p>
+      <a class="btn" href="${url}" download>${t.dl}</a>
       <span class="hint">&nbsp;${esc(b.board.toLowerCase())}_test.json</span></li>
-    <li><b>예측 올리기</b>
+    <li><b>${t.step2}</b>
       ${ME.user?`
-        <label>방법 이름 <span class="hint">순위표에 이렇게 표시됩니다</span></label>
-        <input type="text" id="m" placeholder="예: my-gnn-ensemble-v2" maxlength="60">
-        <label>학습에 쓴 데이터 <span class="hint">5조 누출 검사에 씁니다</span></label>
-        <input type="text" id="td" placeholder="예: ChEMBL34 + 사내 데이터">
-        <label>예측값 <span class="hint">JSON {"LB-…": 6.42} 또는 CSV compound_id,prediction</span></label>
-        <div class="drop" id="drop">파일을 끌어다 놓거나 눌러서 고르세요
-          <input type="file" id="file" accept=".json,.csv,.txt" hidden></div>
-        <textarea id="p" rows="6" style="margin-top:11px"
-          placeholder='{"LB-A1B2C3D4E5F6": 6.42}'></textarea>
-        <p style="margin-top:15px"><button class="btn" id="go">제출</button>
+        <label>${t.fMethod} <span class="hint">${t.fMethodH}</span></label>
+        <input type="text" id="m" maxlength="60">
+        <label>${t.fTrain} <span class="hint">${t.fTrainH}</span></label>
+        <input type="text" id="td">
+        <label>${t.fPred} <span class="hint">${t.fPredH}</span></label>
+        <div class="drop" id="drop">${t.drop}<input type="file" id="file" accept=".json,.csv,.txt" hidden></div>
+        <textarea id="p" rows="6" style="margin-top:11px"></textarea>
+        <p style="margin-top:15px"><button class="btn" id="go">${t.send}</button>
           <span class="hint" id="msg"></span></p>`
-       :`<div class="note">제출하려면 HF 계정으로 로그인해야 합니다.
-          <a href="/login?next=${encodeURIComponent(location.hash)}">로그인</a></div>`}</li>
-    <li><b>컨테이너까지 올리면 (선택)</b>
-      <p class="dim" style="font-size:13.5px">모델과 추론 환경을 함께 제출하면 <b>우리가 직접 돌려</b>
-        같은 숫자가 나오는지 확인하고 <span class="chip ok">검증됨</span> 표시를 붙입니다 (6조).</p></li>
+       :`<div class="note">${t.needLogin}
+          <a href="/login?next=${encodeURIComponent(location.hash)}">${t.login}</a></div>`}</li>
+    <li><b>${t.step3}</b><p class="dim" style="font-size:13.5px">${t.step3d}</p></li>
   </ol>
-  <div class="note"><b>8조.</b> 되풀이 제출로는 순위가 오르지 않습니다.
-    직전 최고점을 실험 오차 <b>${f(b.noise_floor.sd_single)}</b> 이상으로 넘었을 때만
-    새 점수가 공개됩니다. 하루 제출 한도 ${ME.daily_cap||5}회.</div>`;
+  <div class="note">${t.ladderNote(f(b.noise_floor.sd_single),ME.daily_cap||5)}</div>`;
   wire(b);
 }
-function parsePred(t){
-  t=t.trim(); if(t.startsWith("{"))return JSON.parse(t);
+function parsePred(x){
+  x=x.trim(); if(x.startsWith("{"))return JSON.parse(x);
   const o={};
-  t.split(/\r?\n/).forEach((ln,i)=>{const p=ln.split(/[,\t]/);if(p.length<2)return;
+  x.split(/\r?\n/).forEach((ln,i)=>{const p=ln.split(/[,\t]/);if(p.length<2)return;
     const k=p[0].trim();if(!k||(i===0&&isNaN(parseFloat(p[1]))))return;
     const v=parseFloat(p[1]);if(!isNaN(v))o[k]=v;});
-  if(!Object.keys(o).length)throw new Error("읽을 수 있는 항목이 없습니다");
+  if(!Object.keys(o).length)throw new Error("no readable entries");
   return o;
 }
 function wire(b){
   const drop=$("#drop"),file=$("#file"),ta=$("#p"),go=$("#go");
   const load=f0=>{const r=new FileReader();r.onload=()=>{ta.value=r.result;
-    drop.textContent=`${f0.name} — ${(f0.size/1024).toFixed(0)} KB 읽음`;};r.readAsText(f0);};
+    drop.textContent=`${f0.name} — ${(f0.size/1024).toFixed(0)} KB`;};r.readAsText(f0);};
   if(drop){
     drop.onclick=()=>file.click();
     file.onchange=e=>e.target.files[0]&&load(e.target.files[0]);
@@ -498,18 +477,18 @@ function wire(b){
   if(!go)return;
   go.onclick=async()=>{
     const msg=$("#msg");let preds;
-    try{preds=parsePred(ta.value);}catch(e){msg.textContent="예측값을 읽지 못했습니다: "+e.message;return;}
-    msg.textContent=`${Object.keys(preds).length.toLocaleString()}개 항목 · 보내는 중…`;go.disabled=true;
+    try{preds=parsePred(ta.value);}catch(e){msg.textContent=t.parseFail(e.message);return;}
+    msg.textContent=t.sending(Object.keys(preds).length.toLocaleString());go.disabled=true;
     try{const r=await j("/api/submit",{method:"POST",headers:{"Content-Type":"application/json"},
       body:JSON.stringify({board:b.board,method:($("#m").value||"").trim(),
         predictions:preds,training_data:($("#td").value||"").trim()})});
-      msg.innerHTML=`접수 완료 · <code>${esc(r.submission_id)}</code>`;
-    }catch(e){let t=String(e.message||e);try{t=JSON.parse(t).detail||t;}catch(_){}msg.textContent=t;}
+      msg.textContent=t.accepted(r.submission_id);
+    }catch(e){let x=String(e.message||e);try{x=JSON.parse(x).detail||x;}catch(_){}msg.textContent=x;}
     go.disabled=false;
   };
 }
 boot().catch(e=>{app.innerHTML=W(`<div class="note" style="margin-top:50px">
-  화면을 불러오지 못했습니다. ${esc(e.message||e)}</div>`);});
+  ${(window.T&&window.T.en.loadFail)||"Load failed."} ${esc(e.message||e)}</div>`);});
 </script>
 </body>
 </html>