[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_232":233,"_234":235},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":87,"_27":99,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":59,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",10,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","app.js","latestPath","fileId","4bc3c07c-aa1b-11f1-a0dd-1607ee4eb77e","name","fileType","script","content","/* ================= DEUTSCHBAHN ================= */\n(function () {\n\"use strict\";\n\nvar DB = window.__DB__;\nvar LVLS = [\"A2\", \"B1\", \"B2\"];\nvar THEMES = {};\nDB.v.forEach(function (w) { (THEMES[w.t] = THEMES[w.t] || []).push(w); });\nvar THEMELIST = Object.keys(THEMES);\n\n/* ---------- tiny DOM helper ---------- */\nfunction h(tag, attrs, kids) {\n var parts = tag.split(\".\"), name = parts[0] || \"div\";\n var e = document.createElementNS(name === \"svg\" || name === \"path\" || name === \"circle\" || name === \"rect\" || name === \"polygon\" || name === \"line\" ? \"http://www.w3.org/2000/svg\" : \"http://www.w3.org/1999/xhtml\", name);\n if (parts.length > 1) e.setAttribute(\"class\", parts.slice(1).join(\" \"));\n if (attrs) for (var k in attrs) {\n var v = attrs[k];\n if (v === null || v === undefined || v === false) continue;\n if (k === \"on\") { for (var ev in v) e.addEventListener(ev, v[ev]); }\n else if (k === \"html\") e.innerHTML = v;\n else if (k === \"text\") e.textContent = v;\n else if (k === \"cls\") e.setAttribute(\"class\", (e.getAttribute(\"class\") || \"\") + \" \" + v);\n else e.setAttribute(k, v === true ? \"\" : String(v));\n }\n if (kids != null) (Array.isArray(kids) ? kids : [kids]).forEach(function (c) {\n if (c === null || c === undefined || c === false) return;\n e.appendChild(typeof c === \"string\" || typeof c === \"number\" ? document.createTextNode(String(c)) : c);\n });\n return e;\n}\nfunction svg(d, extra) {\n var s = h(\"svg\", { viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", \"stroke-width\": \"1.8\", \"stroke-linecap\": \"round\", \"stroke-linejoin\": \"round\", \"class\": \"ic\", \"aria-hidden\": \"true\" });\n (Array.isArray(d) ? d : [d]).forEach(function (p) { s.appendChild(h(\"path\", { d: p })); });\n if (extra) s.setAttribute(\"class\", \"ic \" + extra);\n return s;\n}\nvar ICON = {\n home: \"M3 10.5 12 3l9 7.5M5.5 9.5V21h13V9.5\",\n cards: [\"M4 7.5h11v12H4z\", \"M8 4.5h11v12\"],\n gram: [\"M5 4h14v16H5z\", \"M9 8h6M9 12h6M9 16h3\"],\n read: [\"M12 6.5C10 5 7.5 4.5 4 4.8V19c3.5-.3 6 .2 8 1.7 2-1.5 4.5-2 8-1.7V4.8c-3.5-.3-6 .2-8 1.7z\", \"M12 6.5v14.2\"],\n ear: [\"M9 21c-1.7 0-3-1.3-3-3 0-2.5 1.5-3.5 1.5-6a4.5 4.5 0 1 1 9 0c0 1.6-.7 2.6-1.6 3.4\", \"M12 10.5a1.5 1.5 0 0 1 1.5 1.5c0 1.8-2.5 2-2.5 4\"],\n ref: [\"M4 5.5h16v13H4z\", \"M4 9.5h16M9 9.5v9\"],\n chart: [\"M4 20V9M10 20V4M16 20v-7M22 20H2\"],\n sound: [\"M4 9.5v5h3.5L12 19V5L7.5 9.5H4z\", \"M15.5 9.2a4 4 0 0 1 0 5.6\", \"M18 6.7a7.5 7.5 0 0 1 0 10.6\"],\n play: \"M8 5.5 19 12 8 18.5z\",\n sun: [\"M12 6.8a5.2 5.2 0 1 0 0 10.4 5.2 5.2 0 0 0 0-10.4z\", \"M12 1.8v2M12 20.2v2M1.8 12h2M20.2 12h2M4.8 4.8l1.4 1.4M17.8 17.8l1.4 1.4M19.2 4.8l-1.4 1.4M6.2 17.8l-1.4 1.4\"],\n moon: \"M20 14.5A8.5 8.5 0 0 1 9.5 4 8.5 8.5 0 1 0 20 14.5z\",\n back: \"M14 6l-6 6 6 6\",\n check: \"M4.5 12.5 9.5 17.5 19.5 6.5\",\n cross: \"M6 6l12 12M18 6L6 18\"\n};\n\n/* ---------- state ---------- */\nvar KEY = \"deutschbahn.v1\";\nvar S = {\n ver: 1, lvl: \"B1\", theme: \"auto\", rate: 0.9, goal: 15,\n cards: {}, newDay: \"\", newCount: 0,\n log: {}, streak: 0, lastDay: \"\",\n gram: {}, texts: {}, dict: {}, seen: {},\n vFilters: { lvls: [\"A2\", \"B1\", \"B2\"], themes: [] }\n};\nfunction today() { var d = new Date(); return d.getFullYear() + \"-\" + String(d.getMonth() + 1).padStart(2, \"0\") + \"-\" + String(d.getDate()).padStart(2, \"0\"); }\nfunction dayKey(d) { return d.getFullYear() + \"-\" + String(d.getMonth() + 1).padStart(2, \"0\") + \"-\" + String(d.getDate()).padStart(2, \"0\"); }\nfunction load() {\n try {\n var raw = localStorage.getItem(KEY);\n if (raw) { var o = JSON.parse(raw); for (var k in o) if (o[k] !== undefined) S[k] = o[k]; }\n } catch (e) { /* stockage indisponible : on continue en mémoire */ }\n}\nvar saveTimer = null;\nfunction save() {\n clearTimeout(saveTimer);\n saveTimer = setTimeout(function () {\n try { localStorage.setItem(KEY, JSON.stringify(S)); } catch (e) { }\n }, 250);\n}\nfunction touchDay() {\n var t = today();\n if (S.lastDay !== t) {\n var y = new Date(); y.setDate(y.getDate() - 1);\n S.streak = (S.lastDay === dayKey(y)) ? (S.streak || 0) + 1 : 1;\n S.lastDay = t;\n }\n if (S.newDay !== t) { S.newDay = t; S.newCount = 0; }\n}\nfunction logReview(n) {\n var t = today(); S.log[t] = (S.log[t] || 0) + (n || 1); touchDay(); save();\n}\n\n/* ---------- SRS (SM-2 allégé) ---------- */\nvar DAY = 86400000;\nfunction cardOf(id) { return S.cards[id]; }\nfunction schedule(id, grade) {\n var c = S.cards[id] || { ef: 2.5, iv: 0, r: 0, l: 0 };\n var now = Date.now();\n if (grade === 1) { c.r = 0; c.l = (c.l || 0) + 1; c.ef = Math.max(1.3, c.ef - 0.2); c.iv = 0; c.due = now + 9 * 60000; }\n else {\n if (grade === 2) { c.ef = Math.max(1.3, c.ef - 0.15); c.iv = c.r === 0 ? 1 : Math.max(1, Math.round(c.iv * 1.2)); }\n else if (grade === 3) { c.iv = c.r === 0 ? 1 : (c.r === 1 ? 4 : Math.round(c.iv * c.ef)); }\n else { c.ef = Math.min(2.8, c.ef + 0.12); c.iv = c.r === 0 ? 3 : (c.r === 1 ? 6 : Math.round(c.iv * c.ef * 1.25)); }\n c.r = (c.r || 0) + 1;\n c.due = now + Math.max(1, c.iv) * DAY;\n }\n c.last = now;\n S.cards[id] = c;\n save();\n return c;\n}\nfunction ivLabel(id, grade) {\n var c = S.cards[id] || { ef: 2.5, iv: 0, r: 0 };\n if (grade === 1) return \"9 min\";\n var iv;\n if (grade === 2) iv = c.r === 0 ? 1 : Math.max(1, Math.round(c.iv * 1.2));\n else if (grade === 3) iv = c.r === 0 ? 1 : (c.r === 1 ? 4 : Math.round(c.iv * c.ef));\n else iv = c.r === 0 ? 3 : (c.r === 1 ? 6 : Math.round(c.iv * c.ef * 1.25));\n iv = Math.max(1, iv);\n return iv < 30 ? iv + \" j\" : Math.round(iv / 30) + \" mois\";\n}\nfunction poolFor(words) {\n var now = Date.now(), due = [], fresh = [];\n words.forEach(function (w) {\n var c = S.cards[w.i];\n if (!c) fresh.push(w);\n else if (c.due <= now) due.push(w);\n });\n due.sort(function (a, b) { return S.cards[a.i].due - S.cards[b.i].due; });\n return { due: due, fresh: fresh };\n}\nfunction activeWords() {\n var f = S.vFilters;\n return DB.v.filter(function (w) {\n if (f.lvls.indexOf(LVLS[w.l]) < 0) return false;\n if (f.themes.length && f.themes.indexOf(w.t) < 0) return false;\n return true;\n });\n}\nfunction dueCount() {\n touchDay();\n var p = poolFor(activeWords());\n return p.due.length + Math.min(p.fresh.length, Math.max(0, S.goal - S.newCount));\n}\n\n/* ---------- voix ---------- */\nvar voices = [], deVoice = null;\nfunction pickVoice() {\n try { voices = speechSynthesis.getVoices() || []; } catch (e) { voices = []; }\n var pref = voices.filter(function (v) { return /^de/i.test(v.lang || \"\"); });\n var good = pref.filter(function (v) { return /google|siri|anna|markus|petra|katja|hedda|premium|enhanced/i.test(v.name); });\n deVoice = good[0] || pref[0] || null;\n}\nif (window.speechSynthesis) {\n pickVoice();\n speechSynthesis.addEventListener(\"voiceschanged\", pickVoice);\n}\nfunction speak(text, rate) {\n if (!window.speechSynthesis) { toast(\"La synthèse vocale n'est pas disponible dans ce navigateur.\"); return; }\n try {\n speechSynthesis.cancel();\n var u = new SpeechSynthesisUtterance(text);\n u.lang = \"de-DE\"; u.rate = rate || S.rate; u.pitch = 1;\n if (deVoice) u.voice = deVoice;\n speechSynthesis.speak(u);\n } catch (e) { }\n}\nfunction speakBtn(text, cls) {\n return h(\"button.\" + (cls || \"speak\"), {\n type: \"button\", \"aria-label\": \"Écouter en allemand\",\n on: { click: function (ev) { ev.stopPropagation(); speak(text); } }\n }, svg(ICON.sound));\n}\n\n/* ---------- texte ---------- */\nfunction norm(s) {\n return String(s || \"\").toLowerCase()\n .replace(/ß/g, \"ss\").replace(/ä/g, \"ae\").replace(/ö/g, \"oe\").replace(/ü/g, \"ue\")\n .replace(/[’']/g, \"'\")\n .replace(/[.,;:!?«»\"„“”()\\[\\]–—-]/g, \" \")\n .replace(/\\s+/g, \" \").trim();\n}\nfunction same(a, b) { return norm(a) === norm(b); }\nfunction artClass(a) { return a ? \"art-\" + a : \"\"; }\nfunction fullWord(w) { return (w.a ? w.a + \" \" : \"\") + w.d; }\nfunction wordNode(w, big) {\n var kids = [];\n if (w.a) kids.push(h(\"span\", { \"class\": \"a \" + artClass(w.a), text: w.a + \" \" }));\n kids.push(document.createTextNode(w.d));\n return h(big ? \"div.word\" : \"span\", null, kids);\n}\nfunction toast(msg) {\n var t = h(\"div.toast\", { text: msg, role: \"status\" });\n document.body.appendChild(t);\n setTimeout(function () { t.remove(); }, 2600);\n}\nfunction shuffle(a) {\n a = a.slice();\n for (var i = a.length - 1; i > 0; i--) { var j = Math.floor(Math.random() * (i + 1)); var t = a[i]; a[i] = a[j]; a[j] = t; }\n return a;\n}\nfunction pct(n, d) { return d ? Math.round(n / d * 100) : 0; }\n\n/* ================= ROUTER ================= */\nvar ROUTES = [\n { id: \"home\", label: \"Heute\", fr: \"Aujourd'hui\", icon: ICON.home, render: viewHome },\n { id: \"vocab\", label: \"Wortschatz\", fr: \"Vocabulaire\", icon: ICON.cards, render: viewVocab },\n { id: \"gram\", label: \"Grammatik\", fr: \"Grammaire\", icon: ICON.gram, render: viewGram },\n { id: \"read\", label: \"Lesen\", fr: \"Lecture\", icon: ICON.read, render: viewRead },\n { id: \"listen\", label: \"Hören\", fr: \"Écoute\", icon: ICON.ear, render: viewListen },\n { id: \"ref\", label: \"Referenz\", fr: \"Référence\", icon: ICON.ref, render: viewRef },\n { id: \"prog\", label: \"Fortschritt\", fr: \"Progrès\", icon: ICON.chart, render: viewProg }\n];\nvar route = \"home\", sub = null, root, nav, tabs;\n\nfunction go(id, arg) {\n route = id; sub = arg || null;\n render();\n window.scrollTo({ top: 0, behavior: \"auto\" });\n}\nfunction render() {\n touchDay();\n var r = ROUTES.filter(function (x) { return x.id === route; })[0] || ROUTES[0];\n document.onkeydown = null;\n try { speechSynthesis.cancel(); } catch (e) { }\n root.textContent = \"\";\n root.appendChild(r.render(sub));\n var n = dueCount();\n Array.prototype.forEach.call(document.querySelectorAll(\"[data-route]\"), function (b) {\n var on = b.getAttribute(\"data-route\") === route;\n if (on) b.setAttribute(\"aria-current\", \"page\"); else b.removeAttribute(\"aria-current\");\n var badge = b.querySelector(\".badge, .dot\");\n if (badge) badge.style.display = (b.getAttribute(\"data-route\") === \"vocab\" && n > 0) ? \"\" : \"none\";\n if (badge && badge.classList.contains(\"badge\")) badge.textContent = n;\n });\n var st = document.getElementById(\"streakN\");\n if (st) st.textContent = S.streak || 0;\n var su = document.getElementById(\"streakU\");\n if (su) su.textContent = (S.streak || 0) > 1 ? \"jours de suite\" : \"jour de suite\";\n}\n\n/* ================= VUE : AUJOURD'HUI ================= */\nfunction viewHome() {\n var v = h(\"div.view\");\n var n = dueCount();\n var doneToday = S.log[today()] || 0;\n var known = Object.keys(S.cards).filter(function (k) { return S.cards[k].iv >= 21; }).length;\n var started = Object.keys(S.cards).length;\n var gramDone = Object.keys(S.gram).filter(function (k) { return S.gram[k].done; }).length;\n var readDone = Object.keys(S.texts).length;\n\n v.appendChild(h(\"div.head\", null, [\n h(\"p.eyebrow\", { text: \"Deutsch A2 → B2 · Plan du jour\" }),\n h(\"h1\", { text: greeting() }),\n h(\"p.lede\", { html: n > 0\n ? \"Tu as \" + n + \" carte\" + (n > 1 ? \"s\" : \"\") + \" à revoir aujourd'hui. Quinze minutes suffisent : la régularité compte plus que la durée.\"\n : \"Rien à réviser dans l'immédiat. C'est le bon moment pour une leçon de grammaire ou un texte.\" })\n ]));\n\n /* itinéraire A2 → B2 */\n var lvlProgress = LVLS.map(function (L) {\n var all = DB.v.filter(function (w) { return LVLS[w.l] === L; });\n var ok = all.filter(function (w) { var c = S.cards[w.i]; return c && c.iv >= 21; }).length;\n return { L: L, ok: ok, all: all.length, p: pct(ok, all.length) };\n });\n var curIdx = LVLS.indexOf(S.lvl);\n var routeEl = h(\"div.route\");\n LVLS.forEach(function (L, i) {\n if (i > 0) routeEl.appendChild(h(\"i.link\" + (i <= curIdx ? \".on\" : \"\"), null, null));\n routeEl.appendChild(h(\"div.stop\" + (i < curIdx ? \".on\" : i === curIdx ? \".cur\" : \"\"), null, [\n h(\"i.dot\"), h(\"span.lbl\", { text: L })\n ]));\n });\n\n v.appendChild(h(\"div.hero\", null, [\n h(\"div\", { style: \"min-width:180px\" }, [\n h(\"p.eyebrow\", { text: \"À réviser maintenant\" }),\n h(\"div.big\", { text: String(n) }),\n h(\"div.row\", { style: \"margin-top:14px\" }, [\n h(\"button.btn\", { on: { click: function () { go(\"vocab\", { mode: \"srs\" }); } }, text: n > 0 ? \"Commencer la révision\" : \"Apprendre du nouveau\" }),\n h(\"button.btn.ghost\", { on: { click: function () { go(\"vocab\"); } }, text: \"Choisir un thème\" })\n ])\n ]),\n h(\"div\", { style: \"flex:1;min-width:230px\" }, [\n h(\"p.eyebrow\", { text: \"Ton itinéraire\" }),\n routeEl,\n h(\"div.stack-s\", { style: \"margin-top:16px\" }, lvlProgress.map(function (x) {\n return h(\"div\", null, [\n h(\"div.spread\", { style: \"margin-bottom:4px\" }, [\n h(\"span\", { style: \"font-size:12.5px;font-weight:600\", text: x.L }),\n h(\"span.mono\", { style: \"font-size:11.5px;color:var(--ink-3)\", text: x.ok + \" / \" + x.all + \" mots acquis\" })\n ]),\n h(\"div.bar\" + (LVLS[curIdx] === x.L ? \".gold\" : \"\"), null, h(\"i\", { style: \"width:\" + Math.max(1.5, x.p) + \"%\" }))\n ]);\n }))\n ])\n ]));\n\n /* objectif du jour */\n var goalPct = Math.min(100, pct(doneToday, S.goal * 2));\n v.appendChild(h(\"div.card\", { style: \"margin-top:16px\" }, [\n h(\"div.spread\", null, [\n h(\"div\", null, [\n h(\"p.eyebrow\", { style: \"margin:0 0 4px\", text: \"Objectif quotidien\" }),\n h(\"span.mono\", { style: \"font-size:14px\", html: \"\" + doneToday + \" / \" + (S.goal * 2) + \" révisions\" })\n ]),\n h(\"div.streakline\", null, [\n h(\"span.n\", { text: String(S.streak || 0) }),\n h(\"span.u\", { text: (S.streak > 1 ? \"jours d'affilée\" : \"jour\") })\n ])\n ]),\n h(\"div.bar.gold\", { style: \"margin-top:11px\" }, h(\"i\", { style: \"width:\" + goalPct + \"%\" }))\n ]));\n\n /* pistes du jour */\n var lesson = pickLesson(), txt = pickText(), dic = pickDictation();\n v.appendChild(h(\"p.eyebrow\", { style: \"margin:30px 0 10px\", text: \"La suite du programme\" }));\n v.appendChild(h(\"div.grid.g2\", null, [\n tile(\"Grammaire\", lesson ? lesson.title : \"Tout est revu\", lesson ? lesson.subtitle : \"Reprends une leçon de ton choix.\", lesson ? lesson.lvl + \" · leçon \" + lesson.order : \"—\", function () { go(\"gram\", lesson ? { id: lesson.id } : null); }),\n tile(\"Lecture\", txt ? txt.title : \"Tous les textes sont lus\", txt ? txt.titlefr : \"Relis un texte pour consolider.\", txt ? txt.lvl + \" · \" + txt.genre : \"—\", function () { go(\"read\", txt ? { id: txt.id } : null); }),\n tile(\"Dictée\", dic ? \"Une phrase à écouter\" : \"Dictées terminées\", dic ? \"Écris ce que tu entends, mot pour mot.\" : \"Recommence une série pour t'entretenir.\", dic ? dic.lvl + \" · \" + dic.focus : \"—\", function () { go(\"listen\", { tab: \"dict\" }); }),\n tile(\"Prononciation\", \"Les sons qui piègent les francophones\", \"Quatorze points d'articulation, avec mots et phrases modèles.\", \"Guide + paires minimales\", function () { go(\"listen\", { tab: \"pron\" }); })\n ]));\n\n /* chiffres */\n v.appendChild(h(\"p.eyebrow\", { style: \"margin:30px 0 10px\", text: \"Où tu en es\" }));\n v.appendChild(h(\"div.card\", null, h(\"div.grid.g3\", null, [\n stat(known, \"mots acquis\"),\n stat(started, \"mots commencés\"),\n stat(gramDone + \" / \" + DB.g.length, \"leçons faites\"),\n stat(readDone + \" / \" + DB.t.length, \"textes lus\")\n ])));\n return v;\n}\nfunction greeting() {\n var hh = new Date().getHours();\n if (hh < 6) return \"Gute Nacht.\";\n if (hh < 11) return \"Guten Morgen.\";\n if (hh < 18) return \"Guten Tag.\";\n return \"Guten Abend.\";\n}\nfunction tile(kicker, title, desc, key, fn) {\n return h(\"button.tile\", { on: { click: fn } }, [\n h(\"span.k\", { text: kicker.toUpperCase() }),\n h(\"span.t\", { text: title }),\n h(\"span.d\", { text: desc }),\n h(\"span.k\", { text: key })\n ]);\n}\nfunction stat(n, l) { return h(\"div.stat\", null, [h(\"span.n\", { text: String(n) }), h(\"span.l\", { text: l })]); }\nfunction pickLesson() {\n var pref = DB.g.filter(function (l) { return l.lvl === S.lvl && !(S.gram[l.id] && S.gram[l.id].done); });\n if (pref.length) return pref[0];\n var any = DB.g.filter(function (l) { return !(S.gram[l.id] && S.gram[l.id].done); });\n return any[0] || null;\n}\nfunction pickText() {\n var pref = DB.t.filter(function (t) { return t.lvl === S.lvl && !S.texts[t.id]; });\n if (pref.length) return pref[0];\n return DB.t.filter(function (t) { return !S.texts[t.id]; })[0] || null;\n}\nfunction pickDictation() {\n return DB.li.dictation.filter(function (d) { return d.lvl === S.lvl && !S.dict[d.id]; })[0]\n || DB.li.dictation.filter(function (d) { return !S.dict[d.id]; })[0] || null;\n}\n\n/* ================= VUE : VOCABULAIRE ================= */\nfunction viewVocab(arg) {\n if (arg && arg.mode === \"srs\") return srsSession();\n if (arg && arg.mode === \"drill\") return drillSession(arg.kind);\n if (arg && arg.mode === \"browse\") return browseView();\n\n var v = h(\"div.view\");\n v.appendChild(h(\"div.head\", null, [\n h(\"p.eyebrow\", { text: \"Wortschatz · \" + DB.v.length + \" mots\" }),\n h(\"h1\", { text: \"Vocabulaire\" }),\n h(\"p.lede\", { text: \"Chaque mot est une carte. Tu la revois juste avant de l'oublier — l'intervalle s'allonge à mesure que tu la retiens. Les noms portent la couleur de leur article.\" })\n ]));\n v.appendChild(h(\"div.artkey\", { style: \"margin:-8px 0 22px\" }, [\n h(\"span.k-der\", { text: \"der\" }), h(\"span.k-die\", { text: \"die\" }), h(\"span.k-das\", { text: \"das\" })\n ]));\n\n /* filtres */\n var f = S.vFilters;\n var lvlChips = h(\"div.chipset\", null, LVLS.map(function (L) {\n return h(\"button.chip\", {\n \"aria-pressed\": f.lvls.indexOf(L) >= 0, text: L,\n on: { click: function () {\n var i = f.lvls.indexOf(L);\n if (i >= 0) { if (f.lvls.length > 1) f.lvls.splice(i, 1); } else f.lvls.push(L);\n save(); go(\"vocab\");\n } }\n });\n }));\n var themeChips = h(\"div.chipset\", null, [h(\"button.chip\", {\n \"aria-pressed\": f.themes.length === 0, text: \"Tous les thèmes\",\n on: { click: function () { f.themes = []; save(); go(\"vocab\"); } }\n })].concat(THEMELIST.map(function (t) {\n return h(\"button.chip\", {\n \"aria-pressed\": f.themes.indexOf(t) >= 0, text: t,\n on: { click: function () {\n var i = f.themes.indexOf(t);\n if (i >= 0) f.themes.splice(i, 1); else f.themes.push(t);\n save(); go(\"vocab\");\n } }\n });\n })));\n\n var words = activeWords();\n var p = poolFor(words);\n var nNew = Math.min(p.fresh.length, Math.max(0, S.goal - S.newCount));\n\n v.appendChild(h(\"div.stack\", null, [\n h(\"div\", null, [h(\"p.eyebrow\", { text: \"Niveau\" }), lvlChips]),\n h(\"div\", null, [h(\"p.eyebrow\", { text: \"Thèmes\" }), themeChips])\n ]));\n\n v.appendChild(h(\"div.hero\", { style: \"margin-top:22px\" }, [\n h(\"div\", { style: \"min-width:170px\" }, [\n h(\"p.eyebrow\", { text: \"Sélection courante\" }),\n h(\"div.big\", { text: String(p.due.length + nNew) }),\n h(\"p.meta\", { style: \"margin-top:6px\", text: p.due.length + \" à revoir · \" + nNew + \" nouvelles · \" + words.length + \" mots au total\" })\n ]),\n h(\"div.stack-s\", { style: \"flex:1;min-width:220px\" }, [\n h(\"button.btn.wide\", { on: { click: function () { go(\"vocab\", { mode: \"srs\" }); } }, text: \"Réviser maintenant\" }),\n h(\"div.grid\", { style: \"grid-template-columns:1fr 1fr;gap:8px\" }, [\n h(\"button.btn.ghost\", { on: { click: function () { go(\"vocab\", { mode: \"drill\", kind: \"art\" }); } }, text: \"Quiz des articles\" }),\n h(\"button.btn.ghost\", { on: { click: function () { go(\"vocab\", { mode: \"drill\", kind: \"defr\" }); } }, text: \"Reconnaître (DE→FR)\" }),\n h(\"button.btn.ghost\", { on: { click: function () { go(\"vocab\", { mode: \"drill\", kind: \"frde\" }); } }, text: \"Produire (FR→DE)\" }),\n h(\"button.btn.ghost\", { on: { click: function () { go(\"vocab\", { mode: \"browse\" }); } }, text: \"Parcourir la liste\" })\n ])\n ])\n ]));\n\n /* decks par thème */\n v.appendChild(h(\"p.eyebrow\", { style: \"margin:30px 0 10px\", text: \"Les paquets\" }));\n v.appendChild(h(\"div.deckgrid\", null, THEMELIST.map(function (t) {\n var ws = THEMES[t].filter(function (w) { return f.lvls.indexOf(LVLS[w.l]) >= 0; });\n var pp = poolFor(ws);\n var acq = ws.filter(function (w) { var c = S.cards[w.i]; return c && c.iv >= 21; }).length;\n return h(\"button.deck\", { on: { click: function () { S.vFilters.themes = [t]; save(); go(\"vocab\", { mode: \"srs\" }); } } }, [\n h(\"span.dt\", { text: t }),\n h(\"div.bar\", null, h(\"i\", { style: \"width:\" + Math.max(1.5, pct(acq, ws.length)) + \"%\" })),\n h(\"span.dm\", null, [\n h(\"span\", { text: ws.length + \" mots\" }),\n h(\"span\" + (pp.due.length ? \".due\" : \"\"), { text: pp.due.length ? pp.due.length + \" à revoir\" : acq + \" acquis\" })\n ])\n ]);\n })));\n return v;\n}\n\n/* --- session de révision --- */\nfunction srsSession() {\n var words = activeWords();\n var p = poolFor(words);\n var quota = Math.max(0, S.goal - S.newCount);\n var queue = shuffle(p.due).concat(p.fresh.slice(0, quota));\n var done = 0, total = queue.length;\n var v = h(\"div.view\");\n var stage = h(\"div.stage\");\n v.appendChild(topbar(\"Révision\", function () { go(\"vocab\"); }));\n v.appendChild(stage);\n\n function next() {\n stage.textContent = \"\";\n if (!queue.length) {\n stage.appendChild(h(\"div.card\", { style: \"text-align:center\" }, [\n h(\"p.eyebrow\", { text: \"Série terminée\" }),\n h(\"h2\", { text: done + \" carte\" + (done > 1 ? \"s\" : \"\") + \" révisée\" + (done > 1 ? \"s\" : \"\") }),\n h(\"p.lede\", { style: \"margin:10px auto 18px\", text: \"Reviens plus tard : les cartes réapparaîtront à l'instant où elles risquent de s'effacer.\" }),\n h(\"div.row\", { style: \"justify-content:center\" }, [\n h(\"button.btn\", { on: { click: function () { go(\"vocab\"); } }, text: \"Retour au vocabulaire\" }),\n h(\"button.btn.ghost\", { on: { click: function () { go(\"home\"); } }, text: \"Aujourd'hui\" })\n ])\n ]));\n return;\n }\n var w = queue.shift();\n var isNew = !S.cards[w.i];\n if (isNew) { S.newCount++; save(); }\n\n stage.appendChild(h(\"div.progressline\", null, [\n h(\"span\", { html: \"\" + (done + 1) + \" / \" + total }),\n h(\"span\", { text: LVLS[w.l] + \" · \" + w.t }),\n h(\"span\", { text: isNew ? \"nouvelle carte\" : \"révision\" })\n ]));\n\n var flipped = false;\n var card = h(\"div.fcard\");\n var front = h(\"div.face\", null, [\n wordNode(w, true),\n speakBtn(fullWord(w) + \". \" + w.e),\n h(\"p.meta\", { text: posLabel(w) }),\n h(\"p.meta\", { style: \"margin-top:18px\", text: \"Clique ou appuie sur Espace pour retourner\" })\n ]);\n var backKids = [\n h(\"div.row\", { style: \"justify-content:center;gap:9px\" }, [\n h(\"span.de\", { style: \"font-size:15px;font-weight:600;color:var(--ink-2)\", html: renderFull(w) }),\n speakBtn(fullWord(w) + \". \" + w.e)\n ]),\n h(\"div.trad\", { text: w.f }),\n w.pl || w.pt || w.c ? h(\"div.forms\", null, formBits(w)) : null,\n h(\"hr.sep\", { style: \"width:60px\" }),\n h(\"div.exline\", { html: markWord(w.e, w.d) }),\n h(\"div.exfr\", { text: w.x }),\n w.n ? h(\"p.meta\", { style: \"font-family:var(--f-fr);font-style:italic\", text: w.n }) : null\n ];\n var back = h(\"div.face.back\", null, backKids);\n card.appendChild(front); card.appendChild(back);\n var flip = h(\"div.flip\", { on: { click: function () { doFlip(); } } }, card);\n stage.appendChild(flip);\n\n var grades = h(\"div.grades\", { style: \"visibility:hidden\" }, [\n gradeBtn(1, \"Encore\", w), gradeBtn(2, \"Difficile\", w), gradeBtn(3, \"Bien\", w), gradeBtn(4, \"Facile\", w)\n ]);\n var reveal = h(\"button.btn.wide\", { style: \"margin-top:14px\", text: \"Voir la réponse\", on: { click: doFlip } });\n stage.appendChild(reveal);\n stage.appendChild(grades);\n\n function doFlip() {\n if (flipped) return;\n flipped = true;\n card.classList.add(\"flipped\");\n reveal.style.display = \"none\";\n grades.style.visibility = \"visible\";\n speak(fullWord(w));\n }\n function gradeBtn(g, label, w) {\n return h(\"button.grade.g\" + g, {\n on: { click: function () { answer(g); } }\n }, [h(\"span.gl\", { text: label }), h(\"span.gi\", { text: ivLabel(w.i, g) })]);\n }\n function answer(g) {\n schedule(w.i, g);\n logReview(1);\n done++;\n if (g === 1) queue.push(w);\n next();\n }\n stage._key = function (e) {\n if (e.key === \" \" || e.key === \"Enter\") { e.preventDefault(); if (!flipped) doFlip(); else answer(3); }\n else if (flipped && /^[1-4]$/.test(e.key)) { e.preventDefault(); answer(+e.key); }\n };\n }\n document.onkeydown = function (e) {\n if (route !== \"vocab\" || !stage._key) return;\n if (/input|textarea/i.test((e.target.tagName || \"\"))) return;\n stage._key(e);\n };\n next();\n return v;\n}\nfunction posLabel(w) {\n var m = { n: \"nom\", v: \"verbe\", adj: \"adjectif\", adv: \"adverbe\", exp: \"expression\" };\n return m[w.p] || \"\";\n}\nfunction formBits(w) {\n var out = [];\n if (w.pl) out.push(h(\"span\", { html: \"pluriel die \" + w.pl + \"\" }));\n if (w.pt) out.push(h(\"span\", { html: \"\" + w.pt + \" · \" + (w.au ? \"ist \" : \"hat \") + w.pp + \"\" }));\n if (w.s) out.push(h(\"span\", { text: \"séparable\" }));\n if (w.c) out.push(h(\"span\", { html: \"\" + w.c + \" · \" + (w.su || \"\") + \"\" }));\n return out;\n}\nfunction markWord(sentence, word) {\n var stem = word.replace(/^sich\\s+/, \"\").slice(0, Math.max(4, Math.floor(word.length * 0.6)));\n var esc = sentence.replace(/[&<>]/g, function (c) { return { \"&\": \"&\", \"<\": \"<\", \">\": \">\" }[c]; });\n if (stem.length < 3) return esc;\n try {\n var re = new RegExp(\"([A-Za-zÄÖÜäöüß]*\" + stem.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\") + \"[A-Za-zÄÖÜäöüß]*)\", \"i\");\n return esc.replace(re, '$1');\n } catch (e) { return esc; }\n}\nfunction topbar(title, back) {\n return h(\"div.spread\", { style: \"margin-bottom:22px;padding-bottom:14px;border-bottom:2px solid var(--ink)\" }, [\n h(\"button.btn.ghost.sm\", { on: { click: back } }, [svg(ICON.back, \"ic\"), h(\"span\", { text: \" Retour\" })]),\n h(\"span.eyebrow\", { style: \"margin:0\", text: title })\n ]);\n}\n\n/* --- drills --- */\nfunction drillSession(kind) {\n var pool = activeWords();\n if (kind === \"art\") pool = pool.filter(function (w) { return w.p === \"n\" && w.a; });\n if (!pool.length) { var e = h(\"div.view\"); e.appendChild(topbar(\"Exercice\", function () { go(\"vocab\"); })); e.appendChild(h(\"p.empty\", { text: \"Aucun mot ne correspond à ta sélection.\" })); return e; }\n var queue = shuffle(pool).slice(0, 20);\n var i = 0, score = 0;\n var v = h(\"div.view\");\n var titles = { art: \"Der, die oder das ?\", defr: \"De l'allemand vers le français\", frde: \"Du français vers l'allemand\" };\n v.appendChild(topbar(titles[kind], function () { go(\"vocab\"); }));\n var box = h(\"div.stage\");\n v.appendChild(box);\n\n function finish() {\n box.textContent = \"\";\n box.appendChild(h(\"div.card\", { style: \"text-align:center\" }, [\n h(\"p.eyebrow\", { text: \"Résultat\" }),\n h(\"div.stat\", { style: \"align-items:center\" }, [h(\"span.n\", { style: \"font-size:46px\", text: score + \" / \" + queue.length }), h(\"span.l\", { text: pct(score, queue.length) + \" % de réussite\" })]),\n h(\"div.row\", { style: \"justify-content:center;margin-top:20px\" }, [\n h(\"button.btn\", { on: { click: function () { go(\"vocab\", { mode: \"drill\", kind: kind }); } }, text: \"Recommencer\" }),\n h(\"button.btn.ghost\", { on: { click: function () { go(\"vocab\"); } }, text: \"Retour\" })\n ])\n ]));\n }\n function step() {\n if (i >= queue.length) { logReview(queue.length); return finish(); }\n var w = queue[i];\n box.textContent = \"\";\n box.appendChild(h(\"div.progressline\", null, [\n h(\"span\", { html: \"\" + (i + 1) + \" / \" + queue.length }),\n h(\"span\", { html: \"score \" + score + \"\" })\n ]));\n var qb = h(\"div.qbox\");\n box.appendChild(qb);\n\n if (kind === \"art\") {\n qb.appendChild(h(\"div.row\", { style: \"justify-content:center;gap:12px\" }, [\n h(\"div.qprompt.de\", { style: \"font-size:32px\", text: w.d }), speakBtn(fullWord(w))\n ]));\n qb.appendChild(h(\"p.meta\", { style: \"text-align:center;margin-top:6px\", text: w.f }));\n var opts = h(\"div.grid\", { style: \"grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px\" });\n [\"der\", \"die\", \"das\"].forEach(function (a) {\n var b = h(\"button.opt\", { style: \"justify-content:center;font-size:19px;font-weight:700\", cls: artClass(a), text: a, on: { click: function () { check(a === w.a, b, a); } } });\n opts.appendChild(b);\n });\n qb.appendChild(opts);\n var wrap = opts;\n function check(ok, btn, chosen) {\n Array.prototype.forEach.call(wrap.children, function (b) {\n b.disabled = true;\n if (b.textContent === w.a) b.classList.add(\"ok\");\n else if (b === btn) b.classList.add(\"no\");\n });\n after(ok, \"\" + w.a + \" \" + w.d + \"\" + (w.pl ? \", pluriel die \" + w.pl + \"\" : \"\") + \" — \" + w.f + \".\");\n }\n } else if (kind === \"defr\") {\n var wrong = shuffle(pool.filter(function (x) { return x.i !== w.i && x.p === w.p; })).slice(0, 3);\n if (wrong.length < 3) wrong = shuffle(pool.filter(function (x) { return x.i !== w.i; })).slice(0, 3);\n var choices = shuffle([w].concat(wrong));\n qb.appendChild(h(\"div.row\", { style: \"gap:12px\" }, [h(\"div.qprompt.de\", { html: renderFull(w) }), speakBtn(fullWord(w) + \". \" + w.e)]));\n var ol = h(\"div.opts\");\n choices.forEach(function (c, k) {\n var b = h(\"button.opt\", { on: { click: function () { pickOne(c, b); } } }, [\n h(\"span.kbd\", { text: String(k + 1) }), h(\"span.fr\", { text: c.f })\n ]);\n ol.appendChild(b);\n });\n qb.appendChild(ol);\n function pickOne(c, btn) {\n Array.prototype.forEach.call(ol.children, function (b, k) {\n b.disabled = true;\n if (choices[k].i === w.i) b.classList.add(\"ok\"); else if (b === btn) b.classList.add(\"no\");\n });\n after(c.i === w.i, \"\" + w.e + \"
\" + w.x);\n }\n } else {\n qb.appendChild(h(\"div.qprompt.fr\", { text: w.f }));\n qb.appendChild(h(\"p.meta\", { style: \"margin-top:6px\", text: posLabel(w) + (w.p === \"n\" ? \" — n'oublie pas l'article\" : \"\") }));\n var inp = h(\"input\", { type: \"text\", autocomplete: \"off\", autocapitalize: \"off\", spellcheck: \"false\", placeholder: \"Écris en allemand…\", style: \"margin-top:16px;font-family:var(--f-de);font-size:18px\" });\n qb.appendChild(inp);\n var send = h(\"button.btn\", { style: \"margin-top:12px\", text: \"Vérifier\", on: { click: doCheck } });\n qb.appendChild(send);\n inp.addEventListener(\"keydown\", function (e) { if (e.key === \"Enter\") { e.preventDefault(); doCheck(); } });\n setTimeout(function () { inp.focus(); }, 30);\n function doCheck() {\n if (inp.disabled) return;\n var val = inp.value;\n var ok = same(val, fullWord(w)) || same(val, w.d);\n inp.disabled = true; send.disabled = true;\n after(ok, \"\" + fullWord(w) + \"\" + (ok ? \"\" : \" — tu as écrit « \" + (val || \"rien\") + \" »\") + \"
\" + w.e);\n }\n }\n function after(ok, html) {\n if (ok) score++;\n var vd = h(\"div.verdict.\" + (ok ? \"ok\" : \"no\"), null, [\n h(\"div.vh\", null, [svg(ok ? ICON.check : ICON.cross, \"ic\"), h(\"span\", { text: ok ? \"Richtig\" : \"Falsch\" })]),\n h(\"div\", { html: html })\n ]);\n qb.appendChild(vd);\n var nb = h(\"button.btn.wide\", { style: \"margin-top:14px\", text: i + 1 >= queue.length ? \"Voir le résultat\" : \"Suivant\", on: { click: function () { i++; step(); } } });\n qb.appendChild(nb);\n nb.focus();\n /* les exercices nourrissent aussi la répétition espacée */\n schedule(w.i, ok ? 3 : 1);\n document.onkeydown = function (e) { if (e.key === \"Enter\") { e.preventDefault(); i++; step(); } };\n }\n }\n step();\n return v;\n}\nfunction renderFull(w) {\n return (w.a ? '' + w.a + \" \" : \"\") + w.d;\n}\n\n/* --- parcourir --- */\nfunction browseView() {\n var v = h(\"div.view\");\n v.appendChild(topbar(\"Liste complète\", function () { go(\"vocab\"); }));\n var words = activeWords();\n var q = \"\";\n var search = h(\"input\", { type: \"text\", placeholder: \"Chercher un mot en allemand ou en français…\", autocomplete: \"off\" });\n var count = h(\"p.meta\", { style: \"margin:10px 0 14px\" });\n var wrap = h(\"div.scroll-x\");\n v.appendChild(search); v.appendChild(count); v.appendChild(wrap);\n function draw() {\n var list = words.filter(function (w) {\n if (!q) return true;\n var s = norm(q);\n return norm(w.d).indexOf(s) >= 0 || norm(w.f).indexOf(s) >= 0;\n });\n count.textContent = list.length + \" mot\" + (list.length > 1 ? \"s\" : \"\") + (q ? \" trouvés\" : \" dans ta sélection\");\n var body = h(\"tbody\");\n list.slice(0, 400).forEach(function (w) {\n var c = S.cards[w.i];\n body.appendChild(h(\"tr\", null, [\n h(\"td\", null, h(\"span.lvl\", { text: LVLS[w.l] })),\n h(\"td.de\", { html: renderFull(w) + (w.pl ? ' pl. ' + w.pl + \"\" : \"\") }),\n h(\"td.fr\", { text: w.f }),\n h(\"td\", null, h(\"span.meta\", { text: w.t })),\n h(\"td\", null, [speakBtn(fullWord(w) + \". \" + w.e)]),\n h(\"td\", null, h(\"span.mono\", { style: \"font-size:11px;color:var(--ink-3)\", text: c ? (c.iv >= 21 ? \"acquis\" : \"j+\" + (c.iv || 0)) : \"—\" }))\n ]));\n });\n wrap.textContent = \"\";\n wrap.appendChild(h(\"table.tbl\", null, [\n h(\"thead\", null, h(\"tr\", null, [\"Niv.\", \"Allemand\", \"Français\", \"Thème\", \"\", \"SRS\"].map(function (t) { return h(\"th\", { text: t }); }))),\n body\n ]));\n if (list.length > 400) wrap.appendChild(h(\"p.meta\", { style: \"margin-top:10px\", text: \"400 premiers résultats affichés — affine ta recherche.\" }));\n }\n search.addEventListener(\"input\", function () { q = search.value; draw(); });\n draw();\n return v;\n}\n\n/* ================= VUE : GRAMMAIRE ================= */\nfunction viewGram(arg) {\n if (arg && arg.id) return lessonView(arg.id, arg.ex);\n var v = h(\"div.view\");\n v.appendChild(h(\"div.head\", null, [\n h(\"p.eyebrow\", { text: \"Grammatik · \" + DB.g.length + \" leçons · \" + DB.g.reduce(function (s, l) { return s + l.exercises.length; }, 0) + \" exercices\" }),\n h(\"h1\", { text: \"Grammaire\" }),\n h(\"p.lede\", { text: \"Trente-trois leçons dans l'ordre où elles se construisent, du cas accusatif aux particules modales. Chaque leçon se termine par dix exercices corrigés.\" })\n ]));\n LVLS.forEach(function (L) {\n var ls = DB.g.filter(function (l) { return l.lvl === L; });\n var done = ls.filter(function (l) { return S.gram[l.id] && S.gram[l.id].done; }).length;\n v.appendChild(h(\"div.spread\", { style: \"margin:26px 0 10px\" }, [\n h(\"h2\", { text: L === \"A2\" ? \"A2 — les fondations\" : L === \"B1\" ? \"B1 — la charpente\" : \"B2 — la finition\" }),\n h(\"span.mono\", { style: \"font-size:12px;color:var(--ink-3)\", text: done + \" / \" + ls.length + \" terminées\" })\n ]));\n var list = h(\"div.lessonlist\");\n ls.forEach(function (l) {\n var st = S.gram[l.id];\n list.appendChild(h(\"button.lrow\", { on: { click: function () { go(\"gram\", { id: l.id }); } } }, [\n h(\"span.num\", { text: String(l.order).padStart(2, \"0\") }),\n h(\"span.body\", null, [\n h(\"span.lt.de\", { text: l.title }),\n h(\"span.ls\", { text: l.subtitle })\n ]),\n h(\"span.done\", null, st && st.total\n ? [h(\"span.pct\", { text: pct(st.correct, st.total) + \" %\" }), h(\"span\", { text: st.done ? \"✓\" : \"en cours\" })]\n : [h(\"span\", { text: l.exercises.length + \" exos\" })])\n ]));\n });\n v.appendChild(list);\n });\n return v;\n}\n\nfunction lessonView(id, startEx) {\n var l = DB.g.filter(function (x) { return x.id === id; })[0];\n var v = h(\"div.view\");\n if (!l) { v.appendChild(h(\"p.empty\", { text: \"Leçon introuvable.\" })); return v; }\n v.appendChild(topbar(l.lvl + \" · leçon \" + l.order, function () { go(\"gram\"); }));\n if (startEx) return exerciseRunner(v, l);\n\n v.appendChild(h(\"div.head\", null, [\n h(\"p.eyebrow\", { text: l.subtitle }),\n h(\"h1.de\", { text: l.title }),\n h(\"p.lede\", { text: l.goal })\n ]));\n (l.sections || []).forEach(function (s) {\n var sec = h(\"div.gsec\", null, [h(\"h3\", { text: s.h })]);\n var pr = h(\"div.prose\");\n (s.p || []).forEach(function (p) { pr.appendChild(h(\"p\", { html: p })); });\n sec.appendChild(pr);\n v.appendChild(sec);\n });\n if (l.tables && l.tables.length) {\n v.appendChild(h(\"p.eyebrow\", { style: \"margin:26px 0 12px\", text: \"Tableaux\" }));\n l.tables.forEach(function (t) {\n var tb = h(\"table.gtable\", null, [\n h(\"caption\", { text: t.caption }),\n h(\"thead\", null, h(\"tr\", null, (t.head || []).map(function (x) { return h(\"th\", { text: x }); }))),\n h(\"tbody\", null, (t.rows || []).map(function (r) { return h(\"tr\", null, r.map(function (c) { return h(\"td\", { text: c }); })); }))\n ]);\n v.appendChild(h(\"div.scroll-x\", { style: \"margin-bottom:20px\" }, tb));\n });\n }\n if (l.examples && l.examples.length) {\n v.appendChild(h(\"p.eyebrow\", { style: \"margin:26px 0 12px\", text: \"Exemples\" }));\n v.appendChild(h(\"div.exlist\", null, l.examples.map(function (e) {\n return h(\"div.exitem\", null, [\n h(\"div.row\", { style: \"gap:9px;align-items:flex-start\" }, [h(\"span.d\", { text: e.de }), speakBtn(e.de)]),\n h(\"div.f\", { text: e.fr }),\n e.note ? h(\"div.n\", { text: e.note }) : null\n ]);\n })));\n }\n if (l.pitfalls && l.pitfalls.length) {\n v.appendChild(h(\"p.eyebrow\", { style: \"margin:26px 0 12px\", text: \"Pièges du francophone\" }));\n v.appendChild(h(\"div.stack-s\", null, l.pitfalls.map(function (p) { return h(\"div.pitfall\", { html: \"\" + p + \"\" }); })));\n }\n v.appendChild(h(\"button.btn.wide\", {\n style: \"margin-top:32px\", text: \"Passer aux \" + l.exercises.length + \" exercices →\",\n on: { click: function () { go(\"gram\", { id: id, ex: true }); } }\n }));\n var st = S.gram[l.id] || {};\n st.read = true; S.gram[l.id] = st; save();\n return v;\n}\n\n/* --- moteur d'exercices --- */\nfunction exerciseRunner(v, l) {\n var list = l.exercises, i = 0, correct = 0;\n var box = h(\"div.stage\");\n v.appendChild(h(\"div.head\", null, [\n h(\"p.eyebrow\", { text: l.subtitle }),\n h(\"h1.de\", { text: l.title })\n ]));\n v.appendChild(box);\n\n function finish() {\n var st = S.gram[l.id] || {};\n st.done = true; st.correct = correct; st.total = list.length; S.gram[l.id] = st;\n logReview(Math.round(list.length / 2)); save();\n box.textContent = \"\";\n box.appendChild(h(\"div.card\", { style: \"text-align:center\" }, [\n h(\"p.eyebrow\", { text: \"Leçon terminée\" }),\n h(\"div.stat\", { style: \"align-items:center\" }, [\n h(\"span.n\", { style: \"font-size:46px\", text: correct + \" / \" + list.length }),\n h(\"span.l\", { text: pct(correct, list.length) + \" % de réussite\" })\n ]),\n h(\"p.lede\", { style: \"margin:14px auto 18px\", text: correct >= list.length * 0.8 ? \"Solide. Tu peux passer à la leçon suivante.\" : \"Relis la leçon avant de refaire la série : les explications sous chaque exercice sont le vrai cours.\" }),\n h(\"div.row\", { style: \"justify-content:center\" }, [\n h(\"button.btn\", { on: { click: function () { go(\"gram\"); } }, text: \"Autres leçons\" }),\n h(\"button.btn.ghost\", { on: { click: function () { go(\"gram\", { id: l.id }); } }, text: \"Relire la leçon\" }),\n h(\"button.btn.ghost\", { on: { click: function () { go(\"gram\", { id: l.id, ex: true }); } }, text: \"Refaire\" })\n ])\n ]));\n }\n function step() {\n if (i >= list.length) return finish();\n box.textContent = \"\";\n box.appendChild(h(\"div.progressline\", null, [\n h(\"span\", { html: \"\" + (i + 1) + \" / \" + list.length }),\n h(\"span\", { html: \"score \" + correct + \"\" }),\n h(\"span\", { text: typeLabel(list[i].type) })\n ]));\n box.appendChild(exerciseBox(list[i], function (ok) {\n if (ok) correct++;\n }, function () { i++; step(); }, i + 1 >= list.length));\n }\n step();\n return v;\n}\nfunction typeLabel(t) {\n return { fill: \"compléter\", mcq: \"choisir\", trans: \"traduire\", order: \"remettre en ordre\", transform: \"reformuler\" }[t] || t;\n}\nfunction exerciseBox(ex, onResult, onNext, isLast) {\n var qb = h(\"div.qbox\");\n var answered = false;\n var expected = String(ex.answer === undefined ? \"\" : ex.answer);\n\n function verdict(ok, solutionHtml) {\n if (answered) return;\n answered = true;\n onResult(ok);\n var vd = h(\"div.verdict.\" + (ok ? \"ok\" : \"no\"), null, [\n h(\"div.vh\", null, [svg(ok ? ICON.check : ICON.cross, \"ic\"), h(\"span\", { text: ok ? \"Richtig\" : \"Falsch\" })]),\n solutionHtml ? h(\"div\", { html: solutionHtml }) : null,\n ex.explain ? h(\"div\", { style: \"margin-top:6px\", text: ex.explain }) : null\n ]);\n qb.appendChild(vd);\n var nb = h(\"button.btn.wide\", { style: \"margin-top:14px\", text: isLast ? \"Voir le résultat\" : \"Suivant\", on: { click: onNext } });\n qb.appendChild(nb);\n nb.focus();\n }\n\n if (ex.type === \"mcq\") {\n qb.appendChild(h(\"div.qprompt.de\", { text: ex.prompt }));\n var ol = h(\"div.opts\");\n (ex.options || []).forEach(function (o, k) {\n var b = h(\"button.opt\", { on: { click: function () { pick(k, b); } } }, [\n h(\"span.kbd\", { text: String(k + 1) }), h(\"span.de\", { text: o })\n ]);\n ol.appendChild(b);\n });\n qb.appendChild(ol);\n function pick(k, btn) {\n if (answered) return;\n Array.prototype.forEach.call(ol.children, function (b, j) {\n b.disabled = true;\n if (j === ex.answer) b.classList.add(\"ok\"); else if (b === btn) b.classList.add(\"no\");\n });\n verdict(k === ex.answer, \"Réponse : \" + (ex.options[ex.answer] || \"\") + \"\");\n }\n }\n else if (ex.type === \"order\") {\n var segs = shuffle(String(ex.prompt).split(\"|\").map(function (s) { return s.trim(); }).filter(Boolean));\n var chosen = [];\n qb.appendChild(h(\"p.eyebrow\", { style: \"margin:0 0 10px\", text: \"Remets la phrase dans l'ordre\" }));\n var slot = h(\"div.slot.de\");\n qb.appendChild(slot);\n var toks = h(\"div.tokens\");\n qb.appendChild(toks);\n segs.forEach(function (s, k) {\n var b = h(\"button.token\", { text: s, on: { click: function () {\n if (answered || b.classList.contains(\"used\")) return;\n b.classList.add(\"used\"); chosen.push({ s: s, b: b }); draw();\n } } });\n toks.appendChild(b);\n });\n function draw() {\n slot.textContent = \"\";\n chosen.forEach(function (c, k) {\n slot.appendChild(h(\"button.token\", { text: c.s, on: { click: function () {\n if (answered) return;\n c.b.classList.remove(\"used\"); chosen.splice(k, 1); draw();\n } } }));\n });\n chk.disabled = chosen.length !== segs.length;\n }\n var chk = h(\"button.btn\", { style: \"margin-top:14px\", text: \"Vérifier\", disabled: true, on: { click: function () {\n var got = chosen.map(function (c) { return c.s; }).join(\" \");\n verdict(same(got, expected), \"Réponse : \" + expected + \"\");\n } } });\n qb.appendChild(chk);\n draw();\n }\n else if (ex.type === \"fill\") {\n var blanks = (String(ex.prompt).match(/___/g) || []).length || 1;\n var answers = expected.split(\"|\").map(function (s) { return s.trim(); });\n var parts = String(ex.prompt).split(\"___\");\n var line = h(\"div.qprompt.de\");\n var inputs = [];\n parts.forEach(function (p, k) {\n line.appendChild(document.createTextNode(p));\n if (k < parts.length - 1) {\n var inp = h(\"input\", { type: \"text\", autocomplete: \"off\", autocapitalize: \"off\", spellcheck: \"false\", style: \"display:inline-block;width:auto;min-width:92px;padding:3px 8px;font-family:var(--f-de);font-size:18px;text-align:center\" });\n inputs.push(inp); line.appendChild(inp);\n }\n });\n qb.appendChild(line);\n if (ex.hint) qb.appendChild(h(\"p.meta\", { style: \"margin-top:9px;font-family:var(--f-fr)\", text: \"Indice : \" + ex.hint }));\n var go2 = h(\"button.btn\", { style: \"margin-top:14px\", text: \"Vérifier\", on: { click: doCheck } });\n qb.appendChild(go2);\n inputs.forEach(function (inp, k) {\n inp.addEventListener(\"keydown\", function (e) {\n if (e.key === \"Enter\") { e.preventDefault(); if (k < inputs.length - 1) inputs[k + 1].focus(); else doCheck(); }\n });\n });\n setTimeout(function () { if (inputs[0]) inputs[0].focus(); }, 30);\n function doCheck() {\n if (answered) return;\n var got = inputs.map(function (i2) { return i2.value; });\n var ok = got.length === answers.length && got.every(function (g, k) { return same(g, answers[k]); });\n if (!ok && ex.alts && ex.alts.length) {\n ok = ex.alts.some(function (a) { return same(got.join(\" \"), String(a).replace(/\\|/g, \" \")); });\n }\n inputs.forEach(function (i2) { i2.disabled = true; }); go2.disabled = true;\n verdict(ok, \"Réponse : \" + answers.join(\" · \") + \"\");\n }\n }\n else { /* trans + transform */\n qb.appendChild(h(\"p.eyebrow\", { style: \"margin:0 0 9px\", text: ex.type === \"trans\" ? \"Traduis en allemand\" : \"Reformule\" }));\n qb.appendChild(h(\"div.qprompt\" + (ex.type === \"trans\" ? \".fr\" : \".de\"), { text: ex.prompt }));\n if (ex.hint) qb.appendChild(h(\"p.meta\", { style: \"margin-top:9px;font-family:var(--f-fr)\", text: \"Indice : \" + ex.hint }));\n var ta = h(\"textarea\", { rows: \"2\", autocomplete: \"off\", autocapitalize: \"off\", spellcheck: \"false\", style: \"margin-top:14px;font-family:var(--f-de);font-size:17px\", placeholder: \"Écris ta phrase…\" });\n qb.appendChild(ta);\n var b2 = h(\"button.btn\", { style: \"margin-top:12px\", text: \"Vérifier\", on: { click: doCheck2 } });\n var skip = h(\"button.btn.ghost\", { style: \"margin-top:12px;margin-left:8px\", text: \"Voir la réponse\", on: { click: function () { ta.disabled = true; b2.disabled = true; verdict(false, \"Réponse : \" + expected + \"\"); } } });\n qb.appendChild(h(\"div.row\", null, [b2, skip]));\n ta.addEventListener(\"keydown\", function (e) { if (e.key === \"Enter\" && !e.shiftKey) { e.preventDefault(); doCheck2(); } });\n setTimeout(function () { ta.focus(); }, 30);\n function doCheck2() {\n if (answered) return;\n var val = ta.value;\n var ok = same(val, expected) || (ex.alts || []).some(function (a) { return same(val, a); });\n ta.disabled = true; b2.disabled = true; skip.disabled = true;\n verdict(ok, \"Réponse : \" + expected + \"\" + ((ex.alts && ex.alts.length) ? \"
Aussi accepté : \" + ex.alts.join(\" / \") + \"\" : \"\"));\n }\n }\n return qb;\n}\n\n/* ================= VUE : LECTURE ================= */\nfunction viewRead(arg) {\n if (arg && arg.id) return textView(arg.id);\n var v = h(\"div.view\");\n v.appendChild(h(\"div.head\", null, [\n h(\"p.eyebrow\", { text: \"Lesen · \" + DB.t.length + \" textes\" }),\n h(\"h1\", { text: \"Compréhension écrite\" }),\n h(\"p.lede\", { text: \"Des textes calibrés par niveau, dans les genres qu'on rencontre vraiment : courriel, article, tribune, extrait littéraire. Clique sur un mot souligné pour sa traduction.\" })\n ]));\n LVLS.forEach(function (L) {\n var ts = DB.t.filter(function (t) { return t.lvl === L; });\n v.appendChild(h(\"h2\", { style: \"margin:26px 0 10px\", text: L }));\n var list = h(\"div.lessonlist\");\n ts.forEach(function (t, k) {\n var st = S.texts[t.id];\n list.appendChild(h(\"button.lrow\", { on: { click: function () { go(\"read\", { id: t.id }); } } }, [\n h(\"span.num\", { text: String(k + 1).padStart(2, \"0\") }),\n h(\"span.body\", null, [\n h(\"span.lt.de\", { text: t.title }),\n h(\"span.ls\", { text: t.titlefr + \" · \" + t.genre })\n ]),\n h(\"span.done\", null, st ? [h(\"span.pct\", { text: st.score + \"/5\" }), h(\"span\", { text: \"✓\" })] : [h(\"span\", { text: t.paras.join(\" \").split(/\\s+/).length + \" mots\" })])\n ]));\n });\n v.appendChild(list);\n });\n return v;\n}\n\nfunction textView(id) {\n var t = DB.t.filter(function (x) { return x.id === id; })[0];\n var v = h(\"div.view\");\n if (!t) { v.appendChild(h(\"p.empty\", { text: \"Texte introuvable.\" })); return v; }\n v.appendChild(topbar(t.lvl + \" · \" + t.genre, function () { go(\"read\"); }));\n v.appendChild(h(\"div.head\", null, [\n h(\"p.eyebrow\", { text: t.titlefr }),\n h(\"h1.de\", { text: t.title }),\n h(\"p.lede\", { text: t.intro })\n ]));\n v.appendChild(h(\"div.row\", { style: \"margin-bottom:20px\" }, [\n h(\"button.btn.ghost.sm\", { on: { click: function () { speak(t.paras.join(\" \"), Math.min(1, S.rate)); } } }, [svg(ICON.sound, \"ic\"), h(\"span\", { text: \" Écouter le texte\" })]),\n h(\"button.btn.ghost.sm\", { on: { click: function () { try { speechSynthesis.cancel(); } catch (e) { } } }, text: \"Stop\" }),\n h(\"span.meta\", { text: \"Mots surlignés = traduction au clic\" })\n ]));\n\n var body = h(\"div.textbody\");\n var keys = Object.keys(t.gloss || {}).sort(function (a, b) { return b.length - a.length; });\n t.paras.forEach(function (p) { body.appendChild(h(\"p\", { html: glossify(p, keys) })); });\n v.appendChild(body);\n body.addEventListener(\"click\", function (e) {\n var g = e.target.closest ? e.target.closest(\".gw\") : null;\n if (!g) return;\n showTip(g, g.getAttribute(\"data-w\"), t.gloss[g.getAttribute(\"data-w\")]);\n });\n\n v.appendChild(h(\"p.eyebrow\", { style: \"margin:30px 0 10px\", text: \"Mots-clés à retenir\" }));\n v.appendChild(h(\"div.vocabpairs\", null, (t.keyvocab || []).map(function (k) {\n return h(\"div.vp\", null, [\n h(\"span.d.de\", { text: k.de }), h(\"span.f\", { text: k.fr })\n ]);\n })));\n\n v.appendChild(h(\"p.eyebrow\", { style: \"margin:32px 0 12px\", text: \"Fragen zum Text\" }));\n var qwrap = h(\"div.stack\");\n v.appendChild(qwrap);\n var score = 0, answeredN = 0;\n t.questions.forEach(function (q, qi) {\n var qb = h(\"div.qbox\");\n qb.appendChild(h(\"div.qprompt.de\", { style: \"font-size:17px\", text: (qi + 1) + \". \" + q.q }));\n var ol = h(\"div.opts\");\n var locked = false;\n q.options.forEach(function (o, k) {\n var b = h(\"button.opt\", { on: { click: function () {\n if (locked) return; locked = true;\n Array.prototype.forEach.call(ol.children, function (x, j) {\n x.disabled = true;\n if (j === q.answer) x.classList.add(\"ok\"); else if (x === b) x.classList.add(\"no\");\n });\n var ok = k === q.answer;\n if (ok) score++;\n answeredN++;\n qb.appendChild(h(\"div.verdict.\" + (ok ? \"ok\" : \"no\"), null, [\n h(\"div.vh\", null, [svg(ok ? ICON.check : ICON.cross, \"ic\"), h(\"span\", { text: ok ? \"Richtig\" : \"Falsch\" })]),\n h(\"div\", { text: q.explain })","/* ================= DEUTSCHBAHN ================= */\n(function () {\n\"use strict\";\n\nvar DB = window.__DB__;\nvar LVLS = [\"A2\", \"B1\", \"B2\"];\nvar THEMES = {};\nDB.v.forEach(function (w) { (THEMES[w.t] = THEMES[w.t] || []).push(w); });\nvar THEMELIST = Object.keys(THEMES);\n\n/* ---------- tiny DOM helper ---------- */\nfunction h(tag, attrs, kids) {\n var parts = tag.split(\".\"), name = parts[0] || \"div\";\n var e = document.createElementNS(name === \"svg\" || name === \"path\" || name === \"circle\" || name === \"rect\" || name === \"polygon\" || name === \"line\" ? \"http://www.w3.org/2000/svg\" : \"http://www.w3.org/1999/xhtml\", name);\n if (parts.length > 1) e.setAttribute(\"class\", parts.slice(1).join(\" \"));\n if (attrs) for (var k in attrs) {\n var v = attrs[k];\n if (v === null || v === undefined || v === false) continue;\n if (k === \"on\") { for (var ev in v) e.addEventListener(ev, v[ev]); }\n else if (k === \"html\") e.innerHTML = v;\n else if (k === \"text\") e.textContent = v;\n else if (k === \"cls\") e.setAttribute(\"class\", (e.getAttribute(\"class\") || \"\") + \" \" + v);\n else e.setAttribute(k, v === true ? \"\" : String(v));\n }\n if (kids != null) (Array.isArray(kids) ? kids : [kids]).forEach(function (c) {\n if (c === null || c === undefined || c === false) return;\n e.appendChild(typeof c === \"string\" || typeof c === \"number\" ? document.createTextNode(String(c)) : c);\n });\n return e;\n}\nfunction svg(d, extra) {\n var s = h(\"svg\", { viewBox: \"0 0 24 24\", fill: \"none\", stroke: \"currentColor\", \"stroke-width\": \"1.8\", \"stroke-linecap\": \"round\", \"stroke-linejoin\": \"round\", \"class\": \"ic\", \"aria-hidden\": \"true\" });\n (Array.isArray(d) ? d : [d]).forEach(function (p) { s.appendChild(h(\"path\", { d: p })); });\n if (extra) s.setAttribute(\"class\", \"ic \" + extra);\n return s;\n}\nvar ICON = {\n home: \"M3 10.5 12 3l9 7.5M5.5 9.5V21h13V9.5\",\n cards: [\"M4 7.5h11v12H4z\", \"M8 4.5h11v12\"],\n gram: [\"M5 4h14v16H5z\", \"M9 8h6M9 12h6M9 16h3\"],\n read: [\"M12 6.5C10 5 7.5 4.5 4 4.8V19c3.5-.3 6 .2 8 1.7 2-1.5 4.5-2 8-1.7V4.8c-3.5-.3-6 .2-8 1.7z\", \"M12 6.5v14.2\"],\n ear: [\"M9 21c-1.7 0-3-1.3-3-3 0-2.5 1.5-3.5 1.5-6a4.5 4.5 0 1 1 9 0c0 1.6-.7 2.6-1.6 3.4\", \"M12 10.5a1.5 1.5 0 0 1 1.5 1.5c0 1.8-2.5 2-2.5 4\"],\n ref: [\"M4 5.5h16v13H4z\", \"M4 9.5h16M9 9.5v9\"],\n chart: [\"M4 20V9M10 20V4M16 20v-7M22 20H2\"],\n sound: [\"M4 9.5v5h3.5L12 19V5L7.5 9.5H4z\", \"M15.5 9.2a4 4 0 0 1 0 5.6\", \"M18 6.7a7.5 7.5 0 0 1 0 10.6\"],\n play: \"M8 5.5 19 12 8 18.5z\",\n sun: [\"M12 6.8a5.2 5.2 0 1 0 0 10.4 5.2 5.2 0 0 0 0-10.4z\", \"M12 1.8v2M12 20.2v2M1.8 12h2M20.2 12h2M4.8 4.8l1.4 1.4M17.8 17.8l1.4 1.4M19.2 4.8l-1.4 1.4M6.2 17.8l-1.4 1.4\"],\n moon: \"M20 14.5A8.5 8.5 0 0 1 9.5 4 8.5 8.5 0 1 0 20 14.5z\",\n back: \"M14 6l-6 6 6 6\",\n check: \"M4.5 12.5 9.5 17.5 19.5 6.5\",\n cross: \"M6 6l12 12M18 6L6 18\"\n};\n\n/* ---------- state ---------- */\nvar KEY = \"deutschbahn.v1\";\nvar S = {\n ver: 1, lvl: \"B1\", theme: \"auto\", rate: 0.9, goal: 15,\n cards: {}, newDay: \"\", newCount: 0,\n log: {}, streak: 0, lastDay: \"\",\n gram: {}, texts: {}, dict: {}, seen: {},\n vFilters: { lvls: [\"A2\", \"B1\", \"B2\"], themes: [] }\n};\nfunction today() { var d = new Date(); return d.getFullYear() + \"-\" + String(d.getMonth() + 1).padStart(2, \"0\") + \"-\" + String(d.getDate()).padStart(2, \"0\"); }\nfunction dayKey(d) { return d.getFullYear() + \"-\" + String(d.getMonth() + 1).padStart(2, \"0\") + \"-\" + String(d.getDate()).padStart(2, \"0\"); }\nfunction load() {\n try {\n var raw = localStorage.getItem(KEY);\n if (raw) { var o = JSON.parse(raw); for (var k in o) if (o[k] !== undefined) S[k] = o[k]; }\n } catch (e) { /* stockage indisponible : on continue en mémoire */ }\n}\nvar saveTimer = null;\nfunction save() {\n clearTimeout(saveTimer);\n saveTimer = setTimeout(function () {\n try { localStorage.setItem(KEY, JSON.stringify(S)); } catch (e) { }\n }, 250);\n}\nfunction touchDay() {\n var t = today();\n if (S.lastDay !== t) {\n var y = new Date(); y.setDate(y.getDate() - 1);\n S.streak = (S.lastDay === dayKey(y)) ? (S.streak || 0) + 1 : 1;\n S.lastDay = t;\n }\n if (S.newDay !== t) { S.newDay = t; S.newCount = 0; }\n}\nfunction logReview(n) {\n var t = today(); S.log[t] = (S.log[t] || 0) + (n || 1); touchDay(); save();\n}\n\n/* ---------- SRS (SM-2 allégé) ---------- */\nvar DAY = 86400000;\nfunction cardOf(id) { return S.cards[id]; }\nfunction schedule(id, grade) {\n var c = S.cards[id] || { ef: 2.5, iv: 0, r: 0, l: 0 };\n var now = Date.now();\n if (grade === 1) { c.r = 0; c.l = (c.l || 0) + 1; c.ef = Math.max(1.3, c.ef - 0.2); c.iv = 0; c.due = now + 9 * 60000; }\n else {\n if (grade === 2) { c.ef = Math.max(1.3, c.ef - 0.15); c.iv = c.r === 0 ? 1 : Math.max(1, Math.round(c.iv * 1.2)); }\n else if (grade === 3) { c.iv = c.r === 0 ? 1 : (c.r === 1 ? 4 : Math.round(c.iv * c.ef)); }\n else { c.ef = Math.min(2.8, c.ef + 0.12); c.iv = c.r === 0 ? 3 : (c.r === 1 ? 6 : Math.round(c.iv * c.ef * 1.25)); }\n c.r = (c.r || 0) + 1;\n c.due = now + Math.max(1, c.iv) * DAY;\n }\n c.last = now;\n S.cards[id] = c;\n save();\n return c;\n}\nfunction ivLabel(id, grade) {\n var c = S.cards[id] || { ef: 2.5, iv: 0, r: 0 };\n if (grade === 1) return \"9 min\";\n var iv;\n if (grade === 2) iv = c.r === 0 ? 1 : Math.max(1, Math.round(c.iv * 1.2));\n else if (grade === 3) iv = c.r === 0 ? 1 : (c.r === 1 ? 4 : Math.round(c.iv * c.ef));\n else iv = c.r === 0 ? 3 : (c.r === 1 ? 6 : Math.round(c.iv * c.ef * 1.25));\n iv = Math.max(1, iv);\n return iv < 30 ? iv + \" j\" : Math.round(iv / 30) + \" mois\";\n}\nfunction poolFor(words) {\n var now = Date.now(), due = [], fresh = [];\n words.forEach(function (w) {\n var c = S.cards[w.i];\n if (!c) fresh.push(w);\n else if (c.due <= now) due.push(w);\n });\n due.sort(function (a, b) { return S.cards[a.i].due - S.cards[b.i].due; });\n return { due: due, fresh: fresh };\n}\nfunction activeWords() {\n var f = S.vFilters;\n return DB.v.filter(function (w) {\n if (f.lvls.indexOf(LVLS[w.l]) < 0) return false;\n if (f.themes.length && f.themes.indexOf(w.t) < 0) return false;\n return true;\n });\n}\nfunction dueCount() {\n touchDay();\n var p = poolFor(activeWords());\n return p.due.length + Math.min(p.fresh.length, Math.max(0, S.goal - S.newCount));\n}\n\n/* ---------- voix ---------- */\nvar voices = [], deVoice = null;\nfunction pickVoice() {\n try { voices = speechSynthesis.getVoices() || []; } catch (e) { voices = []; }\n var pref = voices.filter(function (v) { return /^de/i.test(v.lang || \"\"); });\n var good = pref.filter(function (v) { return /google|siri|anna|markus|petra|katja|hedda|premium|enhanced/i.test(v.name); });\n deVoice = good[0] || pref[0] || null;\n}\nif (window.speechSynthesis) {\n pickVoice();\n speechSynthesis.addEventListener(\"voiceschanged\", pickVoice);\n}\nfunction speak(text, rate) {\n if (!window.speechSynthesis) { toast(\"La synthèse vocale n'est pas disponible dans ce navigateur.\"); return; }\n try {\n speechSynthesis.cancel();\n var u = new SpeechSynthesisUtterance(text);\n u.lang = \"de-DE\"; u.rate = rate || S.rate; u.pitch = 1;\n if (deVoice) u.voice = deVoice;\n speechSynthesis.speak(u);\n } catch (e) { }\n}\nfunction speakBtn(text, cls) {\n return h(\"button.\" + (cls || \"speak\"), {\n type: \"button\", \"aria-label\": \"Écouter en allemand\",\n on: { click: function (ev) { ev.stopPropagation(); speak(text); } }\n }, svg(ICON.sound));\n}\n\n/* ---------- texte ---------- */\nfunction norm(s) {\n return String(s || \"\").toLowerCase()\n .replace(/ß/g, \"ss\").replace(/ä/g, \"ae\").replace(/ö/g, \"oe\").replace(/ü/g, \"ue\")\n .replace(/[’']/g, \"'\")\n .replace(/[.,;:!?«»\"„“”()\\[\\]–—-]/g, \" \")\n .replace(/\\s+/g, \" \").trim();\n}\nfunction same(a, b) { return norm(a) === norm(b); }\nfunction artClass(a) { return a ? \"art-\" + a : \"\"; }\nfunction fullWord(w) { return (w.a ? w.a + \" \" : \"\") + w.d; }\nfunction wordNode(w, big) {\n var kids = [];\n if (w.a) kids.push(h(\"span\", { \"class\": \"a \" + artClass(w.a), text: w.a + \" \" }));\n kids.push(document.createTextNode(w.d));\n return h(big ? \"div.word\" : \"span\", null, kids);\n}\nfunction toast(msg) {\n var t = h(\"div.toast\", { text: msg, role: \"status\" });\n document.body.appendChild(t);\n setTimeout(function () { t.remove(); }, 2600);\n}\nfunction shuffle(a) {\n a = a.slice();\n for (var i = a.length - 1; i > 0; i--) { var j = Math.floor(Math.random() * (i + 1)); var t = a[i]; a[i] = a[j]; a[j] = t; }\n return a;\n}\nfunction pct(n, d) { return d ? Math.round(n / d * 100) : 0; }\n\n/* ================= ROUTER ================= */\nvar ROUTES = [\n { id: \"home\", label: \"Heute\", fr: \"Aujourd'hui\", icon: ICON.home, render: viewHome },\n { id: \"vocab\", label: \"Wortschatz\", fr: \"Vocabulaire\", icon: ICON.cards, render: viewVocab },\n { id: \"gram\", label: \"Grammatik\", fr: \"Grammaire\", icon: ICON.gram, render: viewGram },\n { id: \"read\", label: \"Lesen\", fr: \"Lecture\", icon: ICON.read, render: viewRead },\n { id: \"listen\", label: \"Hören\", fr: \"Écoute\", icon: ICON.ear, render: viewListen },\n { id: \"ref\", label: \"Referenz\", fr: \"Référence\", icon: ICON.ref, render: viewRef },\n { id: \"prog\", label: \"Fortschritt\", fr: \"Progrès\", icon: ICON.chart, render: viewProg }\n];\nvar route = \"home\", sub = null, root, nav, tabs;\n\nfunction go(id, arg) {\n route = id; sub = arg || null;\n render();\n window.scrollTo({ top: 0, behavior: \"auto\" });\n}\nfunction render() {\n touchDay();\n var r = ROUTES.filter(function (x) { return x.id === route; })[0] || ROUTES[0];\n document.onkeydown = null;\n try { speechSynthesis.cancel(); } catch (e) { }\n root.textContent = \"\";\n root.appendChild(r.render(sub));\n var n = dueCount();\n Array.prototype.forEach.call(document.querySelectorAll(\"[data-route]\"), function (b) {\n var on = b.getAttribute(\"data-route\") === route;\n if (on) b.setAttribute(\"aria-current\", \"page\"); else b.removeAttribute(\"aria-current\");\n var badge = b.querySelector(\".badge, .dot\");\n if (badge) badge.style.display = (b.getAttribute(\"data-route\") === \"vocab\" && n > 0) ? \"\" : \"none\";\n if (badge && badge.classList.contains(\"badge\")) badge.textContent = n;\n });\n var st = document.getElementById(\"streakN\");\n if (st) st.textContent = S.streak || 0;\n var su = document.getElementById(\"streakU\");\n if (su) su.textContent = (S.streak || 0) > 1 ? \"jours de suite\" : \"jour de suite\";\n}\n\n/* ================= VUE : AUJOURD'HUI ================= */\nfunction viewHome() {\n var v = h(\"div.view\");\n var n = dueCount();\n var doneToday = S.log[today()] || 0;\n var known = Object.keys(S.cards).filter(function (k) { return S.cards[k].iv >= 21; }).length;\n var started = Object.keys(S.cards).length;\n var gramDone = Object.keys(S.gram).filter(function (k) { return S.gram[k].done; }).length;\n var readDone = Object.keys(S.texts).length;\n\n v.appendChild(h(\"div.head\", null, [\n h(\"p.eyebrow\", { text: \"Deutsch A2 → B2 · Plan du jour\" }),\n h(\"h1\", { text: greeting() }),\n h(\"p.lede\", { html: n > 0\n ? \"Tu as \" + n + \" carte\" + (n > 1 ? \"s\" : \"\") + \" à revoir aujourd'hui. Quinze minutes suffisent : la régularité compte plus que la durée.\"\n : \"Rien à réviser dans l'immédiat. C'est le bon moment pour une leçon de grammaire ou un texte.\" })\n ]));\n\n /* itinéraire A2 → B2 */\n var lvlProgress = LVLS.map(function (L) {\n var all = DB.v.filter(function (w) { return LVLS[w.l] === L; });\n var ok = all.filter(function (w) { var c = S.cards[w.i]; return c && c.iv >= 21; }).length;\n return { L: L, ok: ok, all: all.length, p: pct(ok, all.length) };\n });\n var curIdx = LVLS.indexOf(S.lvl);\n var routeEl = h(\"div.route\");\n LVLS.forEach(function (L, i) {\n if (i > 0) routeEl.appendChild(h(\"i.link\" + (i <= curIdx ? \".on\" : \"\"), null, null));\n routeEl.appendChild(h(\"div.stop\" + (i < curIdx ? \".on\" : i === curIdx ? \".cur\" : \"\"), null, [\n h(\"i.dot\"), h(\"span.lbl\", { text: L })\n ]));\n });\n\n v.appendChild(h(\"div.hero\", null, [\n h(\"div\", { style: \"min-width:180px\" }, [\n h(\"p.eyebrow\", { text: \"À réviser maintenant\" }),\n h(\"div.big\", { text: String(n) }),\n h(\"div.row\", { style: \"margin-top:14px\" }, [\n h(\"button.btn\", { on: { click: function () { go(\"vocab\", { mode: \"srs\" }); } }, text: n > 0 ? \"Commencer la révision\" : \"Apprendre du nouveau\" }),\n h(\"button.btn.ghost\", { on: { click: function () { go(\"vocab\"); } }, text: \"Choisir un thème\" })\n ])\n ]),\n h(\"div\", { style: \"flex:1;min-width:230px\" }, [\n h(\"p.eyebrow\", { text: \"Ton itinéraire\" }),\n routeEl,\n h(\"div.stack-s\", { style: \"margin-top:16px\" }, lvlProgress.map(function (x) {\n return h(\"div\", null, [\n h(\"div.spread\", { style: \"margin-bottom:4px\" }, [\n h(\"span\", { style: \"font-size:12.5px;font-weight:600\", text: x.L }),\n h(\"span.mono\", { style: \"font-size:11.5px;color:var(--ink-3)\", text: x.ok + \" / \" + x.all + \" mots acquis\" })\n ]),\n h(\"div.bar\" + (LVLS[curIdx] === x.L ? \".gold\" : \"\"), null, h(\"i\", { style: \"width:\" + Math.max(1.5, x.p) + \"%\" }))\n ]);\n }))\n ])\n ]));\n\n /* objectif du jour */\n var goalPct = Math.min(100, pct(doneToday, S.goal * 2));\n v.appendChild(h(\"div.card\", { style: \"margin-top:16px\" }, [\n h(\"div.spread\", null, [\n h(\"div\", null, [\n h(\"p.eyebrow\", { style: \"margin:0 0 4px\", text: \"Objectif quotidien\" }),\n h(\"span.mono\", { style: \"font-size:14px\", html: \"\" + doneToday + \" / \" + (S.goal * 2) + \" révisions\" })\n ]),\n h(\"div.streakline\", null, [\n h(\"span.n\", { text: String(S.streak || 0) }),\n h(\"span.u\", { text: (S.streak > 1 ? \"jours d'affilée\" : \"jour\") })\n ])\n ]),\n h(\"div.bar.gold\", { style: \"margin-top:11px\" }, h(\"i\", { style: \"width:\" + goalPct + \"%\" }))\n ]));\n\n /* pistes du jour */\n var lesson = pickLesson(), txt = pickText(), dic = pickDictation();\n v.appendChild(h(\"p.eyebrow\", { style: \"margin:30px 0 10px\", text: \"La suite du programme\" }));\n v.appendChild(h(\"div.grid.g2\", null, [\n tile(\"Grammaire\", lesson ? lesson.title : \"Tout est revu\", lesson ? lesson.subtitle : \"Reprends une leçon de ton choix.\", lesson ? lesson.lvl + \" · leçon \" + lesson.order : \"—\", function () { go(\"gram\", lesson ? { id: lesson.id } : null); }),\n tile(\"Lecture\", txt ? txt.title : \"Tous les textes sont lus\", txt ? txt.titlefr : \"Relis un texte pour consolider.\", txt ? txt.lvl + \" · \" + txt.genre : \"—\", function () { go(\"read\", txt ? { id: txt.id } : null); }),\n tile(\"Dictée\", dic ? \"Une phrase à écouter\" : \"Dictées terminées\", dic ? \"Écris ce que tu entends, mot pour mot.\" : \"Recommence une série pour t'entretenir.\", dic ? dic.lvl + \" · \" + dic.focus : \"—\", function () { go(\"listen\", { tab: \"dict\" }); }),\n tile(\"Prononciation\", \"Les sons qui piègent les francophones\", \"Quatorze points d'articulation, avec mots et phrases modèles.\", \"Guide + paires minimales\", function () { go(\"listen\", { tab: \"pron\" }); })\n ]));\n\n /* chiffres */\n v.appendChild(h(\"p.eyebrow\", { style: \"margin:30px 0 10px\", text: \"Où tu en es\" }));\n v.appendChild(h(\"div.card\", null, h(\"div.grid.g3\", null, [\n stat(known, \"mots acquis\"),\n stat(started, \"mots commencés\"),\n stat(gramDone + \" / \" + DB.g.length, \"leçons faites\"),\n stat(readDone + \" / \" + DB.t.length, \"textes lus\")\n ])));\n return v;\n}\nfunction greeting() {\n var hh = new Date().getHours();\n if (hh < 6) return \"Gute Nacht.\";\n if (hh < 11) return \"Guten Morgen.\";\n if (hh < 18) return \"Guten Tag.\";\n return \"Guten Abend.\";\n}\nfunction tile(kicker, title, desc, key, fn) {\n return h(\"button.tile\", { on: { click: fn } }, [\n h(\"span.k\", { text: kicker.toUpperCase() }),\n h(\"span.t\", { text: title }),\n h(\"span.d\", { text: desc }),\n h(\"span.k\", { text: key })\n ]);\n}\nfunction stat(n, l) { return h(\"div.stat\", null, [h(\"span.n\", { text: String(n) }), h(\"span.l\", { text: l })]); }\nfunction pickLesson() {\n var pref = DB.g.filter(function (l) { return l.lvl === S.lvl && !(S.gram[l.id] && S.gram[l.id].done); });\n if (pref.length) return pref[0];\n var any = DB.g.filter(function (l) { return !(S.gram[l.id] && S.gram[l.id].done); });\n return any[0] || null;\n}\nfunction pickText() {\n var pref = DB.t.filter(function (t) { return t.lvl === S.lvl && !S.texts[t.id]; });\n if (pref.length) return pref[0];\n return DB.t.filter(function (t) { return !S.texts[t.id]; })[0] || null;\n}\nfunction pickDictation() {\n return DB.li.dictation.filter(function (d) { return d.lvl === S.lvl && !S.dict[d.id]; })[0]\n || DB.li.dictation.filter(function (d) { return !S.dict[d.id]; })[0] || null;\n}\n\n/* ================= VUE : VOCABULAIRE ================= */\nfunction viewVocab(arg) {\n if (arg && arg.mode === \"srs\") return srsSession();\n if (arg && arg.mode === \"drill\") return drillSession(arg.kind);\n if (arg && arg.mode === \"browse\") return browseView();\n\n var v = h(\"div.view\");\n v.appendChild(h(\"div.head\", null, [\n h(\"p.eyebrow\", { text: \"Wortschatz · \" + DB.v.length + \" mots\" }),\n h(\"h1\", { text: \"Vocabulaire\" }),\n h(\"p.lede\", { text: \"Chaque mot est une carte. Tu la revois juste avant de l'oublier — l'intervalle s'allonge à mesure que tu la retiens. Les noms portent la couleur de leur article.\" })\n ]));\n v.appendChild(h(\"div.artkey\", { style: \"margin:-8px 0 22px\" }, [\n h(\"span.k-der\", { text: \"der\" }), h(\"span.k-die\", { text: \"die\" }), h(\"span.k-das\", { text: \"das\" })\n ]));\n\n /* filtres */\n var f = S.vFilters;\n var lvlChips = h(\"div.chipset\", null, LVLS.map(function (L) {\n return h(\"button.chip\", {\n \"aria-pressed\": f.lvls.indexOf(L) >= 0, text: L,\n on: { click: function () {\n var i = f.lvls.indexOf(L);\n if (i >= 0) { if (f.lvls.length > 1) f.lvls.splice(i, 1); } else f.lvls.push(L);\n save(); go(\"vocab\");\n } }\n });\n }));\n var themeChips = h(\"div.chipset\", null, [h(\"button.chip\", {\n \"aria-pressed\": f.themes.length === 0, text: \"Tous les thèmes\",\n on: { click: function () { f.themes = []; save(); go(\"vocab\"); } }\n })].concat(THEMELIST.map(function (t) {\n return h(\"button.chip\", {\n \"aria-pressed\": f.themes.indexOf(t) >= 0, text: t,\n on: { click: function () {\n var i = f.themes.indexOf(t);\n if (i >= 0) f.themes.splice(i, 1); else f.themes.push(t);\n save(); go(\"vocab\");\n } }\n });\n })));\n\n var words = activeWords();\n var p = poolFor(words);\n var nNew = Math.min(p.fresh.length, Math.max(0, S.goal - S.newCount));\n\n v.appendChild(h(\"div.stack\", null, [\n h(\"div\", null, [h(\"p.eyebrow\", { text: \"Niveau\" }), lvlChips]),\n h(\"div\", null, [h(\"p.eyebrow\", { text: \"Thèmes\" }), themeChips])\n ]));\n\n v.appendChild(h(\"div.hero\", { style: \"margin-top:22px\" }, [\n h(\"div\", { style: \"min-width:170px\" }, [\n h(\"p.eyebrow\", { text: \"Sélection courante\" }),\n h(\"div.big\", { text: String(p.due.length + nNew) }),\n h(\"p.meta\", { style: \"margin-top:6px\", text: p.due.length + \" à revoir · \" + nNew + \" nouvelles · \" + words.length + \" mots au total\" })\n ]),\n h(\"div.stack-s\", { style: \"flex:1;min-width:220px\" }, [\n h(\"button.btn.wide\", { on: { click: function () { go(\"vocab\", { mode: \"srs\" }); } }, text: \"Réviser maintenant\" }),\n h(\"div.grid\", { style: \"grid-template-columns:1fr 1fr;gap:8px\" }, [\n h(\"button.btn.ghost\", { on: { click: function () { go(\"vocab\", { mode: \"drill\", kind: \"art\" }); } }, text: \"Quiz des articles\" }),\n h(\"button.btn.ghost\", { on: { click: function () { go(\"vocab\", { mode: \"drill\", kind: \"defr\" }); } }, text: \"Reconnaître (DE→FR)\" }),\n h(\"button.btn.ghost\", { on: { click: function () { go(\"vocab\", { mode: \"drill\", kind: \"frde\" }); } }, text: \"Produire (FR→DE)\" }),\n h(\"button.btn.ghost\", { on: { click: function () { go(\"vocab\", { mode: \"browse\" }); } }, text: \"Parcourir la liste\" })\n ])\n ])\n ]));\n\n /* decks par thème */\n v.appendChild(h(\"p.eyebrow\", { style: \"margin:30px 0 10px\", text: \"Les paquets\" }));\n v.appendChild(h(\"div.deckgrid\", null, THEMELIST.map(function (t) {\n var ws = THEMES[t].filter(function (w) { return f.lvls.indexOf(LVLS[w.l]) >= 0; });\n var pp = poolFor(ws);\n var acq = ws.filter(function (w) { var c = S.cards[w.i]; return c && c.iv >= 21; }).length;\n return h(\"button.deck\", { on: { click: function () { S.vFilters.themes = [t]; save(); go(\"vocab\", { mode: \"srs\" }); } } }, [\n h(\"span.dt\", { text: t }),\n h(\"div.bar\", null, h(\"i\", { style: \"width:\" + Math.max(1.5, pct(acq, ws.length)) + \"%\" })),\n h(\"span.dm\", null, [\n h(\"span\", { text: ws.length + \" mots\" }),\n h(\"span\" + (pp.due.length ? \".due\" : \"\"), { text: pp.due.length ? pp.due.length + \" à revoir\" : acq + \" acquis\" })\n ])\n ]);\n })));\n return v;\n}\n\n/* --- session de révision --- */\nfunction srsSession() {\n var words = activeWords();\n var p = poolFor(words);\n var quota = Math.max(0, S.goal - S.newCount);\n var queue = shuffle(p.due).concat(p.fresh.slice(0, quota));\n var done = 0, total = queue.length;\n var v = h(\"div.view\");\n var stage = h(\"div.stage\");\n v.appendChild(topbar(\"Révision\", function () { go(\"vocab\"); }));\n v.appendChild(stage);\n\n function next() {\n stage.textContent = \"\";\n if (!queue.length) {\n stage.appendChild(h(\"div.card\", { style: \"text-align:center\" }, [\n h(\"p.eyebrow\", { text: \"Série terminée\" }),\n h(\"h2\", { text: done + \" carte\" + (done > 1 ? \"s\" : \"\") + \" révisée\" + (done > 1 ? \"s\" : \"\") }),\n h(\"p.lede\", { style: \"margin:10px auto 18px\", text: \"Reviens plus tard : les cartes réapparaîtront à l'instant où elles risquent de s'effacer.\" }),\n h(\"div.row\", { style: \"justify-content:center\" }, [\n h(\"button.btn\", { on: { click: function () { go(\"vocab\"); } }, text: \"Retour au vocabulaire\" }),\n h(\"button.btn.ghost\", { on: { click: function () { go(\"home\"); } }, text: \"Aujourd'hui\" })\n ])\n ]));\n return;\n }\n var w = queue.shift();\n var isNew = !S.cards[w.i];\n if (isNew) { S.newCount++; save(); }\n\n stage.appendChild(h(\"div.progressline\", null, [\n h(\"span\", { html: \"\" + (done + 1) + \" / \" + total }),\n h(\"span\", { text: LVLS[w.l] + \" · \" + w.t }),\n h(\"span\", { text: isNew ? \"nouvelle carte\" : \"révision\" })\n ]));\n\n var flipped = false;\n var card = h(\"div.fcard\");\n var front = h(\"div.face\", null, [\n wordNode(w, true),\n speakBtn(fullWord(w) + \". \" + w.e),\n h(\"p.meta\", { text: posLabel(w) }),\n h(\"p.meta\", { style: \"margin-top:18px\", text: \"Clique ou appuie sur Espace pour retourner\" })\n ]);\n var backKids = [\n h(\"div.row\", { style: \"justify-content:center;gap:9px\" }, [\n h(\"span.de\", { style: \"font-size:15px;font-weight:600;color:var(--ink-2)\", html: renderFull(w) }),\n speakBtn(fullWord(w) + \". \" + w.e)\n ]),\n h(\"div.trad\", { text: w.f }),\n w.pl || w.pt || w.c ? h(\"div.forms\", null, formBits(w)) : null,\n h(\"hr.sep\", { style: \"width:60px\" }),\n h(\"div.exline\", { html: markWord(w.e, w.d) }),\n h(\"div.exfr\", { text: w.x }),\n w.n ? h(\"p.meta\", { style: \"font-family:var(--f-fr);font-style:italic\", text: w.n }) : null\n ];\n var back = h(\"div.face.back\", null, backKids);\n card.appendChild(front); card.appendChild(back);\n var flip = h(\"div.flip\", { on: { click: function () { doFlip(); } } }, card);\n stage.appendChild(flip);\n\n var grades = h(\"div.grades\", { style: \"visibility:hidden\" }, [\n gradeBtn(1, \"Encore\", w), gradeBtn(2, \"Difficile\", w), gradeBtn(3, \"Bien\", w), gradeBtn(4, \"Facile\", w)\n ]);\n var reveal = h(\"button.btn.wide\", { style: \"margin-top:14px\", text: \"Voir la réponse\", on: { click: doFlip } });\n stage.appendChild(reveal);\n stage.appendChild(grades);\n\n function doFlip() {\n if (flipped) return;\n flipped = true;\n card.classList.add(\"flipped\");\n reveal.style.display = \"none\";\n grades.style.visibility = \"visible\";\n speak(fullWord(w));\n }\n function gradeBtn(g, label, w) {\n return h(\"button.grade.g\" + g, {\n on: { click: function () { answer(g); } }\n }, [h(\"span.gl\", { text: label }), h(\"span.gi\", { text: ivLabel(w.i, g) })]);\n }\n function answer(g) {\n schedule(w.i, g);\n logReview(1);\n done++;\n if (g === 1) queue.push(w);\n next();\n }\n stage._key = function (e) {\n if (e.key === \" \" || e.key === \"Enter\") { e.preventDefault(); if (!flipped) doFlip(); else answer(3); }\n else if (flipped && /^[1-4]$/.test(e.key)) { e.preventDefault(); answer(+e.key); }\n };\n }\n document.onkeydown = function (e) {\n if (route !== \"vocab\" || !stage._key) return;\n if (/input|textarea/i.test((e.target.tagName || \"\"))) return;\n stage._key(e);\n };\n next();\n return v;\n}\nfunction posLabel(w) {\n var m = { n: \"nom\", v: \"verbe\", adj: \"adjectif\", adv: \"adverbe\", exp: \"expression\" };\n return m[w.p] || \"\";\n}\nfunction formBits(w) {\n var out = [];\n if (w.pl) out.push(h(\"span\", { html: \"pluriel die \" + w.pl + \"\" }));\n if (w.pt) out.push(h(\"span\", { html: \"\" + w.pt + \" · \" + (w.au ? \"ist \" : \"hat \") + w.pp + \"\" }));\n if (w.s) out.push(h(\"span\", { text: \"séparable\" }));\n if (w.c) out.push(h(\"span\", { html: \"\" + w.c + \" · \" + (w.su || \"\") + \"\" }));\n return out;\n}\nfunction markWord(sentence, word) {\n var stem = word.replace(/^sich\\s+/, \"\").slice(0, Math.max(4, Math.floor(word.length * 0.6)));\n var esc = sentence.replace(/[&<>]/g, function (c) { return { \"&\": \"&\", \"<\": \"<\", \">\": \">\" }[c]; });\n if (stem.length < 3) return esc;\n try {\n var re = new RegExp(\"([A-Za-zÄÖÜäöüß]*\" + stem.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\") + \"[A-Za-zÄÖÜäöüß]*)\", \"i\");\n return esc.replace(re, '$1');\n } catch (e) { return esc; }\n}\nfunction topbar(title, back) {\n return h(\"div.spread\", { style: \"margin-bottom:22px;padding-bottom:14px;border-bottom:2px solid var(--ink)\" }, [\n h(\"button.btn.ghost.sm\", { on: { click: back } }, [svg(ICON.back, \"ic\"), h(\"span\", { text: \" Retour\" })]),\n h(\"span.eyebrow\", { style: \"margin:0\", text: title })\n ]);\n}\n\n/* --- drills --- */\nfunction drillSession(kind) {\n var pool = activeWords();\n if (kind === \"art\") pool = pool.filter(function (w) { return w.p === \"n\" && w.a; });\n if (!pool.length) { var e = h(\"div.view\"); e.appendChild(topbar(\"Exercice\", function () { go(\"vocab\"); })); e.appendChild(h(\"p.empty\", { text: \"Aucun mot ne correspond à ta sélection.\" })); return e; }\n var queue = shuffle(pool).slice(0, 20);\n var i = 0, score = 0;\n var v = h(\"div.view\");\n var titles = { art: \"Der, die oder das ?\", defr: \"De l'allemand vers le français\", frde: \"Du français vers l'allemand\" };\n v.appendChild(topbar(titles[kind], function () { go(\"vocab\"); }));\n var box = h(\"div.stage\");\n v.appendChild(box);\n\n function finish() {\n box.textContent = \"\";\n box.appendChild(h(\"div.card\", { style: \"text-align:center\" }, [\n h(\"p.eyebrow\", { text: \"Résultat\" }),\n h(\"div.stat\", { style: \"align-items:center\" }, [h(\"span.n\", { style: \"font-size:46px\", text: score + \" / \" + queue.length }), h(\"span.l\", { text: pct(score, queue.length) + \" % de réussite\" })]),\n h(\"div.row\", { style: \"justify-content:center;margin-top:20px\" }, [\n h(\"button.btn\", { on: { click: function () { go(\"vocab\", { mode: \"drill\", kind: kind }); } }, text: \"Recommencer\" }),\n h(\"button.btn.ghost\", { on: { click: function () { go(\"vocab\"); } }, text: \"Retour\" })\n ])\n ]));\n }\n function step() {\n if (i >= queue.length) { logReview(queue.length); return finish(); }\n var w = queue[i];\n box.textContent = \"\";\n box.appendChild(h(\"div.progressline\", null, [\n h(\"span\", { html: \"\" + (i + 1) + \" / \" + queue.length }),\n h(\"span\", { html: \"score \" + score + \"\" })\n ]));\n var qb = h(\"div.qbox\");\n box.appendChild(qb);\n\n if (kind === \"art\") {\n qb.appendChild(h(\"div.row\", { style: \"justify-content:center;gap:12px\" }, [\n h(\"div.qprompt.de\", { style: \"font-size:32px\", text: w.d }), speakBtn(fullWord(w))\n ]));\n qb.appendChild(h(\"p.meta\", { style: \"text-align:center;margin-top:6px\", text: w.f }));\n var opts = h(\"div.grid\", { style: \"grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px\" });\n [\"der\", \"die\", \"das\"].forEach(function (a) {\n var b = h(\"button.opt\", { style: \"justify-content:center;font-size:19px;font-weight:700\", cls: artClass(a), text: a, on: { click: function () { check(a === w.a, b, a); } } });\n opts.appendChild(b);\n });\n qb.appendChild(opts);\n var wrap = opts;\n function check(ok, btn, chosen) {\n Array.prototype.forEach.call(wrap.children, function (b) {\n b.disabled = true;\n if (b.textContent === w.a) b.classList.add(\"ok\");\n else if (b === btn) b.classList.add(\"no\");\n });\n after(ok, \"\" + w.a + \" \" + w.d + \"\" + (w.pl ? \", pluriel die \" + w.pl + \"\" : \"\") + \" — \" + w.f + \".\");\n }\n } else if (kind === \"defr\") {\n var wrong = shuffle(pool.filter(function (x) { return x.i !== w.i && x.p === w.p; })).slice(0, 3);\n if (wrong.length < 3) wrong = shuffle(pool.filter(function (x) { return x.i !== w.i; })).slice(0, 3);\n var choices = shuffle([w].concat(wrong));\n qb.appendChild(h(\"div.row\", { style: \"gap:12px\" }, [h(\"div.qprompt.de\", { html: renderFull(w) }), speakBtn(fullWord(w) + \". \" + w.e)]));\n var ol = h(\"div.opts\");\n choices.forEach(function (c, k) {\n var b = h(\"button.opt\", { on: { click: function () { pickOne(c, b); } } }, [\n h(\"span.kbd\", { text: String(k + 1) }), h(\"span.fr\", { text: c.f })\n ]);\n ol.appendChild(b);\n });\n qb.appendChild(ol);\n function pickOne(c, btn) {\n Array.prototype.forEach.call(ol.children, function (b, k) {\n b.disabled = true;\n if (choices[k].i === w.i) b.classList.add(\"ok\"); else if (b === btn) b.classList.add(\"no\");\n });\n after(c.i === w.i, \"\" + w.e + \"
\" + w.x);\n }\n } else {\n qb.appendChild(h(\"div.qprompt.fr\", { text: w.f }));\n qb.appendChild(h(\"p.meta\", { style: \"margin-top:6px\", text: posLabel(w) + (w.p === \"n\" ? \" — n'oublie pas l'article\" : \"\") }));\n var inp = h(\"input\", { type: \"text\", autocomplete: \"off\", autocapitalize: \"off\", spellcheck: \"false\", placeholder: \"Écris en allemand…\", style: \"margin-top:16px;font-family:var(--f-de);font-size:18px\" });\n qb.appendChild(inp);\n var send = h(\"button.btn\", { style: \"margin-top:12px\", text: \"Vérifier\", on: { click: doCheck } });\n qb.appendChild(send);\n inp.addEventListener(\"keydown\", function (e) { if (e.key === \"Enter\") { e.preventDefault(); doCheck(); } });\n setTimeout(function () { inp.focus(); }, 30);\n function doCheck() {\n if (inp.disabled) return;\n var val = inp.value;\n var ok = same(val, fullWord(w)) || same(val, w.d);\n inp.disabled = true; send.disabled = true;\n after(ok, \"\" + fullWord(w) + \"\" + (ok ? \"\" : \" — tu as écrit « \" + (val || \"rien\") + \" »\") + \"
\" + w.e);\n }\n }\n function after(ok, html) {\n if (ok) score++;\n var vd = h(\"div.verdict.\" + (ok ? \"ok\" : \"no\"), null, [\n h(\"div.vh\", null, [svg(ok ? ICON.check : ICON.cross, \"ic\"), h(\"span\", { text: ok ? \"Richtig\" : \"Falsch\" })]),\n h(\"div\", { html: html })\n ]);\n qb.appendChild(vd);\n var nb = h(\"button.btn.wide\", { style: \"margin-top:14px\", text: i + 1 >= queue.length ? \"Voir le résultat\" : \"Suivant\", on: { click: function () { i++; step(); } } });\n qb.appendChild(nb);\n nb.focus();\n /* les exercices nourrissent aussi la répétition espacée */\n schedule(w.i, ok ? 3 : 1);\n document.onkeydown = function (e) { if (e.key === \"Enter\") { e.preventDefault(); i++; step(); } };\n }\n }\n step();\n return v;\n}\nfunction renderFull(w) {\n return (w.a ? '' + w.a + \" \" : \"\") + w.d;\n}\n\n/* --- parcourir --- */\nfunction browseView() {\n var v = h(\"div.view\");\n v.appendChild(topbar(\"Liste complète\", function () { go(\"vocab\"); }));\n var words = activeWords();\n var q = \"\";\n var search = h(\"input\", { type: \"text\", placeholder: \"Chercher un mot en allemand ou en français…\", autocomplete: \"off\" });\n var count = h(\"p.meta\", { style: \"margin:10px 0 14px\" });\n var wrap = h(\"div.scroll-x\");\n v.appendChild(search); v.appendChild(count); v.appendChild(wrap);\n function draw() {\n var list = words.filter(function (w) {\n if (!q) return true;\n var s = norm(q);\n return norm(w.d).indexOf(s) >= 0 || norm(w.f).indexOf(s) >= 0;\n });\n count.textContent = list.length + \" mot\" + (list.length > 1 ? \"s\" : \"\") + (q ? \" trouvés\" : \" dans ta sélection\");\n var body = h(\"tbody\");\n list.slice(0, 400).forEach(function (w) {\n var c = S.cards[w.i];\n body.appendChild(h(\"tr\", null, [\n h(\"td\", null, h(\"span.lvl\", { text: LVLS[w.l] })),\n h(\"td.de\", { html: renderFull(w) + (w.pl ? ' pl. ' + w.pl + \"\" : \"\") }),\n h(\"td.fr\", { text: w.f }),\n h(\"td\", null, h(\"span.meta\", { text: w.t })),\n h(\"td\", null, [speakBtn(fullWord(w) + \". \" + w.e)]),\n h(\"td\", null, h(\"span.mono\", { style: \"font-size:11px;color:var(--ink-3)\", text: c ? (c.iv >= 21 ? \"acquis\" : \"j+\" + (c.iv || 0)) : \"—\" }))\n ]));\n });\n wrap.textContent = \"\";\n wrap.appendChild(h(\"table.tbl\", null, [\n h(\"thead\", null, h(\"tr\", null, [\"Niv.\", \"Allemand\", \"Français\", \"Thème\", \"\", \"SRS\"].map(function (t) { return h(\"th\", { text: t }); }))),\n body\n ]));\n if (list.length > 400) wrap.appendChild(h(\"p.meta\", { style: \"margin-top:10px\", text: \"400 premiers résultats affichés — affine ta recherche.\" }));\n }\n search.addEventListener(\"input\", function () { q = search.value; draw(); });\n draw();\n return v;\n}\n\n/* ================= VUE : GRAMMAIRE ================= */\nfunction viewGram(arg) {\n if (arg && arg.id) return lessonView(arg.id, arg.ex);\n var v = h(\"div.view\");\n v.appendChild(h(\"div.head\", null, [\n h(\"p.eyebrow\", { text: \"Grammatik · \" + DB.g.length + \" leçons · \" + DB.g.reduce(function (s, l) { return s + l.exercises.length; }, 0) + \" exercices\" }),\n h(\"h1\", { text: \"Grammaire\" }),\n h(\"p.lede\", { text: \"Trente-trois leçons dans l'ordre où elles se construisent, du cas accusatif aux particules modales. Chaque leçon se termine par dix exercices corrigés.\" })\n ]));\n LVLS.forEach(function (L) {\n var ls = DB.g.filter(function (l) { return l.lvl === L; });\n var done = ls.filter(function (l) { return S.gram[l.id] && S.gram[l.id].done; }).length;\n v.appendChild(h(\"div.spread\", { style: \"margin:26px 0 10px\" }, [\n h(\"h2\", { text: L === \"A2\" ? \"A2 — les fondations\" : L === \"B1\" ? \"B1 — la charpente\" : \"B2 — la finition\" }),\n h(\"span.mono\", { style: \"font-size:12px;color:var(--ink-3)\", text: done + \" / \" + ls.length + \" terminées\" })\n ]));\n var list = h(\"div.lessonlist\");\n ls.forEach(function (l) {\n var st = S.gram[l.id];\n list.appendChild(h(\"button.lrow\", { on: { click: function () { go(\"gram\", { id: l.id }); } } }, [\n h(\"span.num\", { text: String(l.order).padStart(2, \"0\") }),\n h(\"span.body\", null, [\n h(\"span.lt.de\", { text: l.title }),\n h(\"span.ls\", { text: l.subtitle })\n ]),\n h(\"span.done\", null, st && st.total\n ? [h(\"span.pct\", { text: pct(st.correct, st.total) + \" %\" }), h(\"span\", { text: st.done ? \"✓\" : \"en cours\" })]\n : [h(\"span\", { text: l.exercises.length + \" exos\" })])\n ]));\n });\n v.appendChild(list);\n });\n return v;\n}\n\nfunction lessonView(id, startEx) {\n var l = DB.g.filter(function (x) { return x.id === id; })[0];\n var v = h(\"div.view\");\n if (!l) { v.appendChild(h(\"p.empty\", { text: \"Leçon introuvable.\" })); return v; }\n v.appendChild(topbar(l.lvl + \" · leçon \" + l.order, function () { go(\"gram\"); }));\n if (startEx) return exerciseRunner(v, l);\n\n v.appendChild(h(\"div.head\", null, [\n h(\"p.eyebrow\", { text: l.subtitle }),\n h(\"h1.de\", { text: l.title }),\n h(\"p.lede\", { text: l.goal })\n ]));\n (l.sections || []).forEach(function (s) {\n var sec = h(\"div.gsec\", null, [h(\"h3\", { text: s.h })]);\n var pr = h(\"div.prose\");\n (s.p || []).forEach(function (p) { pr.appendChild(h(\"p\", { html: p })); });\n sec.appendChild(pr);\n v.appendChild(sec);\n });\n if (l.tables && l.tables.length) {\n v.appendChild(h(\"p.eyebrow\", { style: \"margin:26px 0 12px\", text: \"Tableaux\" }));\n l.tables.forEach(function (t) {\n var tb = h(\"table.gtable\", null, [\n h(\"caption\", { text: t.caption }),\n h(\"thead\", null, h(\"tr\", null, (t.head || []).map(function (x) { return h(\"th\", { text: x }); }))),\n h(\"tbody\", null, (t.rows || []).map(function (r) { return h(\"tr\", null, r.map(function (c) { return h(\"td\", { text: c }); })); }))\n ]);\n v.appendChild(h(\"div.scroll-x\", { style: \"margin-bottom:20px\" }, tb));\n });\n }\n if (l.examples && l.examples.length) {\n v.appendChild(h(\"p.eyebrow\", { style: \"margin:26px 0 12px\", text: \"Exemples\" }));\n v.appendChild(h(\"div.exlist\", null, l.examples.map(function (e) {\n return h(\"div.exitem\", null, [\n h(\"div.row\", { style: \"gap:9px;align-items:flex-start\" }, [h(\"span.d\", { text: e.de }), speakBtn(e.de)]),\n h(\"div.f\", { text: e.fr }),\n e.note ? h(\"div.n\", { text: e.note }) : null\n ]);\n })));\n }\n if (l.pitfalls && l.pitfalls.length) {\n v.appendChild(h(\"p.eyebrow\", { style: \"margin:26px 0 12px\", text: \"Pièges du francophone\" }));\n v.appendChild(h(\"div.stack-s\", null, l.pitfalls.map(function (p) { return h(\"div.pitfall\", { html: \"\" + p + \"\" }); })));\n }\n v.appendChild(h(\"button.btn.wide\", {\n style: \"margin-top:32px\", text: \"Passer aux \" + l.exercises.length + \" exercices →\",\n on: { click: function () { go(\"gram\", { id: id, ex: true }); } }\n }));\n var st = S.gram[l.id] || {};\n st.read = true; S.gram[l.id] = st; save();\n return v;\n}\n\n/* --- moteur d'exercices --- */\nfunction exerciseRunner(v, l) {\n var list = l.exercises, i = 0, correct = 0;\n var box = h(\"div.stage\");\n v.appendChild(h(\"div.head\", null, [\n h(\"p.eyebrow\", { text: l.subtitle }),\n h(\"h1.de\", { text: l.title })\n ]));\n v.appendChild(box);\n\n function finish() {\n var st = S.gram[l.id] || {};\n st.done = true; st.correct = correct; st.total = list.length; S.gram[l.id] = st;\n logReview(Math.round(list.length / 2)); save();\n box.textContent = \"\";\n box.appendChild(h(\"div.card\", { style: \"text-align:center\" }, [\n h(\"p.eyebrow\", { text: \"Leçon terminée\" }),\n h(\"div.stat\", { style: \"align-items:center\" }, [\n h(\"span.n\", { style: \"font-size:46px\", text: correct + \" / \" + list.length }),\n h(\"span.l\", { text: pct(correct, list.length) + \" % de réussite\" })\n ]),\n h(\"p.lede\", { style: \"margin:14px auto 18px\", text: correct >= list.length * 0.8 ? \"Solide. Tu peux passer à la leçon suivante.\" : \"Relis la leçon avant de refaire la série : les explications sous chaque exercice sont le vrai cours.\" }),\n h(\"div.row\", { style: \"justify-content:center\" }, [\n h(\"button.btn\", { on: { click: function () { go(\"gram\"); } }, text: \"Autres leçons\" }),\n h(\"button.btn.ghost\", { on: { click: function () { go(\"gram\", { id: l.id }); } }, text: \"Relire la leçon\" }),\n h(\"button.btn.ghost\", { on: { click: function () { go(\"gram\", { id: l.id, ex: true }); } }, text: \"Refaire\" })\n ])\n ]));\n }\n function step() {\n if (i >= list.length) return finish();\n box.textContent = \"\";\n box.appendChild(h(\"div.progressline\", null, [\n h(\"span\", { html: \"\" + (i + 1) + \" / \" + list.length }),\n h(\"span\", { html: \"score \" + correct + \"\" }),\n h(\"span\", { text: typeLabel(list[i].type) })\n ]));\n box.appendChild(exerciseBox(list[i], function (ok) {\n if (ok) correct++;\n }, function () { i++; step(); }, i + 1 >= list.length));\n }\n step();\n return v;\n}\nfunction typeLabel(t) {\n return { fill: \"compléter\", mcq: \"choisir\", trans: \"traduire\", order: \"remettre en ordre\", transform: \"reformuler\" }[t] || t;\n}\nfunction exerciseBox(ex, onResult, onNext, isLast) {\n var qb = h(\"div.qbox\");\n var answered = false;\n var expected = String(ex.answer === undefined ? \"\" : ex.answer);\n\n function verdict(ok, solutionHtml) {\n if (answered) return;\n answered = true;\n onResult(ok);\n var vd = h(\"div.verdict.\" + (ok ? \"ok\" : \"no\"), null, [\n h(\"div.vh\", null, [svg(ok ? ICON.check : ICON.cross, \"ic\"), h(\"span\", { text: ok ? \"Richtig\" : \"Falsch\" })]),\n solutionHtml ? h(\"div\", { html: solutionHtml }) : null,\n ex.explain ? h(\"div\", { style: \"margin-top:6px\", text: ex.explain }) : null\n ]);\n qb.appendChild(vd);\n var nb = h(\"button.btn.wide\", { style: \"margin-top:14px\", text: isLast ? \"Voir le résultat\" : \"Suivant\", on: { click: onNext } });\n qb.appendChild(nb);\n nb.focus();\n }\n\n if (ex.type === \"mcq\") {\n qb.appendChild(h(\"div.qprompt.de\", { text: ex.prompt }));\n var ol = h(\"div.opts\");\n (ex.options || []).forEach(function (o, k) {\n var b = h(\"button.opt\", { on: { click: function () { pick(k, b); } } }, [\n h(\"span.kbd\", { text: String(k + 1) }), h(\"span.de\", { text: o })\n ]);\n ol.appendChild(b);\n });\n qb.appendChild(ol);\n function pick(k, btn) {\n if (answered) return;\n Array.prototype.forEach.call(ol.children, function (b, j) {\n b.disabled = true;\n if (j === ex.answer) b.classList.add(\"ok\"); else if (b === btn) b.classList.add(\"no\");\n });\n verdict(k === ex.answer, \"Réponse : \" + (ex.options[ex.answer] || \"\") + \"\");\n }\n }\n else if (ex.type === \"order\") {\n var segs = shuffle(String(ex.prompt).split(\"|\").map(function (s) { return s.trim(); }).filter(Boolean));\n var chosen = [];\n qb.appendChild(h(\"p.eyebrow\", { style: \"margin:0 0 10px\", text: \"Remets la phrase dans l'ordre\" }));\n var slot = h(\"div.slot.de\");\n qb.appendChild(slot);\n var toks = h(\"div.tokens\");\n qb.appendChild(toks);\n segs.forEach(function (s, k) {\n var b = h(\"button.token\", { text: s, on: { click: function () {\n if (answered || b.classList.contains(\"used\")) return;\n b.classList.add(\"used\"); chosen.push({ s: s, b: b }); draw();\n } } });\n toks.appendChild(b);\n });\n function draw() {\n slot.textContent = \"\";\n chosen.forEach(function (c, k) {\n slot.appendChild(h(\"button.token\", { text: c.s, on: { click: function () {\n if (answered) return;\n c.b.classList.remove(\"used\"); chosen.splice(k, 1); draw();\n } } }));\n });\n chk.disabled = chosen.length !== segs.length;\n }\n var chk = h(\"button.btn\", { style: \"margin-top:14px\", text: \"Vérifier\", disabled: true, on: { click: function () {\n var got = chosen.map(function (c) { return c.s; }).join(\" \");\n verdict(same(got, expected), \"Réponse : \" + expected + \"\");\n } } });\n qb.appendChild(chk);\n draw();\n }\n else if (ex.type === \"fill\") {\n var blanks = (String(ex.prompt).match(/___/g) || []).length || 1;\n var answers = expected.split(\"|\").map(function (s) { return s.trim(); });\n var parts = String(ex.prompt).split(\"___\");\n var line = h(\"div.qprompt.de\");\n var inputs = [];\n parts.forEach(function (p, k) {\n line.appendChild(document.createTextNode(p));\n if (k < parts.length - 1) {\n var inp = h(\"input\", { type: \"text\", autocomplete: \"off\", autocapitalize: \"off\", spellcheck: \"false\", style: \"display:inline-block;width:auto;min-width:92px;padding:3px 8px;font-family:var(--f-de);font-size:18px;text-align:center\" });\n inputs.push(inp); line.appendChild(inp);\n }\n });\n qb.appendChild(line);\n if (ex.hint) qb.appendChild(h(\"p.meta\", { style: \"margin-top:9px;font-family:var(--f-fr)\", text: \"Indice : \" + ex.hint }));\n var go2 = h(\"button.btn\", { style: \"margin-top:14px\", text: \"Vérifier\", on: { click: doCheck } });\n qb.appendChild(go2);\n inputs.forEach(function (inp, k) {\n inp.addEventListener(\"keydown\", function (e) {\n if (e.key === \"Enter\") { e.preventDefault(); if (k < inputs.length - 1) inputs[k + 1].focus(); else doCheck(); }\n });\n });\n setTimeout(function () { if (inputs[0]) inputs[0].focus(); }, 30);\n function doCheck() {\n if (answered) return;\n var got = inputs.map(function (i2) { return i2.value; });\n var ok = got.length === answers.length && got.every(function (g, k) { return same(g, answers[k]); });\n if (!ok && ex.alts && ex.alts.length) {\n ok = ex.alts.some(function (a) { return same(got.join(\" \"), String(a).replace(/\\|/g, \" \")); });\n }\n inputs.forEach(function (i2) { i2.disabled = true; }); go2.disabled = true;\n verdict(ok, \"Réponse : \" + answers.join(\" · \") + \"\");\n }\n }\n else { /* trans + transform */\n qb.appendChild(h(\"p.eyebrow\", { style: \"margin:0 0 9px\", text: ex.type === \"trans\" ? \"Traduis en allemand\" : \"Reformule\" }));\n qb.appendChild(h(\"div.qprompt\" + (ex.type === \"trans\" ? \".fr\" : \".de\"), { text: ex.prompt }));\n if (ex.hint) qb.appendChild(h(\"p.meta\", { style: \"margin-top:9px;font-family:var(--f-fr)\", text: \"Indice : \" + ex.hint }));\n var ta = h(\"textarea\", { rows: \"2\", autocomplete: \"off\", autocapitalize: \"off\", spellcheck: \"false\", style: \"margin-top:14px;font-family:var(--f-de);font-size:17px\", placeholder: \"Écris ta phrase…\" });\n qb.appendChild(ta);\n var b2 = h(\"button.btn\", { style: \"margin-top:12px\", text: \"Vérifier\", on: { click: doCheck2 } });\n var skip = h(\"button.btn.ghost\", { style: \"margin-top:12px;margin-left:8px\", text: \"Voir la réponse\", on: { click: function () { ta.disabled = true; b2.disabled = true; verdict(false, \"Réponse : \" + expected + \"\"); } } });\n qb.appendChild(h(\"div.row\", null, [b2, skip]));\n ta.addEventListener(\"keydown\", function (e) { if (e.key === \"Enter\" && !e.shiftKey) { e.preventDefault(); doCheck2(); } });\n setTimeout(function () { ta.focus(); }, 30);\n function doCheck2() {\n if (answered) return;\n var val = ta.value;\n var ok = same(val, expected) || (ex.alts || []).some(function (a) { return same(val, a); });\n ta.disabled = true; b2.disabled = true; skip.disabled = true;\n verdict(ok, \"Réponse : \" + expected + \"\" + ((ex.alts && ex.alts.length) ? \"
Aussi accepté : \" + ex.alts.join(\" / \") + \"\" : \"\"));\n }\n }\n return qb;\n}\n\n/* ================= VUE : LECTURE ================= */\nfunction viewRead(arg) {\n if (arg && arg.id) return textView(arg.id);\n var v = h(\"div.view\");\n v.appendChild(h(\"div.head\", null, [\n h(\"p.eyebrow\", { text: \"Lesen · \" + DB.t.length + \" textes\" }),\n h(\"h1\", { text: \"Compréhension écrite\" }),\n h(\"p.lede\", { text: \"Des textes calibrés par niveau, dans les genres qu'on rencontre vraiment : courriel, article, tribune, extrait littéraire. Clique sur un mot souligné pour sa traduction.\" })\n ]));\n LVLS.forEach(function (L) {\n var ts = DB.t.filter(function (t) { return t.lvl === L; });\n v.appendChild(h(\"h2\", { style: \"margin:26px 0 10px\", text: L }));\n var list = h(\"div.lessonlist\");\n ts.forEach(function (t, k) {\n var st = S.texts[t.id];\n list.appendChild(h(\"button.lrow\", { on: { click: function () { go(\"read\", { id: t.id }); } } }, [\n h(\"span.num\", { text: String(k + 1).padStart(2, \"0\") }),\n h(\"span.body\", null, [\n h(\"span.lt.de\", { text: t.title }),\n h(\"span.ls\", { text: t.titlefr + \" · \" + t.genre })\n ]),\n h(\"span.done\", null, st ? [h(\"span.pct\", { text: st.score + \"/5\" }), h(\"span\", { text: \"✓\" })] : [h(\"span\", { text: t.paras.join(\" \").split(/\\s+/).length + \" mots\" })])\n ]));\n });\n v.appendChild(list);\n });\n return v;\n}\n\nfunction textView(id) {\n var t = DB.t.filter(function (x) { return x.id === id; })[0];\n var v = h(\"div.view\");\n if (!t) { v.appendChild(h(\"p.empty\", { text: \"Texte introuvable.\" })); return v; }\n v.appendChild(topbar(t.lvl + \" · \" + t.genre, function () { go(\"read\"); }));\n v.appendChild(h(\"div.head\", null, [\n h(\"p.eyebrow\", { text: t.titlefr }),\n h(\"h1.de\", { text: t.title }),\n h(\"p.lede\", { text: t.intro })\n ]));\n v.appendChild(h(\"div.row\", { style: \"margin-bottom:20px\" }, [\n h(\"button.btn.ghost.sm\", { on: { click: function () { speak(t.paras.join(\" \"), Math.min(1, S.rate)); } } }, [svg(ICON.sound, \"ic\"), h(\"span\", { text: \" Écouter le texte\" })]),\n h(\"button.btn.ghost.sm\", { on: { click: function () { try { speechSynthesis.cancel(); } catch (e) { } } }, text: \"Stop\" }),\n h(\"span.meta\", { text: \"Mots surlignés = traduction au clic\" })\n ]));\n\n var body = h(\"div.textbody\");\n var keys = Object.keys(t.gloss || {}).sort(function (a, b) { return b.length - a.length; });\n t.paras.forEach(function (p) { body.appendChild(h(\"p\", { html: glossify(p, keys) })); });\n v.appendChild(body);\n body.addEventListener(\"click\", function (e) {\n var g = e.target.closest ? e.target.closest(\".gw\") : null;\n if (!g) return;\n showTip(g, g.getAttribute(\"data-w\"), t.gloss[g.getAttribute(\"data-w\")]);\n });\n\n v.appendChild(h(\"p.eyebrow\", { style: \"margin:30px 0 10px\", text: \"Mots-clés à retenir\" }));\n v.appendChild(h(\"div.vocabpairs\", null, (t.keyvocab || []).map(function (k) {\n return h(\"div.vp\", null, [\n h(\"span.d.de\", { text: k.de }), h(\"span.f\", { text: k.fr })\n ]);\n })));\n\n v.appendChild(h(\"p.eyebrow\", { style: \"margin:32px 0 12px\", text: \"Fragen zum Text\" }));\n var qwrap = h(\"div.stack\");\n v.appendChild(qwrap);\n var score = 0, answeredN = 0;\n t.questions.forEach(function (q, qi) {\n var qb = h(\"div.qbox\");\n qb.appendChild(h(\"div.qprompt.de\", { style: \"font-size:17px\", text: (qi + 1) + \". \" + q.q }));\n var ol = h(\"div.opts\");\n var locked = false;\n q.options.forEach(function (o, k) {\n var b = h(\"button.opt\", { on: { click: function () {\n if (locked) return; locked = true;\n Array.prototype.forEach.call(ol.children, function (x, j) {\n x.disabled = true;\n if (j === q.answer) x.classList.add(\"ok\"); else if (x === b) x.classList.add(\"no\");\n });\n var ok = k === q.answer;\n if (ok) score++;\n answeredN++;\n qb.appendChild(h(\"div.verdict.\" + (ok ? \"ok\" : \"no\"), null, [\n h(\"div.vh\", null, [svg(ok ? ICON.check : ICON.cross, \"ic\"), h(\"span\", { text: ok ? \"Richtig\" : \"Falsch\" })]),\n h(\"div\", { text: q.explain })\n ]));\n if (answeredN === t.questions.length) {\n S.texts[t.id] = { score: score }; logReview(3); save();\n qwrap.appendChild(h(\"div.card\", { style: \"text-align:center\" }, [\n h(\"p.eyebrow\", { text: \"Compréhension\" }),\n h(\"div.stat\", { style: \"align-items:center\" }, [h(\"span.n\", { text: score + \" / \" + t.questions.length }), h(\"span.l\", { text: \"réponses correctes\" })]),\n h(\"button.btn\", { style: \"margin-top:14px\", on: { click: function () { go(\"read\"); } }, text: \"Texte suivant\" })\n ]));\n }\n } } }, [h(\"span.kbd\", { text: String(k + 1) }), h(\"span.de\", { text: o })]);\n ol.appendChild(b);\n });\n qb.appendChild(ol);\n qwrap.appendChild(qb);\n });\n\n v.appendChild(h(\"p.eyebrow\", { style: \"margin:30px 0 8px\", text: \"Point de langue\" }));\n v.appendChild(h(\"p.prose\", { text: t.focus }));\n return v;\n}\nfunction glossify(text, keys) {\n var esc = text.replace(/[&<>]/g, function (c) { return { \"&\": \"&\", \"<\": \"<\", \">\": \">\" }[c]; });\n var used = {};\n keys.forEach(function (k) {\n if (used[k]) return;\n var kk = k.replace(/[&<>]/g, function (c) { return { \"&\": \"&\", \"<\": \"<\", \">\": \">\" }[c]; });\n var idx = esc.indexOf(kk);\n if (idx < 0) return;\n /* évite de couper à l'intérieur d'une balise déjà posée */\n var before = esc.slice(0, idx), after = esc.slice(idx + kk.length);\n if ((before.split(\"\").length - 1)) return;\n esc = before + '' + kk + \"\" + after;\n used[k] = 1;\n });\n return esc;\n}\nvar tipEl = null;\nfunction showTip(target, word, fr) {\n if (tipEl) tipEl.remove();\n if (!fr) return;\n tipEl = h(\"div.tip\", null, [h(\"b\", { text: word }), document.createTextNode(fr)]);\n document.body.appendChild(tipEl);\n var r = target.getBoundingClientRect();\n var tw = tipEl.offsetWidth, th = tipEl.offsetHeight;\n var left = Math.min(Math.max(8, r.left + r.width / 2 - tw / 2), window.innerWidth - tw - 8);\n var top = r.top - th - 9;\n if (top < 8) top = r.bottom + 9;\n tipEl.style.left = left + \"px\"; tipEl.style.top = top + \"px\";\n speak(word);\n clearTimeout(showTip._t);\n showTip._t = setTimeout(function () { if (tipEl) { tipEl.remove(); tipEl = null; } }, 3600);\n}\n\n/* ================= VUE : ÉCOUTE ================= */\nfunction viewListen(arg) {\n var tab = (arg && arg.tab) || \"dict\";\n var v = h(\"div.view\");\n v.appendChild(h(\"div.head\", null, [\n h(\"p.eyebrow\", { text: \"Hören · \" + DB.li.dictation.length + \" dictées · \" + DB.li.pronunciation.length + \" points d'articulation\" }),\n h(\"h1\", { text: \"Écoute & prononciation\" }),\n h(\"p.lede\", { text: \"L'app lit l'allemand avec la voix de ton navigateur. Choisis une voix allemande dans les réglages de ton système si le son te paraît approximatif.\" })\n ]));\n v.appendChild(h(\"div.chipset\", { style: \"margin-bottom:22px\" }, [\n [\"dict\", \"Dictées\"], [\"pron\", \"Prononciation\"], [\"pairs\", \"Paires minimales\"], [\"set\", \"Réglages de la voix\"]\n ].map(function (t) {\n return h(\"button.chip\", { \"aria-pressed\": tab === t[0], text: t[1], on: { click: function () { go(\"listen\", { tab: t[0] }); } } });\n })));\n if (tab === \"dict\") v.appendChild(dictationPane());\n else if (tab === \"pron\") v.appendChild(pronPane());\n else if (tab === \"pairs\") v.appendChild(pairsPane());\n else v.appendChild(voicePane());\n return v;\n}\n\nfunction dictationPane() {\n var wrap = h(\"div.stack\");\n var pool = DB.li.dictation.filter(function (d) { return S.vFilters.lvls.indexOf(d.lvl) >= 0; });\n if (!pool.length) pool = DB.li.dictation;\n var queue = shuffle(pool.filter(function (d) { return !S.dict[d.id]; }));\n if (queue.length < 6) queue = queue.concat(shuffle(pool)).slice(0, 40);\n var i = 0, ok = 0;\n var pane = h(\"div\");\n wrap.appendChild(pane);\n\n function step() {\n pane.textContent = \"\";\n var d = queue[i % queue.length];\n pane.appendChild(h(\"div.progressline\", null, [\n h(\"span\", { html: \"dictée \" + (i + 1) + \"\" }),\n h(\"span\", { text: d.lvl }),\n h(\"span\", { text: d.focus })\n ]));\n pane.appendChild(h(\"div.audiobig\", null, [\n h(\"button.playbtn\", { \"aria-label\": \"Écouter la phrase\", on: { click: function () { speak(d.de); } } }, svg(ICON.play, \"ic\")),\n h(\"div.stack-s\", null, [\n h(\"button.btn.ghost.sm\", { text: \"Ralenti (×0,6)\", on: { click: function () { speak(d.de, 0.6); } } }),\n h(\"button.btn.ghost.sm\", { text: \"Mot à mot\", on: { click: function () { speak(d.de.split(\" \").join(\", \"), 0.7); } } })\n ])\n ]));\n var ta = h(\"textarea\", { rows: \"3\", style: \"margin-top:14px;font-family:var(--f-de);font-size:17px\", placeholder: \"Écris ce que tu entends…\", autocapitalize: \"off\", spellcheck: \"false\" });\n pane.appendChild(ta);\n var btn = h(\"button.btn\", { style: \"margin-top:12px\", text: \"Vérifier\", on: { click: check } });\n var rep = h(\"button.btn.ghost\", { style: \"margin-top:12px\", text: \"Je donne ma langue au chat\", on: { click: function () { reveal(false, []); } } });\n pane.appendChild(h(\"div.row\", null, [btn, rep]));\n ta.addEventListener(\"keydown\", function (e) { if (e.key === \"Enter\" && !e.shiftKey) { e.preventDefault(); check(); } });\n setTimeout(function () { ta.focus(); }, 30);\n\n function check() {\n var got = ta.value.trim().split(/\\s+/).filter(Boolean);\n var exp = d.de.replace(/[.,!?;:]/g, \"\").split(/\\s+/);\n var marks = exp.map(function (w, k) {\n if (!got[k]) return { w: w, c: \"m\" };\n return { w: got[k], c: same(got[k].replace(/[.,!?;:]/g, \"\"), w) ? \"g\" : \"b\", exp: w };\n });\n var allOk = marks.every(function (m) { return m.c === \"g\"; }) && got.length === exp.length;\n reveal(allOk, marks);\n }\n function reveal(allOk, marks) {\n if (ta.disabled) return;\n ta.disabled = true; btn.disabled = true; rep.disabled = true;\n if (allOk) { ok++; S.dict[d.id] = 1; save(); }\n var vd = h(\"div.verdict.\" + (allOk ? \"ok\" : \"no\"), { style: \"margin-top:16px\" }, [\n h(\"div.vh\", null, [svg(allOk ? ICON.check : ICON.cross, \"ic\"), h(\"span\", { text: allOk ? \"Mot pour mot\" : \"Compare\" })])\n ]);\n if (marks.length) {\n var df = h(\"div.diff\", { style: \"margin-bottom:10px\" });\n marks.forEach(function (m) { df.appendChild(h(\"span.\" + m.c, { text: m.c === \"m\" ? \"···\" : m.w })); });\n vd.appendChild(df);\n }\n vd.appendChild(h(\"div\", { html: \"\" + d.de + \"\" }));\n vd.appendChild(h(\"div\", { style: \"margin-top:5px\", text: d.fr }));\n pane.appendChild(vd);\n pane.appendChild(h(\"div.row\", { style: \"margin-top:14px\" }, [\n h(\"button.btn\", { text: \"Phrase suivante\", on: { click: function () { i++; logReview(1); step(); } } }),\n h(\"button.btn.ghost\", { text: \"Réécouter\", on: { click: function () { speak(d.de); } } })\n ]));\n }\n }\n step();\n return wrap;\n}\n\nfunction pronPane() {\n var wrap = h(\"div.acc\");\n DB.li.pronunciation.forEach(function (p, k) {\n var open = false;\n var bodyEl = h(\"div.accb\", { style: \"display:none\" });\n var head = h(\"button.acch\", { on: { click: function () {\n open = !open; bodyEl.style.display = open ? \"\" : \"none\";\n head.setAttribute(\"aria-expanded\", open);\n } } }, [\n h(\"span\", null, [h(\"span.mono\", { style: \"color:var(--ink-3);margin-right:10px\", text: String(k + 1).padStart(2, \"0\") }), h(\"span\", { text: p.title })]),\n h(\"span.cnt\", { text: p.ipa })\n ]);\n bodyEl.appendChild(h(\"p.prose\", { text: p.explain }));\n bodyEl.appendChild(h(\"p.eyebrow\", { style: \"margin:18px 0 8px\", text: \"Mots modèles\" }));\n bodyEl.appendChild(h(\"div.wordchips\", null, p.words.map(function (w) {\n return h(\"button.wordchip\", { on: { click: function () { speak(w.de); } } }, [\n h(\"span.de\", { text: w.de }), h(\"span.f\", { text: w.fr })\n ]);\n })));\n if (p.sentence) {\n bodyEl.appendChild(h(\"p.eyebrow\", { style: \"margin:18px 0 8px\", text: \"Phrase d'entraînement\" }));\n bodyEl.appendChild(h(\"div.row\", { style: \"gap:11px;align-items:flex-start\" }, [\n h(\"button.playbtn.small\", { \"aria-label\": \"Écouter\", on: { click: function () { speak(p.sentence.de); } } }, svg(ICON.play, \"ic\")),\n h(\"div\", null, [\n h(\"div.de\", { style: \"font-size:17px;font-weight:600\", text: p.sentence.de }),\n h(\"div.fr\", { style: \"color:var(--ink-2);font-size:14px\", text: p.sentence.fr })\n ])\n ]));\n }\n wrap.appendChild(head); wrap.appendChild(bodyEl);\n });\n return wrap;\n}\n\nfunction pairsPane() {\n var wrap = h(\"div.stack\");\n var queue = shuffle(DB.li.minimalpairs);\n var i = 0, score = 0;","createdAt",["D",1788717187802],"branchVersion","branchId","412d9274-dc0a-4b69-aa49-eef728726442","id","dcb58219-9724-477a-ad07-2b58c2d9dca1","deutschbahn",["D",1788716676384],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","App pour apprendre l'allemand de A2 a B2","imageUrl","ee35082e-ae2e-46e9-982f-898e42ab9867","pinnedFileId","01a077d2-7678-74de-b4e2-75e66320c71d","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019fde0a-1b13-768d-ab07-3e57b8ebf7e8","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":99},"org",{"_97":96,"_98":99,"_100":99,"_18":55,"_101":102,"_103":25},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"isOwned",183,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","estebantmoo","handle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":228,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":229,"_81":230,"_83":231,"_85":25},"tree",[195,196,197,198,199,200,201,202],"files",[195,196,197,198,199,200,201,202],"counts",{"_185":63,"_186":141,"_187":63,"_188":189,"_190":191},"contents",[126,127,128,129,130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":179,"_32":180,"_30":181,"_137":-5,"_41":42,"_40":141,"_139":25,"_38":182,"_13":63,"_33":20,"_35":183,"_24":25,"_143":-5,"_27":184},{"_43":172,"_32":173,"_30":174,"_137":-5,"_41":42,"_40":175,"_139":25,"_38":176,"_13":63,"_33":34,"_35":177,"_24":25,"_143":-5,"_27":178},{"_43":169,"_32":28,"_30":31,"_137":-5,"_41":42,"_40":14,"_139":25,"_38":170,"_13":138,"_33":34,"_35":37,"_24":25,"_143":-5,"_27":171},{"_43":163,"_32":164,"_30":165,"_137":-5,"_41":42,"_40":141,"_139":25,"_38":166,"_13":63,"_33":20,"_35":167,"_24":25,"_143":-5,"_27":168},{"_43":157,"_32":158,"_30":159,"_137":-5,"_41":42,"_40":141,"_139":25,"_38":160,"_13":63,"_33":20,"_35":161,"_24":25,"_143":-5,"_27":162},{"_43":151,"_32":152,"_30":57,"_137":-5,"_41":42,"_40":141,"_139":59,"_38":153,"_13":63,"_33":154,"_35":155,"_24":25,"_143":45,"_27":156},{"_43":145,"_32":146,"_30":147,"_137":-5,"_41":42,"_40":141,"_139":25,"_38":148,"_13":63,"_33":34,"_35":149,"_24":25,"_143":-5,"_27":150},{"_43":134,"_32":135,"_30":136,"_137":-5,"_41":42,"_40":138,"_139":59,"_38":140,"_13":141,"_33":20,"_35":142,"_24":25,"_143":-5,"_27":144},"2058496c-195d-44ce-8adb-795f25c66874","style.css","01a077d2-7678-74de-b4e2-7db0b6e3664f","parentId",6,"latest",["D",1788717076629],1,"/* ============ DEUTSCHBAHN — tokens ============ */\n:root{\n --bg:#E9E9E3; --surface:#F6F6F2; --raised:#FFFFFF;\n --ink:#15171A; --ink-2:#54585D; --ink-3:#83878C;\n --line:#D0D0C7; --line-2:#BFBFB4;\n --marker:#F5C842; --marker-soft:#FBEBAE;\n --der:#2154B8; --die:#B32647; --das:#146B47;\n --ok:#146B47; --ok-bg:#DCEDE3; --no:#B32647; --no-bg:#F6DDE2;\n --shadow:0 1px 0 rgba(20,22,26,.06);\n --r:3px;\n --f-ui:\"Archivo\",\"Helvetica Neue\",Arial,sans-serif;\n --f-de:\"Archivo\",\"Helvetica Neue\",Arial,sans-serif;\n --f-fr:\"Source Serif 4\",Georgia,\"Times New Roman\",serif;\n --f-mono:\"IBM Plex Mono\",ui-monospace,\"SFMono-Regular\",Menlo,monospace;\n}\n@media (prefers-color-scheme:dark){\n :root:not([data-theme=\"light\"]){\n --bg:#141518; --surface:#1B1D21; --raised:#23262B;\n --ink:#E9E9E3; --ink-2:#A3A7AD; --ink-3:#767B82;\n --line:#2E3238; --line-2:#3D424A;\n --marker:#F5C842; --marker-soft:#4A3D12;\n --der:#7FA8F5; --die:#F0819A; --das:#5DC697;\n --ok:#5DC697; --ok-bg:#16332A; --no:#F0819A; --no-bg:#38181F;\n --shadow:0 1px 0 rgba(0,0,0,.4);\n }\n}\n:root[data-theme=\"dark\"]{\n --bg:#141518; --surface:#1B1D21; --raised:#23262B;\n --ink:#E9E9E3; --ink-2:#A3A7AD; --ink-3:#767B82;\n --line:#2E3238; --line-2:#3D424A;\n --marker:#F5C842; --marker-soft:#4A3D12;\n --der:#7FA8F5; --die:#F0819A; --das:#5DC697;\n --ok:#5DC697; --ok-bg:#16332A; --no:#F0819A; --no-bg:#38181F;\n --shadow:0 1px 0 rgba(0,0,0,.4);\n}\n\n*{box-sizing:border-box}\nhtml{-webkit-text-size-adjust:100%}\nbody{\n margin:0;background:var(--bg);color:var(--ink);\n font-family:var(--f-ui);font-size:16px;line-height:1.5;\n font-variant-numeric:tabular-nums;\n -webkit-font-smoothing:antialiased;\n}\nbutton,input,select,textarea{font:inherit;color:inherit}\n.ic{width:16px;height:16px;flex:0 0 auto;display:inline-block;vertical-align:-2px}\n:focus-visible{outline:2px solid var(--marker);outline-offset:2px}\n@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}\n\n/* ============ shell ============ */\n.shell{display:flex;min-height:100vh}\n.rail{\n width:236px;flex:0 0 236px;background:var(--surface);\n border-right:1px solid var(--line);\n display:flex;flex-direction:column;gap:0;\n position:sticky;top:0;height:100vh;overflow-y:auto;\n}\n.brand{padding:20px 18px 16px;border-bottom:1px solid var(--line)}\n.plate{\n display:inline-flex;align-items:baseline;gap:0;\n background:var(--ink);color:var(--bg);padding:7px 10px 8px;border-radius:var(--r);\n}\n.plate b{font-weight:800;font-stretch:112%;letter-spacing:-.02em;font-size:19px;line-height:1}\n.brand .tag{\n display:block;margin-top:9px;font-size:10px;letter-spacing:.16em;\n text-transform:uppercase;color:var(--ink-3);font-weight:600;\n}\n.nav{display:flex;flex-direction:column;padding:10px 10px;gap:1px;flex:1}\n.nav button{\n display:flex;align-items:center;gap:11px;width:100%;\n background:none;border:0;padding:9px 10px;border-radius:var(--r);\n cursor:pointer;text-align:left;color:var(--ink-2);font-weight:500;font-size:14.5px;\n}\n.nav button:hover{background:var(--raised);color:var(--ink)}\n.nav button[aria-current=\"page\"]{background:var(--ink);color:var(--bg);font-weight:600}\n.nav button[aria-current=\"page\"] .ic{opacity:1}\n.nav .ic{width:17px;height:17px;opacity:.7}\n.nav .badge{\n margin-left:auto;font-family:var(--f-mono);font-size:11px;font-weight:500;\n background:var(--marker);color:#15171A;padding:1px 5px;border-radius:2px;\n}\n.railfoot{padding:12px 14px 16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}\n.streakline{display:flex;align-items:baseline;gap:7px}\n.streakline .n{font-family:var(--f-mono);font-size:22px;font-weight:600;line-height:1}\n.streakline .u{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:600}\n.themebtn{\n background:none;border:1px solid var(--line-2);border-radius:var(--r);\n padding:6px 9px;font-size:12px;cursor:pointer;color:var(--ink-2);\n display:flex;align-items:center;gap:7px;justify-content:center;\n}\n.themebtn:hover{border-color:var(--ink);color:var(--ink)}\n\n.main{flex:1;min-width:0;display:flex;flex-direction:column}\n.view{padding:34px 40px 90px;max-width:940px;width:100%;margin:0 auto;flex:1}\n.tabbar{display:none}\n\n/* ============ typography ============ */\nh1,h2,h3,h4{margin:0;text-wrap:balance;font-weight:700;letter-spacing:-.015em}\nh1{font-size:31px;font-stretch:108%;line-height:1.12}\nh2{font-size:20px;line-height:1.2}\nh3{font-size:16px;line-height:1.25}\n.eyebrow{\n font-size:10.5px;letter-spacing:.17em;text-transform:uppercase;\n color:var(--ink-3);font-weight:600;margin:0 0 9px;\n}\n.lede{font-family:var(--f-fr);color:var(--ink-2);font-size:16.5px;max-width:62ch;margin:10px 0 0;line-height:1.55}\n.fr{font-family:var(--f-fr)}\n.de{font-family:var(--f-de)}\n.mono{font-family:var(--f-mono)}\n.head{margin-bottom:26px;padding-bottom:20px;border-bottom:2px solid var(--ink)}\n.mark{background:linear-gradient(transparent 58%,var(--marker-soft) 58%);padding:0 1px}\n\n/* article colour system */\n.art-der{color:var(--der)} .art-die{color:var(--die)} .art-das{color:var(--das)}\n.artkey{display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;font-weight:600;letter-spacing:.06em}\n.artkey span::before{content:\"\";display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:1px;vertical-align:1px}\n.artkey .k-der::before{background:var(--der)} .artkey .k-die::before{background:var(--die)} .artkey .k-das::before{background:var(--das)}\n\n/* ============ generic pieces ============ */\n.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}\n.grid{display:grid;gap:14px}\n.g2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}\n.g3{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}\n.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}\n.spread{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}\n.stack{display:flex;flex-direction:column;gap:14px}\n.stack-s{display:flex;flex-direction:column;gap:8px}\n.sep{height:1px;background:var(--line);border:0;margin:0}\n\n.btn{\n background:var(--ink);color:var(--bg);border:1px solid var(--ink);\n border-radius:var(--r);padding:9px 16px;font-weight:600;font-size:14px;\n cursor:pointer;line-height:1.3;\n}\n.btn:hover{opacity:.87}\n.btn:disabled{opacity:.35;cursor:default}\n.btn.ghost{background:none;color:var(--ink);border-color:var(--line-2)}\n.btn.ghost:hover{border-color:var(--ink);opacity:1}\n.btn.sm{padding:6px 11px;font-size:12.5px}\n.btn.wide{width:100%;justify-content:center;text-align:center}\n\n.chipset{display:flex;gap:6px;flex-wrap:wrap}\n.chip{\n background:none;border:1px solid var(--line-2);border-radius:var(--r);\n padding:5px 11px;font-size:12.5px;font-weight:500;cursor:pointer;color:var(--ink-2);\n}\n.chip:hover{border-color:var(--ink);color:var(--ink)}\n.chip[aria-pressed=\"true\"]{background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:600}\n\n.lvl{\n display:inline-block;font-family:var(--f-mono);font-size:11px;font-weight:600;\n border:1.5px solid currentColor;border-radius:2px;padding:0 4px;line-height:1.55;\n letter-spacing:.02em;color:var(--ink-2);\n}\n.meta{font-size:12px;color:var(--ink-3);letter-spacing:.02em}\n\ninput[type=text],textarea,select{\n background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r);\n padding:10px 12px;width:100%;\n}\ninput[type=text]:focus,textarea:focus{border-color:var(--ink)}\nlabel.fld{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ink-3);font-weight:600;letter-spacing:.06em;text-transform:uppercase}\n\n.bar{height:5px;background:var(--line);border-radius:99px;overflow:hidden}\n.bar > i{display:block;height:100%;background:var(--ink);border-radius:99px;transition:width .35s ease}\n.bar.gold > i{background:var(--marker)}\n\n.stat{display:flex;flex-direction:column;gap:3px}\n.stat .n{font-family:var(--f-mono);font-size:27px;font-weight:600;line-height:1.05;letter-spacing:-.02em}\n.stat .l{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);font-weight:600}\n\n.empty{padding:34px 20px;text-align:center;color:var(--ink-3);font-family:var(--f-fr);font-size:15px}\n\n/* ============ HOME ============ */\n.hero{\n border:2px solid var(--ink);border-radius:var(--r);padding:24px 26px;\n background:var(--surface);display:flex;justify-content:space-between;\n gap:24px;align-items:flex-start;flex-wrap:wrap;\n}\n.hero .big{font-family:var(--f-mono);font-size:58px;font-weight:600;line-height:.95;letter-spacing:-.04em}\n.route{display:flex;align-items:center;gap:0;margin:4px 0 0}\n.route .stop{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1}\n.route .dot{width:13px;height:13px;border-radius:50%;border:2.5px solid var(--line-2);background:var(--bg)}\n.route .stop.on .dot{background:var(--ink);border-color:var(--ink)}\n.route .stop.cur .dot{background:var(--marker);border-color:var(--ink);box-shadow:0 0 0 4px var(--marker-soft)}\n.route .lbl{font-family:var(--f-mono);font-size:11.5px;font-weight:600;color:var(--ink-3)}\n.route .stop.on .lbl,.route .stop.cur .lbl{color:var(--ink)}\n.route .link{height:2.5px;background:var(--line-2);flex:1;margin-top:-19px}\n.route .link.on{background:var(--ink)}\n.tile{\n display:flex;flex-direction:column;gap:9px;text-align:left;width:100%;\n background:var(--surface);border:1px solid var(--line);border-radius:var(--r);\n padding:16px 17px;cursor:pointer;transition:border-color .15s,transform .15s;\n}\n.tile:hover{border-color:var(--ink);transform:translateY(-1px)}\n.tile .t{font-weight:700;font-size:15.5px}\n.tile .d{font-family:var(--f-fr);font-size:13.5px;color:var(--ink-2);line-height:1.45}\n.tile .k{font-family:var(--f-mono);font-size:11.5px;color:var(--ink-3);letter-spacing:.04em}\n\n.heat{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:3px}\n.heat i{aspect-ratio:1;background:var(--line);border-radius:1.5px;display:block}\n.heat i[data-l=\"1\"]{background:var(--marker-soft)}\n.heat i[data-l=\"2\"]{background:var(--marker);opacity:.75}\n.heat i[data-l=\"3\"]{background:var(--marker)}\n.heat i[data-l=\"4\"]{background:var(--ink)}\n\n/* ============ FLASHCARDS ============ */\n.deckgrid{display:grid;gap:9px;grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}\n.deck{\n background:var(--surface);border:1px solid var(--line);border-radius:var(--r);\n padding:13px 14px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:9px;\n}\n.deck:hover{border-color:var(--ink)}\n.deck .dt{font-weight:600;font-size:14px;line-height:1.25}\n.deck .dm{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:11px;color:var(--ink-3)}\n.deck .due{color:var(--ink);font-weight:600}\n\n.stage{max-width:600px;margin:0 auto}\n.flip{perspective:1400px}\n.fcard{\n position:relative;min-height:320px;transform-style:preserve-3d;\n transition:transform .45s cubic-bezier(.2,.7,.3,1);\n}\n.fcard.flipped{transform:rotateX(180deg)}\n.face{\n position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;\n background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r);\n padding:26px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;\n gap:13px;text-align:center;box-shadow:var(--shadow);overflow:auto;\n}\n.face.back{transform:rotateX(180deg)}\n.word{font-size:35px;font-weight:700;letter-spacing:-.02em;line-height:1.12;font-stretch:104%}\n.word .a{font-weight:600}\n.trad{font-family:var(--f-fr);font-size:22px;line-height:1.3}\n.exline{font-family:var(--f-de);font-size:15px;color:var(--ink);line-height:1.5;max-width:44ch}\n.exfr{font-family:var(--f-fr);font-size:14px;color:var(--ink-2);line-height:1.45;max-width:46ch}\n.forms{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;font-family:var(--f-mono);font-size:12px;color:var(--ink-2)}\n.forms b{color:var(--ink);font-weight:600}\n.speak{\n background:none;border:1px solid var(--line-2);border-radius:50%;width:34px;height:34px;\n cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);flex:0 0 34px;\n}\n.speak:hover{border-color:var(--ink);color:var(--ink)}\n.speak .ic{width:15px;height:15px}\n.playbtn .ic{width:26px;height:26px;fill:currentColor;stroke-width:1}\n.playbtn.small .ic{width:17px;height:17px}\n.themebtn .ic{width:14px;height:14px}\n.grades{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}\n.grade{\n background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);\n padding:9px 4px;cursor:pointer;display:flex;flex-direction:column;gap:3px;align-items:center;\n}\n.grade:hover{border-color:var(--ink)}\n.grade .gl{font-size:12.5px;font-weight:600}\n.grade .gi{font-family:var(--f-mono);font-size:10.5px;color:var(--ink-3)}\n.grade.g1:hover{background:var(--no-bg)} .grade.g4:hover{background:var(--ok-bg)}\n.progressline{display:flex;gap:16px;font-family:var(--f-mono);font-size:12px;color:var(--ink-3);justify-content:center;margin-bottom:14px}\n.progressline b{color:var(--ink);font-weight:600}\n\n/* browse table */\n.tbl{width:100%;border-collapse:collapse;font-size:14px}\n.tbl th{\n text-align:left;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;\n color:var(--ink-3);font-weight:600;padding:8px 10px;border-bottom:1.5px solid var(--ink);white-space:nowrap;\n}\n.tbl td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}\n.tbl tr:hover td{background:var(--surface)}\n.tbl .de{font-weight:600}\n.tbl .fr{font-family:var(--f-fr);color:var(--ink-2)}\n.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}\n\n/* ============ QUIZ / EXERCISES ============ */\n.qbox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}\n.qprompt{font-size:20px;line-height:1.45;font-weight:600}\n.qprompt input{margin:0 7px}\n.qprompt .blank{\n display:inline-block;min-width:74px;border-bottom:2.5px solid var(--marker);\n text-align:center;font-family:var(--f-mono);\n}\n.opts{display:flex;flex-direction:column;gap:7px;margin-top:16px}\n.opt{\n background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r);\n padding:11px 14px;text-align:left;cursor:pointer;font-size:15px;display:flex;gap:11px;align-items:center;\n}\n.opt:hover:not(:disabled){border-color:var(--ink)}\n.opt .kbd{\n font-family:var(--f-mono);font-size:11px;color:var(--ink-3);border:1px solid var(--line-2);\n border-radius:2px;padding:0 5px;flex:0 0 auto;\n}\n.opt.ok{background:var(--ok-bg);border-color:var(--ok);color:var(--ink)}\n.opt.no{background:var(--no-bg);border-color:var(--no);color:var(--ink)}\n.opt:disabled{cursor:default}\n.verdict{\n margin-top:14px;border-left:3px solid var(--line-2);padding:11px 0 11px 14px;\n font-family:var(--f-fr);font-size:14.5px;line-height:1.5;\n}\n.verdict.ok{border-color:var(--ok)} .verdict.no{border-color:var(--no)}\n.verdict .vh{\n font-family:var(--f-ui);font-weight:700;font-size:12px;letter-spacing:.11em;text-transform:uppercase;\n display:flex;align-items:center;gap:6px;margin-bottom:5px;\n}\n.verdict.ok .vh{color:var(--ok)} .verdict.no .vh{color:var(--no)}\n.verdict .sol{font-family:var(--f-de);color:var(--ink);font-weight:600}\n.tokens{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}\n.token{\n background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r);\n padding:7px 11px;cursor:pointer;font-size:15px;font-family:var(--f-de);\n}\n.token:hover{border-color:var(--ink)}\n.token.used{opacity:.28;cursor:default}\n.slot{\n min-height:48px;border:1.5px dashed var(--line-2);border-radius:var(--r);\n padding:9px 11px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:16px;\n}\n\n/* ============ GRAMMAR ============ */\n.lessonlist{display:flex;flex-direction:column;gap:0;border-top:1.5px solid var(--ink)}\n.lrow{\n display:flex;gap:15px;align-items:flex-start;padding:14px 4px;\n border-bottom:1px solid var(--line);cursor:pointer;background:none;border-left:0;border-right:0;border-top:0;\n text-align:left;width:100%;\n}\n.lrow:hover{background:var(--surface)}\n.lrow .num{font-family:var(--f-mono);font-size:12px;color:var(--ink-3);padding-top:3px;flex:0 0 26px}\n.lrow .body{flex:1;min-width:0}\n.lrow .lt{font-weight:700;font-size:15.5px}\n.lrow .ls{font-family:var(--f-fr);font-size:13.5px;color:var(--ink-2);margin-top:2px}\n.lrow .done{\n flex:0 0 auto;font-family:var(--f-mono);font-size:11px;color:var(--ink-3);\n display:flex;align-items:center;gap:6px;padding-top:3px;\n}\n.lrow .done .pct{color:var(--ink);font-weight:600}\n.prose{font-family:var(--f-fr);font-size:16px;line-height:1.62;max-width:66ch}\n.prose p{margin:0 0 13px}\n.prose de{font-family:var(--f-de);font-weight:600;font-size:.95em;letter-spacing:-.005em}\n.prose b{font-weight:700}\n.gsec{margin-bottom:28px}\n.gsec h3{margin-bottom:9px;font-size:15px;letter-spacing:.01em}\n.gtable{width:100%;border-collapse:collapse;font-size:13.5px;font-family:var(--f-de);min-width:420px}\n.gtable caption{\n caption-side:top;text-align:left;font-family:var(--f-ui);font-size:10.5px;letter-spacing:.13em;\n text-transform:uppercase;color:var(--ink-3);font-weight:600;padding-bottom:7px;\n}\n.gtable th{background:var(--ink);color:var(--bg);padding:7px 10px;text-align:left;font-weight:600;font-size:12px;white-space:nowrap}\n.gtable td{padding:7px 10px;border-bottom:1px solid var(--line)}\n.gtable tr td:first-child{font-family:var(--f-ui);font-weight:600;font-size:12px;color:var(--ink-2);white-space:nowrap}\n.exlist{display:flex;flex-direction:column;gap:12px}\n.exitem{border-left:2px solid var(--marker);padding-left:14px}\n.exitem .d{font-family:var(--f-de);font-size:16px;font-weight:500;line-height:1.4}\n.exitem .f{font-family:var(--f-fr);font-size:14px;color:var(--ink-2)}\n.exitem .n{font-family:var(--f-fr);font-size:13px;color:var(--ink-3);font-style:italic;margin-top:3px}\n.pitfall{display:flex;gap:11px;font-family:var(--f-fr);font-size:14.5px;line-height:1.5;color:var(--ink-2)}\n.pitfall::before{content:\"!\";font-family:var(--f-ui);font-weight:800;color:var(--no);flex:0 0 16px;text-align:center;font-size:15px}\n\n/* ============ READING ============ */\n.textbody{font-family:var(--f-de);font-size:17.5px;line-height:1.72;max-width:60ch}\n.textbody p{margin:0 0 15px}\n.gw{\n border-bottom:1.5px dotted var(--line-2);cursor:pointer;\n background:linear-gradient(transparent 62%,var(--marker-soft) 62%);\n}\n.gw:hover{background:var(--marker);border-bottom-color:var(--ink)}\n.tip{\n position:fixed;z-index:60;background:var(--ink);color:var(--bg);\n padding:8px 11px;border-radius:var(--r);font-family:var(--f-fr);font-size:14px;\n max-width:270px;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.22);line-height:1.35;\n}\n.tip b{font-family:var(--f-de);display:block;font-size:13px;opacity:.62;font-weight:600}\n.vocabpairs{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:2px 20px}\n.vp{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px}\n.vp .d{font-weight:600} .vp .f{font-family:var(--f-fr);color:var(--ink-2);text-align:right}\n\n/* ============ LISTENING ============ */\n.audiobig{\n display:flex;align-items:center;justify-content:center;gap:14px;\n padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);\n}\n.playbtn{\n width:66px;height:66px;border-radius:50%;background:var(--ink);color:var(--bg);\n border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 66px;\n}\n.playbtn:hover{opacity:.87}\n.playbtn.small{width:42px;height:42px;flex-basis:42px}\n.diff{display:flex;gap:6px;flex-wrap:wrap;font-family:var(--f-de);font-size:17px;line-height:1.6}\n.diff span{padding:1px 4px;border-radius:2px}\n.diff .g{background:var(--ok-bg);color:var(--ink)}\n.diff .b{background:var(--no-bg);color:var(--ink);text-decoration:line-through;text-decoration-thickness:1.5px}\n.diff .m{background:var(--marker-soft);color:var(--ink);border:1px dashed var(--line-2)}\n.pairbtns{display:grid;grid-template-columns:1fr 1fr;gap:9px}\n.pairbtn{\n background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r);\n padding:16px 12px;cursor:pointer;text-align:center;\n}\n.pairbtn:hover{border-color:var(--ink)}\n.pairbtn .pd{font-size:20px;font-weight:700} .pairbtn .pf{font-family:var(--f-fr);font-size:13px;color:var(--ink-2);margin-top:3px}\n.pairbtn.ok{background:var(--ok-bg);border-color:var(--ok)} .pairbtn.no{background:var(--no-bg);border-color:var(--no)}\n.ipa{font-family:var(--f-mono);font-size:15px;color:var(--ink-2);letter-spacing:.02em}\n.wordchips{display:flex;flex-wrap:wrap;gap:6px}\n.wordchip{\n background:var(--raised);border:1px solid var(--line);border-radius:var(--r);\n padding:6px 10px;cursor:pointer;font-size:14px;display:flex;gap:7px;align-items:baseline;\n}\n.wordchip:hover{border-color:var(--ink)}\n.wordchip .f{font-family:var(--f-fr);font-size:12px;color:var(--ink-3)}\n\n/* ============ REFERENCE ============ */\n.acc{border-top:1.5px solid var(--ink)}\n.acch{\n width:100%;background:none;border:0;border-bottom:1px solid var(--line);\n padding:14px 4px;display:flex;justify-content:space-between;align-items:center;\n cursor:pointer;text-align:left;font-weight:700;font-size:15px;gap:12px;\n}\n.acch:hover{background:var(--surface)}\n.acch .cnt{font-family:var(--f-mono);font-size:11.5px;color:var(--ink-3);font-weight:500}\n.accb{padding:18px 0 26px;border-bottom:1px solid var(--line)}\n.conj{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}\n.conjblock .cn{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin-bottom:6px}\n.conjblock ol{margin:0;padding:0;list-style:none;font-family:var(--f-de);font-size:14px;line-height:1.75}\n\n/* ============ PROGRESS ============ */\n.legend{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--ink-3);font-family:var(--f-mono)}\n.legend i{width:11px;height:11px;border-radius:1.5px;display:inline-block}\n\n/* ============ toast ============ */\n.toast{\n position:fixed;left:50%;bottom:26px;transform:translateX(-50%);\n background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:var(--r);\n font-size:14px;font-weight:500;z-index:80;box-shadow:0 6px 22px rgba(0,0,0,.25);\n}\n\n/* ============ responsive ============ */\n@media (max-width:860px){\n .shell{flex-direction:column}\n .rail{\n position:sticky;top:0;z-index:40;width:100%;flex:none;height:auto;\n flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);\n padding:0 14px;overflow:visible;\n }\n .brand{border-bottom:0;padding:11px 0}\n .brand .tag{display:none}\n .nav{display:none}\n .railfoot{border-top:0;flex-direction:row;align-items:center;margin-left:auto;padding:0;gap:12px}\n .streakline .n{font-size:17px}\n .view{padding:22px 17px 96px}\n .tabbar{\n display:grid;position:fixed;left:0;right:0;bottom:0;z-index:50;\n grid-template-columns:repeat(7,1fr);background:var(--surface);\n border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);\n }\n .tabbar button{\n background:none;border:0;padding:9px 2px 10px;cursor:pointer;color:var(--ink-3);\n display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9.5px;font-weight:600;\n letter-spacing:.01em;position:relative;\n }\n .tabbar button[aria-current=\"page\"]{color:var(--ink)}\n .tabbar button[aria-current=\"page\"]::before{content:\"\";position:absolute;top:0;left:22%;right:22%;height:2.5px;background:var(--ink)}\n .tabbar .ic{width:19px;height:19px}\n .fcard{min-height:360px}\n .tabbar .dot{position:absolute;top:6px;right:calc(50% - 15px);width:6px;height:6px;border-radius:50%;background:var(--marker)}\n h1{font-size:25px}\n .hero .big{font-size:44px}\n .word{font-size:29px}\n .grades{grid-template-columns:repeat(2,1fr)}\n .heat{gap:2px}\n .conj{grid-template-columns:1fr 1fr}\n}\n@media (max-width:460px){\n .conj{grid-template-columns:1fr}\n .pairbtns{grid-template-columns:1fr}\n}\n","label",[135],"d9754983-e412-43ee-9613-cdaef08f19a8","script.js","01a077d2-7678-74de-b4e2-7a1797c3cb00",["D",1788716676384],"/* If you're feeling fancy you can add interactivity\n to your site with Javascript.\n Note: TypeScript won't work in this file. */\n\n// prints \"hi\" in the browser's dev tools console\nconsole.log(\"hi\");",[146],"f39dc46f-54a8-488f-93a0-d989d0ee4852","main.tsx",["D",1788716676384],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[152],"bfaaef5b-d83b-4f69-a098-bc4fdb48ad47","index.html","01a077d2-7678-74de-b4e2-73072fbabba7",["D",1788716676384],"\n\n \n Hi there!\n \n \n \n\n \n \n\n \n \n\n \n \n \n \n

Hi there!

\n\n

\n I'm your cool new webpage. Made with Val Town!\n

\n \n",[158],"499a38c5-aebe-45ee-b9ba-2910f1507642","favicon.svg","01a077d2-7678-74de-b4e2-6f23a34e34fb",["D",1788716676384],"",[164],"bad1074c-195f-4bb4-b171-c9e8a506eb3d",["D",1788717187802],[28],"8989e30e-825b-49c8-bd82-54f6ef3d424e","_hash.ts","7c5f2da2-aa1b-11f1-ae52-1607ee4eb77e",5,["D",1788717045240],"import { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nasync function info(path: string) {\n try {\n const content = await readFile(path, import.meta.url);\n const bytes = new TextEncoder().encode(content);\n const digest = await crypto.subtle.digest(\"SHA-256\", bytes);\n const hex = Array.from(new Uint8Array(digest))\n .map((b) => b.toString(16).padStart(2, \"0\"))\n .join(\"\");\n console.log(`${path} len=${content.length} bytes=${bytes.length} sha256=${hex}`);\n } catch (e) {\n console.log(`${path} ERROR ${String(e)}`);\n }\n}\n\nawait info(\"/data/02.b64\");\nawait info(\"/data/03.b64\");\n",[173],"a11b7460-4c6e-4e97-b963-2fbc2c56050b","README.md","01a077d2-7678-74de-b4e2-6b1567d1e3a5",["D",1788716676384],"# Welcome to Val Town\n\nVal Town is the simplest way to get code running in the cloud.\n\nThis is a basic HTML starter template.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| **[`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter)** *(you're here)* | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| [`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter) | Client-side React SPA with a Hono API backend. |\n\n## Getting started\n\n1. Click `Remix` on this val to get a copy of it\n2. Click `main.tsx` to view the website\n3. Saves to any file will instantly deploy\n\n### ← main.tsx\n\nThis HTTP server hosts all of the other files in this val.\n\nTo view your site in a new tab, click on the `...` menu of `main.tsx` to copy\nyour live HTTP endpoint.\n\n### ← README.md\n\nThat's this file, where you can tell people what your cool website does and how\nyou built it.\n\n### ← index.html\n\nWhere you'll write the content of your website.\n\n### ← style.css\n\nCSS files add styling rules to your content.\n\n### ← script.js\n\nIf you're feeling fancy you can add interactivity to your site with JavaScript.\n\n### ← favicon.svg\n\nThe icon that shows up in the brower tab. Tip: AIs are pretty good at writing\nSVG favicons.\n\n---\n\nThis template was inspired by https://glitch.new/blank.\n",[180],"pulls","branches","forks","envVars",{"_192":63,"_194":63},"connections",{"_192":63,"_193":63},"count","unfilledCount","emptyCount",{"_43":179,"_32":180,"_30":181,"_137":-5,"_41":42,"_40":141,"_139":25,"_38":225,"_13":63,"_33":20,"_35":183,"_24":25,"_143":-5,"_204":226,"_27":227},{"_43":172,"_32":173,"_30":174,"_137":-5,"_41":42,"_40":175,"_139":25,"_38":222,"_13":63,"_33":34,"_35":177,"_24":25,"_143":-5,"_204":223,"_27":224},{"_43":169,"_32":28,"_30":31,"_137":-5,"_41":42,"_40":14,"_139":25,"_38":219,"_13":138,"_33":34,"_35":37,"_24":25,"_143":-5,"_204":220,"_27":221},{"_43":163,"_32":164,"_30":165,"_137":-5,"_41":42,"_40":141,"_139":25,"_38":216,"_13":63,"_33":20,"_35":167,"_24":25,"_143":-5,"_204":217,"_27":218},{"_43":157,"_32":158,"_30":159,"_137":-5,"_41":42,"_40":141,"_139":25,"_38":213,"_13":63,"_33":20,"_35":161,"_24":25,"_143":-5,"_204":214,"_27":215},{"_43":151,"_32":152,"_30":57,"_137":-5,"_41":42,"_40":141,"_139":59,"_38":210,"_13":63,"_33":154,"_35":155,"_24":25,"_143":45,"_204":211,"_27":212},{"_43":145,"_32":146,"_30":147,"_137":-5,"_41":42,"_40":141,"_139":25,"_38":207,"_13":63,"_33":34,"_35":149,"_24":25,"_143":-5,"_204":208,"_27":209},{"_43":134,"_32":135,"_30":136,"_137":-5,"_41":42,"_40":138,"_139":59,"_38":203,"_13":141,"_33":20,"_35":142,"_24":25,"_143":-5,"_204":205,"_27":206},["D",1788717076629],"children",[],[135],["D",1788716676384],[],[146],["D",1788716676384],[],[152],["D",1788716676384],[],[158],["D",1788716676384],[],[164],["D",1788717187802],[],[28],["D",1788717045240],[],[173],["D",1788716676384],[],[180],["D",1788716676384],{"_97":96,"_104":99},{"_97":96,"_98":99,"_100":99,"_18":55,"_101":102,"_103":25},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_123":265,"_266":267,"_268":269,"_270":25,"_271":25,"_272":25,"_273":59,"_274":-5,"_275":-7,"_276":-7,"_277":63,"_278":25,"_279":25,"_280":-5,"_281":25,"_282":25,"_283":25,"_284":-5},"ENV",{"_236":237,"_238":239,"_240":87,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v10