:root{--bg:#f7f5f0;--surface:#fff;--text:#1c2230;--muted:#5d6576;--border:#e3dfd5;--primary:#1d3557;--primary-text:#fff;--accent:#f2c230;--ok:#1f7a4d;--ok-bg:#e5f4ec;--ko:#b3261e;--ko-bg:#fbe9e7;--warn-bg:#fff4d6;--radius:14px;--shadow:0 1px 2px #141e320f, 0 4px 16px #141e320d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#12161f;--surface:#1b2130;--text:#e9ecf2;--muted:#a3abbb;--border:#2c3446;--primary:#8fb3e8;--primary-text:#0f1420;--accent:#f2c230;--ok:#6fd3a0;--ok-bg:#173126;--ko:#ff8a80;--ko-bg:#3a1d1b;--warn-bg:#3a3218;--shadow:none}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.5}a{color:var(--primary)}h1{margin:0 0 .4rem;font-size:1.6rem;line-height:1.2}h2{margin:0 0 .6rem;font-size:1.2rem}h3{margin:1rem 0 .4rem;font-size:1.05rem}p{margin:0 0 .75rem}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:10;padding:calc(.6rem + env(safe-area-inset-top)) 16px .6rem;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent) 50%, #1c2230 50%);border-radius:6px;width:22px;height:22px}.sync{color:var(--muted);font-size:.75rem}.sync-error{color:var(--ko)}.content{width:100%;max-width:760px;padding:1rem 16px calc(5.5rem + env(safe-area-inset-bottom));flex:1;margin:0 auto}.tabbar{background:var(--surface);border-top:1px solid var(--border);padding:.3rem 0 calc(.3rem + env(safe-area-inset-bottom));z-index:10;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{text-align:center;color:var(--muted);flex:1;padding:.6rem .2rem;font-size:.8rem;text-decoration:none}.tabbar a.active{color:var(--primary);font-weight:600}@media (width>=900px){.tabbar{border-top:0;border-bottom:1px solid var(--border);order:-1;justify-content:center;gap:1rem;position:sticky;top:0}.tabbar a{flex:none;font-size:.95rem}.content{padding-bottom:3rem}}.stack>*+*{margin-top:1rem}.stack-sm>*+*{margin-top:.6rem}.row{align-items:center;gap:.5rem;display:flex}.row.between{justify-content:space-between}.row.center{justify-content:center}.row.wrap{flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem}.card.planned{opacity:.85}.card.pro{border-left:4px solid var(--accent)}.hero{background:var(--primary);color:var(--primary-text);border-radius:var(--radius);padding:1.3rem}.hero .btn.primary{background:var(--accent);color:#1c2230;border-color:var(--accent)}.level{background:var(--accent);color:#1c2230;border-radius:6px;padding:0 .4rem}.muted{color:var(--muted)}.small{font-size:.85rem}.eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.2rem;font-size:.75rem}.btn{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.95rem;text-decoration:none;display:inline-flex}.btn.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary);font-weight:600}.btn.secondary{border-color:var(--primary);color:var(--primary)}.btn.danger{color:var(--ko)}.btn:disabled{opacity:.45;cursor:default}.btn small{opacity:.75;font-size:.7rem;display:block}button.link{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.icon-btn{border:1px solid var(--border);background:var(--surface);min-width:40px;height:40px;color:var(--primary);cursor:pointer;font:inherit;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-btn.small{min-width:44px;font-size:.75rem}.icon-btn.recording{background:var(--ko);color:#fff;border-color:var(--ko)}.audio,.recorder{flex-wrap:wrap;align-items:center;gap:.3rem;display:inline-flex}.audio-src{border-radius:6px;padding:.15rem .4rem;font-size:.75rem}.audio-src.warn{background:var(--warn-bg)}.audio-src.error{background:var(--ko-bg);color:var(--ko)}.mini-player{max-width:220px;height:36px}.bar{background:#7f7f7f40;border-radius:999px;flex:1;height:8px;overflow:hidden}.bar>div{background:var(--accent);height:100%;transition:width .3s}.bar.big{height:12px;margin:.6rem 0 1rem}.stats{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex-direction:column;padding:.8rem;text-decoration:none;display:flex}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{color:var(--muted);font-size:.75rem}.lesson-list{margin:0 0 1rem;padding:0;list-style:none}.lesson-list a{border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:.75rem;padding:.65rem 0;text-decoration:none;display:flex}.lesson-list .num{border:2px solid var(--border);border-radius:999px;flex-shrink:0;place-items:center;width:32px;height:32px;font-weight:600;display:grid}.lesson-list a.done .num{background:var(--ok);border-color:var(--ok);color:#fff}.lesson-title{flex-direction:column;flex:1;display:flex}.lesson-title small{color:var(--muted)}.score{color:var(--muted);font-size:.85rem}.tag{white-space:nowrap;vertical-align:middle;border:1px solid;border-radius:999px;padding:.12rem .45rem;font-size:.7rem;font-weight:600;display:inline-block}.tag.ok{color:var(--ok)}.tag.pending{color:#9a6b00}.reg-standaard.tag{color:var(--ok)}.reg-spreektaal.tag{color:#2c6bb3}.reg-tussentaal.tag{color:#8a4fbf}.reg-regionaal.tag{color:#b0611a}.reg-nl-NL.tag{color:var(--ko)}@media (prefers-color-scheme:dark){.tag.pending{color:#f2c230}.reg-spreektaal.tag{color:#8fb3e8}.reg-tussentaal.tag{color:#c9a3f0}.reg-regionaal.tag{color:#f0a868}}.steps{gap:.35rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.steps button{border:1px solid var(--border);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;flex-shrink:0;min-height:40px;padding:.4rem .75rem;font-size:.85rem}.steps button span{font-weight:700}.steps button.active{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.toggle{align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.toggle.block{margin:.8rem 0 .3rem;display:flex}.vocab{margin:0;padding:0;list-style:none}.vocab-item{border-bottom:1px solid var(--border);padding:.8rem 0}.vocab-main{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.nl{font-weight:600}.vocab-main .nl{font-size:1.15rem}.fr{color:var(--muted)}.note{background:var(--bg);border-radius:8px;margin:.4rem 0;padding:.45rem .6rem;font-size:.88rem}.example{flex-wrap:wrap;align-items:center;gap:.3rem;font-size:.92rem;display:flex}.vocab-actions{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.45rem .5rem}th{color:var(--muted);font-weight:600}.examples{padding:0;list-style:none}.examples li{grid-template-columns:auto 1fr;align-items:center;column-gap:.6rem;padding:.35rem 0;display:grid}.examples li .muted{grid-column:2;font-size:.88rem}.dialogue{margin:0;padding:0;list-style:none}.dialogue .line{margin-bottom:.8rem}.speaker{color:var(--muted);font-size:.75rem}.bubble{background:var(--bg);border-radius:12px;flex-direction:column;gap:.2rem;max-width:92%;padding:.6rem .75rem;display:flex}.voice-arnaud{text-align:right}.voice-arnaud .bubble{text-align:left;background:#f2c2302e;margin-left:auto}.culture{border-left:4px solid var(--accent);margin-top:1.2rem;padding:.2rem 0 .2rem .9rem}.exercise .ex-type{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.3rem;font-size:.8rem}.ex-prompt{font-size:1.1rem}.ex-prompt.listen{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.options{gap:.5rem;display:grid}.option{text-align:left;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;min-height:48px;padding:.75rem .9rem}.option.correct{border-color:var(--ok);background:var(--ok-bg)}.option.wrong{border-color:var(--ko);background:var(--ko-bg)}.text-answer input,label input[type=email],label input[type=password]{width:100%;font:inherit;border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;margin:.3rem 0 .7rem;padding:.7rem .8rem;font-size:1.05rem;display:block}.order-line{border:1.5px dashed var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:.35rem;min-height:56px;margin-bottom:.6rem;padding:.4rem;display:flex}.order-bank{flex-wrap:wrap;gap:.35rem;margin-bottom:.8rem;display:flex}.chip{border:1.5px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;min-height:42px;padding:.45rem .7rem}.chip.placed{border-color:var(--primary)}.chip:disabled{opacity:.35}.chip.placed:disabled{opacity:1}.feedback{border-radius:12px;margin-top:1rem;padding:.9rem}.feedback.ok{background:var(--ok-bg)}.feedback.ko{background:var(--ko-bg)}.feedback-title{font-weight:700}.runner-head{color:var(--muted);align-items:center;gap:.8rem;margin-bottom:.8rem;font-size:.85rem;display:flex}.result{text-align:center}.result .row{justify-content:center}.result ul{text-align:left}.big-score{margin:.2rem 0;font-size:2.6rem;font-weight:800}.segmented{border:1px solid var(--border);border-radius:10px;display:flex;overflow:hidden}.segmented button{background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border:0;flex:1;min-height:44px;padding:.6rem .4rem;font-size:.88rem}.segmented button.active{background:var(--primary);color:var(--primary-text)}.flashcard{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;min-height:260px;display:flex}.flashcard hr{border:0;border-top:1px solid var(--border);width:100%}.flash-front{margin:0;font-size:1.5rem;font-weight:600}.flash-back{color:var(--primary);margin:0;font-size:1.5rem;font-weight:700}.grades{grid-template-columns:repeat(4,1fr);gap:.4rem;width:100%;display:grid}.grades .btn{flex-direction:column;padding:.4rem;font-size:.85rem}.grade-again{border-color:var(--ko)!important}.grade-good{border-color:var(--ok)!important}.warn-box{background:var(--warn-bg);border-radius:10px;padding:.7rem}.history{padding-left:1.1rem}.registers{padding:0;list-style:none}.registers li{margin-bottom:.5rem}.level-title{margin-top:1.4rem}@media (width<=420px){.grades{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.25rem}}.hero-total{opacity:.8;margin:.9rem 0 0;font-size:.85rem}details.module>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;list-style:none;display:flex}details.module>summary::-webkit-details-marker{display:none}details.module[open]>summary{margin-bottom:.6rem}.module-head{flex-direction:column;display:flex}.module-title{font-size:1.1rem;font-weight:600}