@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff) format("woff")}@font-face{font-family:Harmattan;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/harmattan-arabic-400-normal-DYSLnGAc.woff2) format("woff2"),url(/assets/harmattan-arabic-400-normal-OtaJXj_E.woff) format("woff")}:root{--fond: #f6f2e8;--surface: #fffdf8;--surface-2: #efe8d8;--encre: #1d1b16;--encre-2: #5f594c;--trait: #e2d9c5;--vert: #1f5e3b;--vert-doux: #e2eee5;--sur-vert: #ffffff;--or: #9a6d22;--or-doux: #f5e8cc;--danger: #a63d2f;--rayon: 14px;--ombre: 0 1px 2px rgb(40 30 10 / .06), 0 4px 14px rgb(40 30 10 / .05);--police: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--fond: #121410;--surface: #1b1e18;--surface-2: #252920;--encre: #ece6d6;--encre-2: #a9a291;--trait: #33382d;--vert: #6dbb8b;--vert-doux: #1f3326;--sur-vert: #0d1a12;--or: #dcb46c;--or-doux: #3a3020;--danger: #e0806f;--ombre: none;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--fond);color:var(--encre);font-family:var(--police);font-size:16px;line-height:1.5;-webkit-tap-highlight-color:transparent}h1,h2,h3{line-height:1.25;margin:0 0 .5rem}h2{font-size:1.1rem}h3{font-size:.95rem;color:var(--encre-2)}p{margin:0 0 .75rem}a{color:inherit}.ar-hafs{font-family:Amiri,serif}.ar-warsh{font-family:Harmattan,serif}.barre{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.75rem;padding:calc(env(safe-area-inset-top) + .6rem) 16px .6rem;background:color-mix(in srgb,var(--fond) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--trait)}.marque{font-weight:700;font-size:1.15rem;color:var(--vert)}.retour{text-decoration:none;font-size:1.8rem;line-height:1;padding:0 .4rem;color:var(--vert)}.barre-titre{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bascule{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:3px}.bascule button{border:0;background:transparent;color:var(--encre-2);font:inherit;font-size:.8rem;font-weight:600;padding:.3rem .7rem;border-radius:999px;cursor:pointer}.bascule button[aria-pressed=true]{background:var(--vert);color:var(--sur-vert)}.nav{position:fixed;inset:auto 0 0 0;z-index:10;display:flex;justify-content:space-around;padding:.4rem 0 calc(env(safe-area-inset-bottom) + .4rem);background:var(--surface);border-top:1px solid var(--trait)}.nav a{display:flex;flex-direction:column;align-items:center;gap:.1rem;font-size:.75rem;text-decoration:none;color:var(--encre-2);padding:.2rem 1rem}.nav a span{font-size:1.25rem;line-height:1.2}.nav a.active{color:var(--vert);font-weight:600}.contenu{max-width:720px;margin:0 auto;padding:1rem 16px calc(env(safe-area-inset-bottom) + 6rem)}.carte{display:block;background:var(--surface);border:1px solid var(--trait);border-radius:var(--rayon);box-shadow:var(--ombre);padding:1rem;margin-bottom:1rem;text-decoration:none;color:inherit}.accueil-tete h1{font-size:1.5rem}.accueil-tete p{color:var(--encre-2)}.session{display:flex;align-items:center;justify-content:space-between;background:var(--vert);color:var(--sur-vert);border-color:var(--vert)}.session p{margin:0;opacity:.9}.session .fleche{font-size:1.5rem}.section-tete{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0 .75rem}.section-tete h2{margin:0}.section-tete input{max-width:14rem}.liste{list-style:none;padding:0;margin:0}.oeuvre-titres{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap-reverse}.oeuvre-ar{font-size:1.7rem;line-height:1.6;color:var(--vert)}.oeuvre-latin{font-weight:700}.oeuvre-theme{color:var(--encre-2);font-size:.92rem}.oeuvre-tete{text-align:center;margin-bottom:1rem}.oeuvre-tete .actions{justify-content:center}.titre-ar{font-size:2.4rem;font-weight:400;color:var(--vert)}.badge{display:inline-block;margin-inline-start:.5rem;padding:.05rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;background:var(--or-doux);color:var(--or);vertical-align:middle}.jauge{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:.5rem 0 .25rem}.jauge div{height:100%;background:var(--or);border-radius:999px}.bandeau{display:block;width:100%;text-align:center;padding:.7rem 1rem;border-radius:var(--rayon);border:1px dashed var(--or);background:var(--or-doux);color:var(--encre);font:inherit;margin-bottom:1rem}.bandeau.discret{font-size:.88rem}.vers-tete{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.num{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;border:1.5px solid var(--or);color:var(--or);font-weight:700;font-size:.85rem}.vers-ar{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 2.5rem;margin:.5rem 0 .75rem}.hemistiche{display:flex;flex-wrap:wrap;justify-content:center;gap:.15rem}.seg{font:inherit;font-size:clamp(1.75rem,7vw,2.4rem);line-height:1.9;color:var(--encre);background:transparent;border:0;border-radius:10px;padding:0 .35rem;cursor:pointer;transition:background .15s}.seg:hover{background:var(--surface-2)}.seg.actif{background:var(--vert-doux);color:var(--vert);box-shadow:inset 0 -3px 0 var(--vert)}.seg.cache{color:transparent;background:repeating-linear-gradient(90deg,var(--surface-2) 0 6px,transparent 6px 10px) bottom / 100% 3px no-repeat,var(--surface-2);opacity:.85}.translit{text-align:center;color:var(--encre-2);font-style:italic}.translit .actif{color:var(--vert);font-weight:600}.bulle{text-align:center;background:var(--vert-doux);border-radius:var(--rayon);padding:.75rem 1rem;margin-bottom:.75rem}.bulle-tete{font-size:.85rem;color:var(--encre-2);font-style:italic}.bulle-wo{font-size:1.35rem;font-weight:700;color:var(--vert)}.bulle-fr{color:var(--encre-2)}.bulle-note{font-size:.75rem;color:var(--or);margin-top:.25rem}.vide{font-weight:400;color:var(--encre-2)}.traduction{text-align:center;border-top:1px solid var(--trait);padding-top:.75rem}.note-vers{font-size:.85rem;color:var(--or);text-align:center}.indice{color:var(--encre-2);font-size:.9rem;text-align:center}button,.bouton{font:inherit}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.actions button,.bouton,.notes button,.danger,.reglages>button{display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--trait);background:var(--surface);color:var(--encre);text-decoration:none;font-weight:600;font-size:.9rem;cursor:pointer}.actions button:disabled{opacity:.5}.principal{background:var(--vert)!important;border-color:var(--vert)!important;color:var(--sur-vert)!important}.danger{color:var(--danger)!important;border-color:color-mix(in srgb,var(--danger) 40%,transparent)!important}.enregistre{background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important;animation:pulsation 1.2s infinite}@keyframes pulsation{50%{opacity:.7}}.etape .actions{justify-content:center}.consigne{text-align:center;font-weight:600;margin:.25rem 0 0}.pleine-largeur{display:flex;width:100%;justify-content:center;margin-top:1rem;min-height:3rem;padding:.75rem 1rem;border-radius:999px;border:1px solid var(--trait);background:var(--surface);color:var(--encre);font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer}.pleine-largeur:disabled{opacity:.5}.etapes{display:flex;justify-content:center;gap:.25rem;list-style:none;padding:0;margin:0 0 1rem;font-size:.85rem;color:var(--encre-2)}.etapes li{display:flex;align-items:center;gap:.35rem}.etapes li+li:before{content:"";width:1.25rem;height:2px;margin-inline-end:.25rem;background:var(--trait)}.pastille{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--surface-2);font-weight:700;font-size:.75rem}.etapes .courante{color:var(--encre);font-weight:700}.etapes .courante .pastille{background:var(--or);color:#fff}.etapes .faite .pastille{background:var(--vert);color:var(--sur-vert)}.question{text-align:center;margin-top:1.25rem}.notes{display:grid;gap:.5rem}.notes button{flex-direction:column;gap:.1rem;min-height:3.4rem;border-radius:var(--rayon)}.notes small{font-weight:400;font-size:.8rem;opacity:.85}.note-0{color:var(--danger)!important}.note-1{color:var(--or)!important}.note-2{background:var(--vert)!important;color:var(--sur-vert)!important;border-color:var(--vert)!important}.jour h1{font-size:1.4rem;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem 1rem}.duree{font-size:.9rem;font-weight:500;color:var(--encre-2)}.liste-jour{list-style:none;padding:0;margin:.75rem 0 1rem}.liste-jour li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 0;border-top:1px solid var(--trait)}.etiquette{flex:none;font-size:.75rem;font-weight:700;padding:.15rem .6rem;border-radius:999px}.etiquette.nouveau{background:var(--or-doux);color:var(--or)}.etiquette.revision{background:var(--vert-doux);color:var(--vert)}.jour .indice{text-align:start}.avancement{margin-bottom:1rem}.avancement-texte{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;color:var(--encre-2)}.avancement-texte strong{color:var(--encre)}.medaille{display:inline-grid;place-items:center;width:3.5rem;height:3.5rem;margin-bottom:.75rem;border-radius:50%;background:var(--vert);color:var(--sur-vert);font-size:1.6rem;font-weight:700}.vide-etat{text-align:center}.vide-etat .bouton{margin-top:.5rem}.erreur{color:var(--danger);font-size:.85rem}input,select,textarea{font:inherit;color:var(--encre);background:var(--fond);border:1px solid var(--trait);border-radius:10px;padding:.55rem .75rem;width:100%}textarea.ar-hafs,textarea.ar-warsh,input[lang=ar]{font-size:1.5rem;line-height:1.8}.champ{display:block;margin-bottom:.75rem}.champ>span{display:block;font-size:.8rem;font-weight:600;color:var(--encre-2);margin-bottom:.2rem}.ligne{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0;border-top:1px solid var(--trait)}.ligne input[type=checkbox]{width:1.3rem;height:1.3rem;accent-color:var(--vert)}.ligne select{width:auto}.choix-ecriture{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.option{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem;border:1.5px solid var(--trait);border-radius:var(--rayon);cursor:pointer;font-size:.85rem}.option.choisie{border-color:var(--vert);background:var(--vert-doux)}.option input{display:none}.apercu{font-size:1.9rem;line-height:1.8}.atelier-tete details{margin-top:.75rem}.atelier-tete summary{cursor:pointer;font-weight:600;margin-bottom:.5rem}.etat{font-weight:600;color:var(--vert);margin-top:.5rem}.puces{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:.5rem}.puces button{flex:none;min-width:2.6rem;height:2.6rem;border-radius:999px;border:1px solid var(--trait);background:var(--surface);color:var(--encre);font-weight:700;cursor:pointer}.puces button[aria-pressed=true]{background:var(--vert);color:var(--sur-vert);border-color:var(--vert)}.bloc-hemistiche+.bloc-hemistiche{border-top:1px solid var(--trait);padding-top:.75rem}.decoupage{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.1rem;font-size:1.7rem;line-height:1.9;margin-bottom:.75rem;padding:.25rem;background:var(--fond);border-radius:10px}.coupure{border:0;background:transparent;color:var(--encre-2);font-size:1.2rem;min-width:1.8rem;min-height:2.4rem;cursor:pointer;border-radius:8px}.coupure.coupee{color:var(--or);font-weight:700;font-size:1.5rem}.seg-edit{border-top:1px solid var(--trait);padding-top:.75rem;margin-top:.75rem}.seg-ar{font-size:1.8rem;line-height:1.8;text-align:center;color:var(--vert)}.audio-edit{margin-bottom:.75rem}.etat-audio{font-size:.8rem;color:var(--encre-2)}.etat-audio.ok{color:var(--vert);font-weight:600}.reglages h2{margin-bottom:.75rem}.gauche{text-align:start!important}.centre{justify-content:center}.connexion h1{font-size:1.4rem}.connexion form{margin-top:1rem}input.code{font-size:1.8rem;letter-spacing:.5em;text-align:center;font-variant-numeric:tabular-nums}.google{display:flex;justify-content:center;min-height:44px;margin-top:1rem}.separateur{display:flex;align-items:center;gap:.75rem;color:var(--encre-2);font-size:.85rem;margin:1rem 0 0}.separateur:before,.separateur:after{content:"";flex:1;height:1px;background:var(--trait)}.invite{text-align:center;padding:.5rem 0}.invite p{color:var(--encre-2)}.petit{min-height:2rem!important;padding:.25rem .75rem!important;font-size:.8rem!important;border-radius:999px;background:transparent;cursor:pointer}.ajout{display:flex;gap:.5rem}.ajout button{flex:none;border-radius:999px;padding:0 1.1rem;font-weight:700;border:1px solid var(--vert);cursor:pointer}.reglages>.bouton{display:inline-flex}.lien{background:none!important;border:0!important;color:var(--vert)!important;text-decoration:underline;font-weight:600}