:root{--bleu:#4a90e2;--vert:#5cb85c;--rouge:#e74c3c;--orange:#f39c12;--violet:#9b59b6;--jaune:#f1c40f;--rose:#e91e8c;--gris-bg:#f8f9fa;--gris-brd:#dee2e6;--texte:#2c3e50;--radius:12px;--shadow:0 4px 12px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--gris-bg);color:var(--texte);min-height:100vh;font-family:Segoe UI,system-ui,sans-serif}.container{max-width:1100px;margin:0 auto;padding:2rem 1.25rem}.section-heading{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.4rem;font-weight:800;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}.card{border-radius:var(--radius);box-shadow:var(--shadow);color:var(--texte);text-align:center;border-top:5px solid var(--bleu);cursor:pointer;background:#fff;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.card-icon{font-size:2.5rem}.card-title{font-size:1.05rem;font-weight:700}.card-desc{color:#666;font-size:.85rem}.card-tag{background:var(--gris-bg);border-radius:20px;padding:.2rem .6rem;font-size:.75rem;font-weight:700}.card.maternelle{border-color:var(--rose)}.card.maths{border-color:var(--bleu)}.card.francais{border-color:var(--vert)}.card.lecture{border-color:var(--orange)}.card.autres{border-color:var(--violet)}.card.imprimer{border-color:var(--orange)}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.65rem 1.5rem;font-size:1rem;font-weight:700;transition:opacity .15s,transform .1s;display:inline-flex}.btn:hover{opacity:.88}.btn:active{transform:scale(.97)}.btn-primary{background:var(--bleu);color:#fff}.btn-success{background:var(--vert);color:#fff}.btn-danger{background:var(--rouge);color:#fff}.btn-warning{background:var(--orange);color:#fff}.btn-ghost{background:var(--gris-bg);color:var(--texte);border:2px solid var(--gris-brd)}.level-btn{border:2px solid var(--gris-brd);cursor:pointer;background:#fff;border-radius:20px;padding:.4rem 1rem;font-size:.85rem;font-weight:700;transition:border-color .15s,background .15s,color .15s}.level-btn:hover{border-color:var(--bleu);color:var(--bleu)}.level-btn.active{background:var(--bleu);border-color:var(--bleu);color:#fff}.exercise-box{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;max-width:680px;margin:0 auto;padding:2rem}.exercise-question{text-align:center;letter-spacing:-1px;margin:1rem 0;font-size:3rem;font-weight:900}.exercise-input{text-align:center;border:3px solid var(--gris-brd);border-radius:var(--radius);outline:none;width:100%;padding:.5rem;font-size:2rem;font-weight:700;transition:border-color .15s;display:block}.exercise-input:focus{border-color:var(--bleu)}.exercise-input.ok{border-color:var(--vert);background:#f0faf0}.exercise-input.erreur{border-color:var(--rouge);background:#fef0f0}.feedback{text-align:center;min-height:2rem;padding:.5rem;font-size:1.2rem;font-weight:800}.feedback.ok{color:var(--vert)}.feedback.erreur{color:var(--rouge)}.btn-quitter{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ccc;border-radius:6px;padding:.2rem .6rem;font-size:.8rem;font-weight:600;transition:background .15s,color .15s}.btn-quitter:hover{color:#c53030;background:#fee2e2;border-color:#c53030}.score-bar{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:680px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;padding:.75rem 1.25rem;font-weight:700;display:flex}.prog-dots{flex-wrap:wrap;justify-content:center;gap:6px;margin:1rem 0;display:flex}.prog-dot{background:var(--gris-brd);border-radius:50%;width:12px;height:12px;transition:background .2s}.prog-dot.current{background:var(--bleu);transform:scale(1.3)}.prog-dot.ok{background:var(--vert)}.prog-dot.erreur{background:var(--rouge)}.progress-track{background:var(--gris-brd);border-radius:5px;width:100%;height:10px;margin:.75rem 0;overflow:hidden}.progress-fill{background:var(--bleu);border-radius:5px;height:100%;transition:width .3s}.config-box{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;max-width:720px;margin:0 auto;padding:1.75rem}.config-section{margin-bottom:1.25rem}.config-section-title{text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:.5rem;font-size:.9rem;font-weight:800}.config-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.config-label{font-weight:700}.btn-group{flex-wrap:wrap;gap:.5rem;display:flex}.timer-bar{background:var(--gris-brd);border-radius:4px;width:100%;height:8px;margin:.5rem 0;overflow:hidden}.timer-fill{background:var(--bleu);border-radius:4px;height:100%;transition:width .1s linear}.timer-fill.urgent{background:var(--rouge)}.coming-soon{text-align:center;border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;max-width:480px;margin:2rem auto;padding:3rem 2rem}.coming-soon .icon{margin-bottom:1rem;font-size:3rem}.coming-soon p{color:#666;font-size:1.1rem}.result-score{text-align:center;font-size:3.5rem;font-weight:900}.result-msg{color:#555;text-align:center;margin:.5rem 0 1.5rem;font-size:1.2rem}.correction-table{border-collapse:collapse;text-align:left;width:100%;margin-bottom:1.25rem;font-size:.95rem}.correction-table th{background:var(--gris-bg);text-transform:uppercase;letter-spacing:.04em;color:#666;padding:.5rem .75rem;font-size:.8rem;font-weight:800}.correction-table td{border-bottom:1px solid var(--gris-brd);padding:.5rem .75rem}.correction-table tr.ok td{background:#f0faf0}.correction-table tr.erreur td{background:#fef0f0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--gris-brd);border-top-color:var(--bleu);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.loading-badge{color:#888;border:2px solid var(--gris-brd);border-radius:20px;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.85rem;display:inline-flex}@keyframes tomber{to{opacity:0;top:110vh;transform:rotate(720deg)}}@media (width<=520px){.exercise-question{font-size:2.2rem}.exercise-input{font-size:1.5rem}.container{padding:1rem .75rem}}.nav[data-v-aeb08100]{box-shadow:var(--shadow);background:#fff;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.nav-logo[data-v-aeb08100]{color:var(--bleu);font-size:1.5rem;font-weight:800;text-decoration:none}.nav-links[data-v-aeb08100]{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.nav-links a[data-v-aeb08100]{color:var(--texte);border-radius:20px;padding:.35rem .75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.nav-links a[data-v-aeb08100]:hover{background:var(--gris-bg)}.nav-links a.active[data-v-aeb08100]{background:var(--bleu);color:#fff}.nav-links a.nav-imprimer[data-v-aeb08100]{border:2px solid var(--orange);color:#b35c00}.nav-links a.nav-imprimer.active[data-v-aeb08100]{background:var(--orange);color:#fff}.nav-settings[data-v-aeb08100]{opacity:.55;font-size:1.1rem}.nav-settings[data-v-aeb08100]:hover{opacity:1}.nav-classe[data-v-aeb08100]{background:var(--gris-bg);border-radius:20px;flex-wrap:wrap;align-items:center;gap:2px;margin-left:auto;padding:3px;display:flex}.nav-classe-label[data-v-aeb08100]{color:#888;text-transform:uppercase;padding:0 .4rem 0 .5rem;font-size:.75rem;font-weight:800}.nav-classe button[data-v-aeb08100]{font:inherit;color:#555;cursor:pointer;background:0 0;border:none;border-radius:16px;padding:.25rem .55rem;font-size:.8rem;font-weight:700}.nav-classe button[data-v-aeb08100]:hover{background:#fff}.nav-classe button.active[data-v-aeb08100]{background:var(--vert);color:#fff}@media print{.nav[data-v-aeb08100]{display:none}}