@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-vietnamese-wght-normal-RvljkFvg.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-ext-wght-normal-B6JQhE1e.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-wght-normal-ci0D1wrL.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--fond:#f5f5f0;--texte:#1b2430;--texte-doux:#5b6472;--principal:#0f766e;--principal-fonce:#115e59;--accent:#b45309;--tadabbur:#134e4a;--fond-tadabbur:#f3f1ea;--carte:#fff;--bord:#e3e3dc;--erreur:#b91c1c;--police:"Lexend Variable", system-ui, sans-serif;--police-arabe:"Scheherazade New", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fond:#11171f;--texte:#e8eaed;--texte-doux:#a9b1bc;--principal:#2dd4bf;--principal-fonce:#5eead4;--carte:#1b2430;--bord:#2e3a48;--erreur:#fca5a5}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}*{box-sizing:border-box}body{background:var(--fond);color:var(--texte);font-family:var(--police);margin:0;line-height:1.5}[lang=ar]{font-family:var(--police-arabe);unicode-bidi:isolate;font-size:1.3em;line-height:1.9}button,input,select{font:inherit;min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ecran-accueil{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:420px;margin:0 auto;padding:32px 20px;display:flex}.formulaire{flex-direction:column;gap:12px;width:100%;display:flex}.formulaire input{border:1px solid var(--bord);background:var(--carte);color:var(--texte);text-align:center;letter-spacing:.15em;text-transform:uppercase;border-radius:12px;padding:8px 12px}.principal{background:var(--principal);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px 20px;font-weight:600}.principal:disabled{opacity:.6}.secondaire{border:1px solid var(--principal);color:var(--principal);cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px}.lien{color:var(--principal);cursor:pointer;background:0 0;border:none;text-decoration:underline}.erreur,.pave-message{color:var(--erreur);min-height:1.5em}.profils{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;width:100%;margin:0;padding:0;list-style:none;display:grid}.profil{background:var(--carte);width:100%;color:var(--texte);border:1px solid var(--bord);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.profil-entete{align-items:center;gap:8px;font-weight:600;display:flex}.avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:inline-flex}.pave{flex-direction:column;align-items:center;gap:12px;display:flex}.pave-titre{margin:0;font-size:1.25rem}.pave-points{gap:12px;display:flex}.point{border:2px solid var(--principal);border-radius:50%;width:14px;height:14px}.point.plein{background:var(--principal)}.pave-touches{grid-template-columns:repeat(3,72px);gap:12px;display:grid}.touche{border:1px solid var(--bord);background:var(--carte);height:72px;color:var(--texte);cursor:pointer;border-radius:50%;font-size:1.5rem}.coquille{flex-direction:column;min-height:100vh;display:flex}.entete{justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.marque{color:var(--principal);font-weight:700}.coquille main{flex-grow:1}.page{max-width:720px;margin:0 auto;padding:8px 20px 96px}.carte{background:var(--carte);border:1px solid var(--bord);border-radius:16px;padding:16px}.liste{padding-left:1.2em}.liste li{margin-bottom:8px}.navigation{background:var(--carte);border-top:1px solid var(--bord);padding:4px 0 calc(4px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.navigation button{color:var(--texte-doux);cursor:pointer;background:0 0;border:none;padding:8px 12px}.navigation button[aria-current=page]{color:var(--principal);font-weight:600}@media (width>=900px){.coquille{flex-flow:wrap}.entete{width:100%}.navigation{border-top:none;border-right:1px solid var(--bord);flex-direction:column;order:-1;justify-content:flex-start;width:200px;position:static}}.bandeau-synchro{background:var(--carte);border:1px solid var(--accent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 16px;padding:12px 16px;display:flex}.bandeau-synchro p{flex-basis:100%;margin:0}.bandeau-synchro input{width:8em;font:inherit;letter-spacing:.3em}.avertissement{color:var(--accent);margin:8px 0}.carte-revisions{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.carte-revision .verso{border-top:1px solid var(--bord);margin-top:12px;padding-top:12px}.carte-revision .arabe{font-family:var(--police-arabe);font-size:1.6em}.onglets{gap:8px;margin-bottom:16px;display:flex}.onglets button{border:1px solid var(--bord);background:var(--carte);color:var(--texte);font:inherit;border-radius:999px;padding:6px 14px}.onglets button[aria-selected=true]{background:var(--principal);border-color:var(--principal);color:var(--carte)}.frise-tome{opacity:.7}@font-face{font-family:KFGQPC HAFS Uthmanic Script;src:url(/polices/UthmanicHafs_v2-1.ttf)format("truetype");font-display:swap}@font-face{font-family:Scheherazade New;src:url(/polices/ScheherazadeNew-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Scheherazade New;src:url(/polices/ScheherazadeNew-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--police-coran:"KFGQPC HAFS Uthmanic Script", "Scheherazade New", serif;--taille-coran:28px;--taille-ar:1.3em}.arabe-grand{--taille-coran:34px;--taille-ar:1.55em}.coran{font-family:var(--police-coran);font-size:var(--taille-coran);direction:rtl;unicode-bidi:isolate;line-height:2.2}.ar{font-family:var(--police-arabe);font-size:var(--taille-ar);unicode-bidi:isolate;line-height:1.9}.ar-ligne{text-align:center;margin:2px 0;font-size:27px;line-height:2;display:block}.ar-grand{font-size:28px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lecteur{padding-bottom:80px}.barre-lecon,.serie-barre{align-items:center;gap:12px;padding:8px 16px;display:flex}.barre-titre{color:var(--texte-doux);flex-grow:1;font-size:.85rem}.icone{background:var(--carte);border:1px solid var(--bord);min-width:44px;color:var(--texte);cursor:pointer;border-radius:12px}.selecteur-lecons{gap:8px;padding:4px 16px 8px;display:flex;overflow-x:auto}.selecteur-lecons button{border:1px solid var(--bord);background:var(--carte);min-width:46px;color:var(--texte);cursor:pointer;border-radius:10px;flex-shrink:0;font-weight:600}.selecteur-lecons button[aria-selected=true]{background:var(--texte);color:var(--fond)}.lecteur-colonnes{gap:16px;padding:0 16px;display:grid}.lecteur-principal{flex-direction:column;gap:14px;min-width:0;display:flex}.panneau{display:none}@media (width>=900px){.lecteur-colonnes{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.panneau{flex-direction:column;gap:14px;display:flex;position:sticky;top:12px}.detail-sous-exemple{display:none}}.etiquette{color:var(--texte-doux);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}.lecon-entete h1{margin:4px 0}.sous-titre,.aide,.reference,.source{color:var(--texte-doux);font-size:.9rem}.carte{flex-direction:column;gap:8px;display:flex}.carte-tete{justify-content:space-between;gap:8px;display:flex}.doua-ar{text-align:center;margin:0}.sequence{background:var(--carte);border:1px solid var(--bord);border-radius:18px;scroll-margin-top:12px;overflow:hidden}.sequence.ouverte{border:2px solid var(--accent)}.sequence-entete,.repliable-entete{width:100%;color:var(--texte);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:12px 14px;display:flex}.sequence-titre{flex-direction:column;flex-grow:1;font-weight:600;display:flex}.sequence-info{color:var(--texte-doux);font-size:.85rem;font-weight:400}.pastille-seq{border:2px solid var(--bord);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:inline-flex}.pastille-seq.faite{background:var(--principal);border-color:var(--principal);color:#fff}.sequence-corps{flex-direction:column;gap:14px;padding:0 14px 14px;display:flex}.bouton-exercices{border-radius:16px;flex-direction:column;display:flex}.sous-bouton{font-size:.85rem;font-weight:400}.repliable{border:1px solid var(--bord);border-radius:18px;overflow:hidden}.repliable-corps{padding:0 14px 14px}.repliable-signe{background:var(--fond);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;margin-right:8px;font-weight:700;display:inline-flex}.bloc-piege{color:#1b2430;background:#fff7ed;border-color:#fed7aa}.bloc-sens,.bloc-analogie{color:#1b2430;background:#f5f7ff;border:1px solid #c7d2fe}.encart{border-radius:18px;padding:14px 16px}.bloc-astuce{color:#1b2430;background:#fff7ed;border:1px solid #fed7aa}.bloc-regle{border-left:4px solid var(--principal)}.liste-md{padding-left:0;list-style:none}.liste-md li{text-indent:-14px;padding-left:22px}.liste-md li:before{content:attr(data-puce) "  ";color:var(--principal);font-weight:700}.memo li:before{color:var(--accent)}.tableau-defilant{overflow-x:auto}.tableau-defilant table{border-collapse:collapse;min-width:100%}.tableau-defilant th,.tableau-defilant td{border:1px solid var(--bord);vertical-align:top;padding:6px 8px}.verset{text-align:center;margin:0}.mot-analyse,.mot-surligne{font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:3px solid;min-height:44px;padding:0 4px}.mot-surligne{cursor:default}.mot-analyse[aria-pressed=true]{background:var(--fond);border-radius:8px 8px 0 0}.legende{flex-wrap:wrap;gap:12px;margin:0;padding:0;font-size:.85rem;list-style:none;display:flex}.pastille{border-radius:50%;width:12px;height:12px;margin-right:6px;display:inline-block}.detail-mot{background:var(--fond);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.detail-mot-tete{justify-content:space-between;align-items:center;font-weight:600;display:flex}.pastille-cas{font-weight:600}.choix,.lignes-exercice{flex-direction:column;gap:8px;display:flex}.option{text-align:left;border:2px solid var(--bord);background:var(--carte);color:var(--texte);cursor:pointer;border-radius:12px;padding:10px 12px}.choix-voyelles .option{text-align:center}.option[aria-pressed=true],.etat-choisi{border-color:var(--principal)}.etat-bon{color:#1b2430;background:#ecfdf5;border-color:#047857}.etat-faux{color:#1b2430;background:#fef2f2;border-color:#b91c1c}.etat-manque{border-style:dashed;border-color:#b45309}.mots-touchables{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.mots-touchables .option{font:inherit;text-align:center;padding:0 9px}.rangee-boutons{flex-wrap:wrap;gap:8px;display:flex}.ligne-tete{justify-content:space-between;align-items:center;gap:8px;display:flex}.correction{color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.correction.juste{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.serie,.fin-serie{flex-direction:column;gap:14px;max-width:720px;margin:0 auto;padding:8px 16px 32px;display:flex}.progression{background:var(--bord);border-radius:999px;flex-grow:1;height:8px;overflow:hidden}.progression>div{background:var(--principal);height:100%}.serie-type{justify-content:space-between;display:flex}.serie-actions{justify-content:flex-end;display:flex}.bilan{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.bilan>div{background:var(--carte);border:1px solid var(--bord);border-radius:16px;flex-direction:column;padding:12px;display:flex}.bilan-chiffre{font-size:1.4rem;font-weight:700}.liste-sequences{padding:0;list-style:none}.liste-sequences .suivante{font-weight:600}.bouton-haut{border:1px solid var(--bord);background:var(--carte);width:48px;height:48px;color:var(--texte);cursor:pointer;border-radius:50%;position:fixed;bottom:84px;right:16px}.frise{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.frise-lecon{background:var(--carte);border:1px solid var(--bord);width:100%;color:var(--texte);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;padding:12px;display:grid}.frise-code{font-weight:700}.frise-faite .frise-etat{color:var(--principal)}.frise-en_cours .frise-lecon{border:2px solid var(--accent)}.carte-continuer{text-align:left;width:100%;color:var(--texte);cursor:pointer}.carte-titre{font-weight:600}.a-propos p{font-size:.9rem}@font-face{font-family:KFGQPC HAFS v3;src:url(/polices/kfgqpc_hafs_v30.ttf)format("truetype");font-display:block}.lecteur-coran{--taille-coran:28px}.lecteur-coran.arabe-grand{--taille-coran:34px}.lecteur-coran h1{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.nom-sourate,.coran-lecteur{font-family:KFGQPC HAFS v3,serif}.nom-sourate{font-size:1.3em;line-height:1.9}.lecteur-outils{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.lecteur-outils select,.lecteur-outils input{border:1px solid var(--bord);background:var(--carte);color:var(--texte);border-radius:10px;padding:6px 10px}.lecteur-outils input{width:8em}.lecteur-outils .erreur:empty{display:none}.lecteur-outils .aide{color:var(--texte-doux);margin:0;font-size:.9rem}.modes-voyelles{background:var(--bord);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.modes-voyelles button{color:var(--texte-doux);cursor:pointer;background:0 0;border:0;border-radius:9px;font-weight:600}.modes-voyelles button[aria-pressed=true]{background:var(--carte);color:var(--principal)}.versets-coran{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.versets-coran li{background:var(--carte);border:1px solid var(--bord);border-radius:16px;padding:6px 14px;scroll-margin-top:12px}.versets-coran>li{content-visibility:auto;contain-intrinsic-size:auto 140px}.versets-coran li.cible{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.versets-coran li:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.coran-lecteur{font-size:var(--taille-coran);text-align:right;unicode-bidi:isolate;margin:0;line-height:2.2}.fin-verset{color:var(--principal)}.mot-nu{min-width:44px;min-height:44px;color:inherit;font:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 4px}.mot-nu[aria-pressed=true]{background:var(--fond)}.panneau-mot{border-top:1px solid var(--bord);margin:8px 0 4px;padding:12px 14px;font-size:.95rem}.panneau-mot .mot-choisi{font-family:KFGQPC HAFS v3,serif;font-size:var(--taille-coran);text-align:right;margin:0 0 6px;line-height:2.2}.panneau-mot .segments{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.panneau-mot .segment{font-family:KFGQPC HAFS v3,serif;font-size:1.3em;line-height:1.9}.panneau-mot .nature,.panneau-mot .code,.panneau-mot .note{color:var(--texte-doux)}.panneau-mot dl{grid-template-columns:max-content 1fr;gap:2px 10px;margin:4px 0 0;display:grid}.panneau-mot dt{color:var(--texte-doux)}.panneau-mot dd{margin:0}.panneau-mot dd [lang=ar]{font-size:1.3em;line-height:1.9}.panneau-mot .note{font-size:.85rem}@media (width>=900px){.versets-coran li.avec-panneau{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.versets-coran li.avec-panneau .panneau-mot{border-top:0;border-left:1px solid var(--bord);margin:0}}
