:root{--bg:#f6f7f9;--surface:#fff;--text:#1c2430;--muted:#5b6676;--border:#dde2e8;--primary:#1f5fa8;--primary-text:#fff;--correct:#1d7a46;--correct-bg:#e6f4ec;--wrong:#b42318;--wrong-bg:#fdecea;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#12161c;--surface:#1b2129;--text:#e7ebf0;--muted:#9aa5b4;--border:#2d3541;--primary:#5b9be0;--primary-text:#0d1117;--correct:#5fc48b;--correct-bg:#16301f;--wrong:#f2837a;--wrong-bg:#3a1a18}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1{margin:0 0 1rem;font-size:1.6rem;line-height:1.25}h2{margin:1.5rem 0 .75rem;font-size:1.15rem}a{color:var(--primary)}.app{min-height:100vh}.header{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.brand{color:var(--text);font-size:1.1rem;font-weight:700;text-decoration:none}.lang-select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:.4rem .6rem}.main{max-width:42rem;margin:0 auto;padding:1.25rem 1rem 3rem}.tagline{color:var(--muted);margin:0 0 1.25rem}.breadcrumbs{color:var(--muted);margin-bottom:.75rem;font-size:.9rem}.breadcrumbs a{color:var(--muted)}.status{text-align:center;color:var(--muted);padding:2rem 0}.cards{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.cards{grid-template-columns:1fr 1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:100%;min-height:4.5rem;color:var(--text);flex-direction:column;justify-content:center;gap:.25rem;padding:1rem 1.1rem;text-decoration:none;display:flex;position:relative}.card:hover,.card:focus-visible{border-color:var(--primary)}.card-category{padding-right:2.5rem}.card-title{font-size:1.05rem;font-weight:600}.card-meta{color:var(--muted);font-size:.9rem}.card-arrow{color:var(--muted);font-size:1.5rem;position:absolute;top:50%;right:1.1rem;transform:translateY(-50%)}.button{min-height:3rem;font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:.6rem 1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.button-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-text)}.button:disabled{opacity:.5;cursor:default}.progress{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-bar{background:var(--primary);height:100%;transition:width .2s}.progress-label{color:var(--muted);margin:.5rem 0 0;font-size:.9rem}.prompt{margin:1.25rem 0 1rem;font-size:1.25rem}.choices{gap:.6rem;display:grid}.choice{width:100%;min-height:3.25rem;font:inherit;text-align:left;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;padding:.75rem 1rem}.choice:not(:disabled):hover{border-color:var(--primary)}.choice:disabled{cursor:default}.is-correct{background:var(--correct-bg);border-color:var(--correct)!important}.is-wrong{background:var(--wrong-bg);border-color:var(--wrong)!important}.is-dim{opacity:.55}.free-text{flex-direction:column;gap:.6rem;display:flex}@media (width>=480px){.free-text{flex-direction:row}.free-text .text-input{flex:1}}.text-input{min-height:3.25rem;font:inherit;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:.75rem 1rem;font-size:1rem}.text-input:focus{border-color:var(--primary);outline:none}.feedback{border-radius:var(--radius);border-left:5px solid;margin-top:1rem;padding:1rem 1.1rem}.feedback p{margin:0 0 .6rem}.feedback .button{width:100%;margin-top:.4rem}.feedback-correct{background:var(--correct-bg);border-color:var(--correct)}.feedback-wrong{background:var(--wrong-bg);border-color:var(--wrong)}.feedback-title{font-size:1.1rem;font-weight:700}.summary-lesson{color:var(--muted);margin:-.5rem 0 1rem}.score{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem;display:flex}.score-percent{color:var(--primary);font-size:2.75rem;font-weight:800;line-height:1}.perfect{text-align:center;margin-top:1rem;font-weight:600}.review{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.review li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem}.review p{margin:0}.review-prompt{font-weight:600;margin-bottom:.35rem!important}.review-wrong{color:var(--wrong)}.review-right{color:var(--correct)}.actions{flex-direction:column;gap:.6rem;margin-top:1.5rem;display:flex}@media (width>=480px){.actions{flex-direction:row}.actions .button{flex:1}}