:root{--emerald-950:#042c26;--emerald-900:#063b33;--emerald-800:#0a5c4c;--emerald-700:#0b6b57;--emerald-500:#14a37f;--teal-400:#2ec4b6;--teal-200:#a6ece2;--teal-50:#e9faf6;--gold-600:#b87a06;--gold-500:#f2b632;--gold-300:#ffd56b;--cream-50:#fffbf2;--cream-100:#fdf3dc;--cream-200:#f6e6bf;--ink:#0f2a26;--ink-soft:#2f514a;--white:#ffffff;--st-decouvrir:#5560d6;--st-decouvrir-bg:#eceefe;--st-apprentissage:#0e8f7c;--st-apprentissage-bg:#def6f1;--st-pret:#b06d00;--st-pret-bg:#fff1cc;--st-appris:#0c7a4f;--st-appris-bg:#ddf4e6;--st-revision:#c0482a;--st-revision-bg:#fde6dd;--ff-display:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold","Nunito","Varela Round",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--ff-body:ui-rounded,"SF Pro Rounded","Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--fs-sm:0.95rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:clamp(1.5rem,1.2rem + 1.2vw,2rem);--fs-2xl:clamp(2rem,1.4rem + 2.6vw,3.25rem);--fs-3xl:clamp(2.6rem,1.6rem + 4.5vw,4.75rem);--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--r-sm:0.75rem;--r-md:1.25rem;--r-lg:1.75rem;--r-xl:2.5rem;--r-pill:999px;--sh-soft:0 2px 0 rgba(6,59,51,0.06),0 10px 30px -12px rgba(6,59,51,0.25);--sh-lift:0 4px 0 rgba(6,59,51,0.12),0 18px 40px -16px rgba(6,59,51,0.4);--sh-btn:0 5px 0 var(--gold-600);--focus:0 0 0 3px var(--white),0 0 0 6px #1d4ed8;--ease-pop:cubic-bezier(0.34,1.56,0.64,1);--dur:180ms}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--ff-body);font-size:var(--fs-md);line-height:1.55;color:var(--ink);background:var(--cream-50);overflow-x:hidden}h1,h2,h3{font-family:var(--ff-display);font-weight:800;letter-spacing:-.01em;line-height:1.15;color:var(--emerald-900)}h1,h2,h3,p{margin:0 0 var(--sp-3)}a{color:var(--emerald-700)}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r-sm)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--sp-4);top:-4rem;z-index:10;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);background:var(--white);color:var(--emerald-900);font-weight:800}.skip-link:focus{top:var(--sp-3)}main{max-width:72rem;margin:0 auto;padding:var(--sp-5) var(--sp-4) var(--sp-7)}svg{flex-shrink:0}button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:3.25rem;padding:.7rem 1.5rem;border:0;border-radius:var(--r-pill);font-family:var(--ff-display);font-weight:800;font-size:var(--fs-lg);line-height:1.1;text-decoration:none;text-align:center;transition:transform var(--dur) var(--ease-pop),box-shadow var(--dur),filter var(--dur)}.btn:hover{filter:brightness(1.04);transform:translateY(-2px)}.btn:active{transform:translateY(3px)}.btn-hero,.btn-play{background:linear-gradient(180deg,var(--gold-300),var(--gold-500));color:var(--emerald-950);box-shadow:var(--sh-btn)}.btn-hero:active,.btn-play:active{box-shadow:0 2px 0 var(--gold-600)}.btn-hero{min-height:4rem;padding:.9rem 2.2rem;font-size:clamp(1.25rem,1.05rem + .8vw,1.6rem)}.btn-soft{background:var(--white);color:var(--emerald-800);box-shadow:inset 0 0 0 2px var(--teal-200),0 4px 0 var(--teal-200)}.btn-parent{background:var(--emerald-900);color:var(--cream-50);box-shadow:0 5px 0 var(--emerald-950);font-size:var(--fs-md)}.btn:disabled{cursor:not-allowed;background:#e4e7e3;color:#4f5d59;box-shadow:0 4px 0 #c7ccc8;transform:none;filter:none}.theme-kid{min-height:100vh;background:radial-gradient(60rem 30rem at 85% -10%,rgba(46,196,182,.18),transparent 60%),radial-gradient(50rem 30rem at -10% 20%,rgba(255,213,107,.2),transparent 60%),var(--cream-50)}.k-header{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3) var(--sp-4);padding:var(--sp-3) max(var(--sp-4),calc((100vw - 72rem) / 2 + var(--sp-4)));background:rgba(255,251,242,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(11,107,87,.12)}.k-brand{display:inline-flex;align-items:center;gap:var(--sp-2);text-decoration:none}.brand-title,.k-brand-name{font-family:var(--ff-display);font-weight:800;color:var(--emerald-900);letter-spacing:-.01em}.k-brand-name{font-size:1.5rem}.brand-title span,.k-brand-name span{color:var(--gold-600)}.k-nav{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-left:auto}.k-nav a{display:inline-flex;align-items:center;min-height:2.75rem;padding:.35rem 1rem;border-radius:var(--r-pill);font-weight:800;text-decoration:none;color:var(--emerald-800)}.k-nav a:hover{background:var(--teal-50)}.k-nav a[aria-current=page]{background:var(--emerald-700);color:var(--white)}.k-nav .k-nav-parent{color:var(--ink-soft);border:2px solid rgba(11,107,87,.2)}.eyebrow{margin:0 0 var(--sp-1);font-weight:800;font-size:var(--fs-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--emerald-700)}.eyebrow-light{color:var(--gold-300)}.accent{color:var(--gold-600)}.section-title{font-size:var(--fs-xl);margin:var(--sp-6) 0 var(--sp-4)}.preview-note{display:flex;gap:var(--sp-2);align-items:flex-start;padding:var(--sp-3) var(--sp-4);margin:var(--sp-4) 0;border-radius:var(--r-md);background:var(--white);border:2px dashed var(--cream-200);color:var(--ink-soft);font-weight:600}.preview-note:before{content:"";flex:0 0 1.25rem;height:1.25rem;margin-top:.1rem;border-radius:50%;background:var(--gold-300);box-shadow:inset 0 0 0 5px var(--white),0 0 0 2px var(--gold-500)}.home-hero{position:relative;overflow:hidden;min-height:clamp(26rem,60vh,34rem);border-radius:var(--r-xl);box-shadow:var(--sh-lift);isolation:isolate;display:flex;align-items:flex-start}.home-hero-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.home-hero-content{position:relative;max-width:34rem;padding:clamp(1.5rem,1rem + 3vw,3.5rem)}.brand-title{font-size:var(--fs-3xl);color:var(--white);margin-bottom:var(--sp-3);text-shadow:0 3px 0 rgba(4,44,38,.35)}.brand-title span{color:var(--gold-300)}.home-lead{font-size:clamp(1.1rem,1rem + .5vw,1.35rem);font-weight:700;color:var(--cream-50);max-width:26rem;margin-bottom:var(--sp-5);text-shadow:0 1px 2px rgba(4,44,38,.4)}.home-hero-mascot{position:absolute;right:clamp(.5rem,6vw,5rem);bottom:clamp(.5rem,3vw,2rem);width:clamp(96px,16vw,170px);height:auto;animation:float 4s ease-in-out infinite}.quest-banner{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:var(--sp-5);gap:var(--sp-5);margin-top:calc(-1 * var(--sp-6));margin-inline:clamp(0rem,3vw,2rem);position:relative;padding:var(--sp-5);border-radius:var(--r-lg);background:var(--white);box-shadow:var(--sh-lift);border:3px solid var(--cream-200)}.quest-banner h2{font-size:var(--fs-2xl);margin-bottom:var(--sp-2)}.quest-banner-progress{padding:var(--sp-4);border-radius:var(--r-md);background:var(--teal-50)}.quest-banner-progress h3{font-size:var(--fs-lg)}.mini-trail{display:flex;gap:var(--sp-3);list-style:none;padding:0;margin:var(--sp-4) 0 0}.mini-trail li{position:relative;display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--cream-100);border:3px solid var(--emerald-700);font-family:var(--ff-display);font-weight:800;color:var(--emerald-900)}.mini-trail li+li:before{content:"";position:absolute;right:100%;width:var(--sp-3);border-top:3px dotted var(--emerald-500)}.mini-trail li:first-child{background:var(--gold-300)}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--sp-4);gap:var(--sp-4);list-style:none;padding:0;margin:0}.how-steps li{padding:var(--sp-5) var(--sp-4);border-radius:var(--r-lg);background:var(--white);box-shadow:var(--sh-soft);text-align:center}.how-steps h3{font-size:var(--fs-lg);margin:var(--sp-3) 0 var(--sp-1)}.how-steps p{margin:0;color:var(--ink-soft)}.home-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-6);padding:var(--sp-5);border-radius:var(--r-lg);background:var(--cream-100)}.home-footer>div{flex:1 1 28rem}.home-footer h2{font-size:var(--fs-lg)}.home-footer .preview-note{margin:0 0 var(--sp-3)}.small{font-size:var(--fs-sm);color:var(--ink-soft)}.quest-summary{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2)}.qs-stars{display:flex;align-items:center;gap:var(--sp-2)}.qs-stars p{margin:0;font-weight:700}.qs-stars strong{font-family:var(--ff-display);font-size:1.6rem;color:var(--emerald-900)}.qs-bar{height:1rem;border-radius:var(--r-pill);background:var(--cream-100);box-shadow:inset 0 2px 0 rgba(6,59,51,.08);overflow:hidden}.qs-bar span{display:block;height:100%;min-width:.5rem;border-radius:inherit;background:linear-gradient(90deg,var(--gold-300),var(--gold-500));transition:width .5s var(--ease-pop)}.qs-next{margin:0;font-weight:700;color:var(--ink-soft)}.quest-hero{display:grid;grid-template-columns:auto 1fr minmax(15rem,20rem);align-items:center;grid-gap:var(--sp-5);gap:var(--sp-5);padding:var(--sp-5);border-radius:var(--r-xl);background:linear-gradient(135deg,var(--emerald-800),var(--emerald-500) 70%,var(--teal-400));color:var(--white);box-shadow:var(--sh-lift)}.quest-hero h1{font-size:var(--fs-2xl);color:var(--white);margin-bottom:var(--sp-3)}.quest-hero .accent{color:var(--gold-300);white-space:nowrap}.quest-hero .eyebrow{color:var(--teal-200)}.quest-hero .quest-summary{padding:var(--sp-4);border-radius:var(--r-md);background:var(--white);color:var(--ink)}.quest-hero-mascot{animation:float 4s ease-in-out infinite}.bubble{position:relative;display:inline-block;margin:0;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--cream-50);color:var(--ink);font-weight:700}.bubble:before{content:"";position:absolute;left:-.5rem;top:1rem;border:.5rem solid transparent;border-right:.5rem solid var(--cream-50);border-left:0}.trail{position:relative;margin:0 0 var(--sp-5);padding:var(--sp-5) var(--sp-3);border-radius:var(--r-lg);background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.5) 0 2px,transparent 3px) 0 0 /3rem 3rem,linear-gradient(180deg,#d9f5ee,#bfeadf);border:3px solid var(--white);box-shadow:var(--sh-soft)}.trail-line{position:absolute;inset:18% 4% auto;width:92%;height:50%;pointer-events:none}.trail-line path{fill:none;stroke:var(--white);stroke-width:8;stroke-linecap:round;stroke-dasharray:2 18;vector-effect:non-scaling-stroke}.trail ol{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-2);list-style:none;padding:0;margin:0}.trail-node{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);flex:1 1;min-width:0}.trail-node:nth-child(2n){margin-top:var(--sp-6)}.trail-node a{position:relative;display:block;border-radius:50%;text-decoration:none}.trail-medal{display:grid;place-items:center;width:clamp(3.5rem,2.8rem + 3vw,5rem);height:clamp(3.5rem,2.8rem + 3vw,5rem);border-radius:50%;background:var(--white);color:var(--st-color,var(--emerald-700));border:4px solid var(--st-color,var(--emerald-700));box-shadow:0 5px 0 rgba(6,59,51,.18);transition:transform var(--dur) var(--ease-pop)}.trail-node a:hover .trail-medal{transform:translateY(-3px) scale(1.04)}.trail-num{position:absolute;right:-.35rem;bottom:-.2rem;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--emerald-900);color:var(--white);font-family:var(--ff-display);font-weight:800;font-size:.95rem;border:2px solid var(--white)}.trail-node.is-current .trail-medal{background:var(--gold-300);animation:pulse 2s ease-in-out infinite}.trail-goal .trail-medal{border-style:dashed;border-color:var(--gold-600);opacity:.75}.trail-goal.is-reached .trail-medal{border-style:solid;background:var(--gold-300);opacity:1}.trail-goal-label{font-family:var(--ff-display);font-weight:800;color:var(--emerald-900)}.stars{display:inline-flex;gap:1px;color:#6b8a83}.is-a_decouvrir{--st-color:var(--st-decouvrir);--st-bg:var(--st-decouvrir-bg)}.is-en_apprentissage{--st-color:var(--st-apprentissage);--st-bg:var(--st-apprentissage-bg)}.is-pret_a_reciter{--st-color:var(--st-pret);--st-bg:var(--st-pret-bg)}.is-appris{--st-color:var(--st-appris);--st-bg:var(--st-appris-bg)}.is-revision{--st-color:var(--st-revision);--st-bg:var(--st-revision-bg)}.quest-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--sp-5);gap:var(--sp-5);list-style:none;padding:0;margin:0}.quest-card{position:relative;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--r-lg);background:var(--white);border:3px solid var(--st-bg);box-shadow:var(--sh-soft);scroll-margin-top:6rem;transition:transform var(--dur) var(--ease-pop),box-shadow var(--dur)}.quest-card.is-current{border-color:var(--gold-500);box-shadow:0 0 0 6px rgba(242,182,50,.25),var(--sh-lift)}.quest-card:target{box-shadow:0 0 0 6px rgba(46,196,182,.35),var(--sh-lift)}.quest-card-head{display:flex;align-items:center;gap:var(--sp-3)}.quest-medal{display:grid;place-items:center;width:3.5rem;height:3.5rem;border-radius:var(--r-md);background:var(--st-bg);color:var(--st-color)}.quest-card-title{flex:1 1;min-width:0}.quest-card-title h3{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);font-size:var(--fs-xl);margin:0}.here-tag{padding:.1rem .6rem;background:var(--gold-300);color:var(--emerald-950);font-family:var(--ff-body);font-size:.85rem}.here-tag,.state-pill{border-radius:var(--r-pill);font-weight:800}.state-pill{display:inline-block;margin:var(--sp-1) 0 0;padding:.1rem .7rem;background:var(--st-bg);color:var(--st-color);font-size:var(--fs-sm)}.quest-goal{font-size:var(--fs-lg);color:var(--emerald-900)}.quest-goal,.quest-wait{margin:0;font-weight:700}.quest-wait{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--st-pret-bg);color:#6f4500}.verse-slot{position:relative;padding:var(--sp-4) var(--sp-4) var(--sp-4) 3.75rem;border-radius:var(--r-md);border:2px dashed var(--cream-200);background:repeating-linear-gradient(180deg,transparent 0 1.6rem,rgba(246,230,191,.55) 1.6rem 1.7rem),var(--cream-50);color:var(--ink-soft)}.verse-slot:before{content:"";position:absolute;left:var(--sp-4);top:var(--sp-4);width:1.75rem;height:2.1rem;border-radius:.4rem .4rem .9rem .9rem;background:linear-gradient(180deg,var(--cream-200),var(--gold-300));box-shadow:inset 0 -4px 0 rgba(184,122,6,.35)}.verse-slot strong{display:block;font-family:var(--ff-display);color:var(--emerald-900)}.verse-slot.is-text{border-style:solid}.verse-slot .verse-ar{font-family:Amiri Quran,Amiri,Scheherazade New,Noto Naskh Arabic,Geeza Pro,Traditional Arabic,serif;font-size:2rem;font-weight:400;line-height:2.4;color:var(--ink)}.source-attribution{margin-top:var(--sp-6,2rem);font-size:var(--fs-sm);color:var(--ink-soft)}.source-notice{white-space:pre-wrap;font-family:inherit;margin:0 0 var(--sp-3,.75rem)}.verse-slot p{margin:0;font-size:var(--fs-sm);font-weight:600}.actions{display:flex;flex-wrap:wrap;gap:var(--sp-3)}.quest-card .actions .btn{flex:1 1 12rem}.cheer{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;border-radius:inherit;animation:cheer-fade 2.6s ease forwards}.cheer-msg{position:relative;z-index:1;padding:var(--sp-3) var(--sp-5);border-radius:var(--r-pill);background:var(--emerald-900);color:var(--white);font-family:var(--ff-display);font-weight:800;font-size:var(--fs-lg);text-align:center;box-shadow:var(--sh-lift);animation:pop .42s var(--ease-pop) both}.spark{position:absolute;left:50%;top:50%;width:.8rem;height:.8rem;border-radius:2px;background:var(--gold-500);transform:rotate(calc(var(--k) * 45deg)) translateY(0) rotate(45deg);animation:spark .9s ease-out forwards}.spark:nth-child(odd){background:var(--teal-400)}.kid-bottom{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--sp-5);gap:var(--sp-5);margin-top:var(--sp-6)}.kid-panel{padding:var(--sp-5);border-radius:var(--r-lg);background:var(--white);box-shadow:var(--sh-soft)}.kid-panel h2{font-size:var(--fs-xl)}.listen-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-4)}.chip{margin:0;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);background:var(--teal-50);font-weight:700}.chip-num{font-family:var(--ff-display);font-weight:800;font-size:1.25rem;color:var(--emerald-800)}.kid-note{margin:var(--sp-3) 0 0;color:var(--ink-soft);font-weight:600}.legend-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}.legend-list li{display:flex;align-items:center;gap:var(--sp-3);font-weight:700}.legend-stars{display:inline-flex;color:#6b8a83;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-pill);background:var(--cream-100)}.theme-parent{min-height:100vh;background:#f4f5f3;color:#1c2826;font-size:1rem}.theme-parent h1,.theme-parent h2,.theme-parent h3{font-family:var(--ff-body);font-weight:800;color:#15231f}.p-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);padding:var(--sp-3) max(var(--sp-4),calc((100vw - 72rem) / 2 + var(--sp-4)));background:#fff;border-bottom:1px solid #dfe3e0}.p-brand{gap:var(--sp-2);font-weight:800;color:#15231f;text-decoration:none}.p-brand-sub{font-weight:600;color:#4b5a56}.p-nav{display:flex;gap:var(--sp-1);margin-left:auto}.p-nav a{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 var(--sp-3);border-radius:.5rem;color:#2c3a37;font-weight:700;text-decoration:none}.p-nav a:hover{background:#eef1ef}.p-title{display:grid;grid-template-columns:auto 1fr;align-items:end;grid-gap:var(--sp-4) var(--sp-6);gap:var(--sp-4) var(--sp-6);margin-bottom:var(--sp-5)}.p-title h1{font-size:2rem;margin:0}.p-eyebrow{margin:0;font-size:.9rem;font-weight:700;color:#4b5a56}.p-banner{margin:0;padding:var(--sp-3) var(--sp-4);border-radius:.6rem;background:#fff7e6;border:1px solid #f0d9a6;color:#5e3d00;font-size:.95rem}.p-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--sp-4);gap:var(--sp-4);align-items:start}.p-span{grid-column:1/-1}.p-card,.theme-parent .card{padding:var(--sp-5);border-radius:.75rem;background:#fff;border:1px solid #dfe3e0}.p-card h2,.theme-parent .card h2{font-size:1.15rem}.theme-parent .card h3{font-size:1rem;margin-top:var(--sp-4)}.theme-parent ul{padding-left:1.2rem;margin:0 0 var(--sp-3)}.theme-parent li{margin-bottom:var(--sp-1)}.p-card-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-3)}.p-stack{display:flex;height:.75rem;margin:var(--sp-2) 0 var(--sp-4);border-radius:var(--r-pill);overflow:hidden;background:#e8ebe9;gap:2px}.p-seg{background:var(--st-color)}.theme-parent .p-counts{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);list-style:none;padding:0}.p-counts li{display:inline-flex;align-items:center;gap:var(--sp-2)}.p-swatch{width:.85rem;height:.85rem;border-radius:3px;background:var(--st-color)}.p-help{margin:0;color:#4b5a56;font-size:.95rem}.theme-parent .p-path{list-style:none;padding:0;margin:0;display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}.p-step{padding:var(--sp-3) var(--sp-4);border-radius:.6rem;border:1px solid #e3e6e4;border-left:5px solid var(--st-color);background:#fbfcfb}.p-step-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:var(--sp-3);gap:var(--sp-3);margin-bottom:var(--sp-2)}.p-dot{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--st-bg);color:var(--st-color)}.theme-parent .verse-slot{padding:0;border:0;background:none;color:#4b5a56}.theme-parent .verse-slot:before{content:none}.theme-parent .verse-slot strong{font-family:var(--ff-body);font-weight:800;color:#15231f}.p-state{margin:0;font-size:.95rem;white-space:nowrap}.badge{display:inline-block;padding:.1rem .6rem;border-radius:var(--r-pill);background:var(--st-bg,#e3efe9);color:var(--st-color,var(--emerald-700));font-weight:800}.p-step .actions{gap:var(--sp-2);padding-left:calc(2rem + var(--sp-3))}.pbtn{min-height:2.75rem;padding:.45rem 1rem;border-radius:.5rem;border:1px solid #b9c3bf;background:#fff;color:#1c2826;font-weight:700}.pbtn:hover{background:#eef1ef}.pbtn-primary{background:var(--emerald-700);border-color:var(--emerald-700);color:#fff}.pbtn-primary:hover{background:var(--emerald-800)}.pbtn:disabled{background:#eceeed;border-color:#d4d9d6;color:#5d6966;cursor:not-allowed}.theme-parent label{display:block;margin:var(--sp-3) 0;font-weight:700}.theme-parent label input,.theme-parent label select{display:block;width:100%;margin-top:var(--sp-2);font:inherit;accent-color:var(--emerald-700)}.theme-parent select{min-height:2.75rem;padding:0 var(--sp-2);border-radius:.5rem;border:1px solid #b9c3bf;background:#fff}.theme-parent input[type=range]{min-height:2rem}.muted{color:#4b5a56;font-size:.95rem}.warning{color:#7a4100;font-weight:700}.p-list{color:#2c3a37}.plain-page{max-width:36rem;margin:var(--sp-7) auto;padding:var(--sp-6);border-radius:var(--r-lg);background:var(--white);box-shadow:var(--sh-soft);text-align:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{box-shadow:0 5px 0 rgba(6,59,51,.18),0 0 0 0 rgba(242,182,50,.55)}50%{box-shadow:0 5px 0 rgba(6,59,51,.18),0 0 0 10px rgba(242,182,50,0)}}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spark{to{transform:rotate(calc(var(--k) * 45deg)) translateY(-7rem) rotate(45deg) scale(.3);opacity:0}}@keyframes cheer-fade{0%,80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cheer,.cheer-msg{animation:none}.spark{display:none}}@media (max-width:960px){.quest-hero{grid-template-columns:auto 1fr}.quest-hero .quest-summary{grid-column:1/-1}.p-title{grid-template-columns:1fr}}@media (max-width:760px){main{padding-top:var(--sp-4)}.k-header{padding-block:var(--sp-2)}.k-brand-name{font-size:1.25rem}.k-nav{width:100%;margin-left:0;flex-wrap:nowrap;gap:var(--sp-1)}.k-nav a{flex:1 1 auto;justify-content:center;padding-inline:.5rem;font-size:.9rem;white-space:nowrap}.k-nav .k-nav-parent{flex:0 1 auto}.home-hero{min-height:30rem;border-radius:var(--r-lg);align-items:flex-start}.home-hero-mascot{right:.75rem;bottom:.75rem}.quest-banner{margin-inline:0;margin-top:calc(-1 * var(--sp-5));padding:var(--sp-4)}.how-steps,.quest-banner{grid-template-columns:1fr}.how-steps li{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:var(--sp-4);column-gap:var(--sp-4);text-align:left;align-items:center}.how-steps li svg{grid-row:1/3}.how-steps h3{margin:0}.quest-hero{grid-template-columns:1fr;text-align:left;padding:var(--sp-4);border-radius:var(--r-lg)}.quest-hero-mascot{width:88px;height:88px}.bubble:before{left:1.5rem;top:-.5rem;border:.5rem solid transparent;border-bottom:.5rem solid var(--cream-50);border-top:0}.trail{padding:var(--sp-4) var(--sp-2)}.trail-line{display:none}.trail-node:nth-child(2n){margin-top:var(--sp-4)}.trail .stars svg{width:12px;height:12px}.trail-goal-label{font-size:.85rem}.kid-bottom,.p-grid,.quest-steps{grid-template-columns:1fr}.quest-card{padding:var(--sp-4)}.verse-slot{padding-left:3.25rem}.p-step-head{grid-template-columns:auto 1fr}.p-state{grid-column:2}.p-step .actions{padding-left:0}.p-step .actions .pbtn{flex:1 1 auto}}.lang-switch{display:inline-flex;gap:4px;-webkit-margin-start:8px;margin-inline-start:8px}.lang-switch button{min-height:44px;min-width:44px;padding:0 12px;border-radius:999px;border:2px solid;background:transparent;color:inherit;font:inherit;cursor:pointer}.lang-switch button[aria-pressed=true]{background:#0b6b57;color:#fff;border-color:#0b6b57}.game-grid{list-style:none;padding:0;display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.game-card,.game-tile,.kid-panel.badge-shelf,.kid-panel.todo{background:#fff;border-radius:20px;padding:16px 18px;border:2px solid #cfe8df}.game-tile.is-coming_soon,.game-tile.is-locked_audio,.game-tile.is-locked_content{border-style:dashed;background:#f4f7f6;color:#2f3d39}.game-locked{font-weight:600}.kbtn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px;padding:0 18px;border-radius:14px;border:2px solid #0b6b57;background:#fff;color:#0b4a3d;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.kbtn-primary{background:#0b6b57;color:#fff}.kbtn:disabled{opacity:.6;cursor:not-allowed}.game-field select:focus-visible,.kbtn:focus-visible,.lang-switch button:focus-visible{outline:3px solid #f2a900;outline-offset:3px}.quiz-choices{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.quiz-choice{min-width:64px;font-size:1.4rem}.quiz-choice.is-right{background:#d8f3e6}.game-field{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}.game-field select{min-height:44px;font:inherit}.badge-list{list-style:none;padding:0;display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.trophy{display:grid;grid-gap:2px;gap:2px;padding:10px 12px;border-radius:14px;border:2px solid #cfe8df}.trophy.is-locked{border-style:dashed;background:#f4f7f6;color:#2f3d39}.trophy.is-won{background:#fff7d6;border-color:#f2a900;color:#3a2d00}.badge-announcer{position:fixed;inset-inline:16px;top:max(8px,env(safe-area-inset-top));pointer-events:none;z-index:20}.badge-toast{margin:0 auto;max-width:420px;padding:12px 16px;border-radius:14px;background:#0b4a3d;color:#fff;font-weight:700}.celebrate{position:relative;text-align:center;padding:16px;overflow:hidden}.celebrate-label{font-size:1.6rem;font-weight:800;margin:0}.celebrate-score{font-size:1.2rem;margin:4px 0 0}.celebrate-particles{position:absolute;inset:0;pointer-events:none}.celebrate-particle{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:hsl(calc(var(--h, 40) * 1deg) 85% 55%);opacity:0;animation:celebrate-burst 2s ease-out var(--d,0s) 1 both}@keyframes celebrate-burst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--x,0),var(--y,0)) scale(.4)}}@media (prefers-reduced-motion:reduce){.celebrate-particle{display:none;animation:none}}.k-nav,.p-nav{flex-wrap:wrap;row-gap:6px}.p-brand{display:inline-flex;align-items:center}.p-brand,.theme-parent input[type=number],.theme-parent input[type=range],.theme-parent select{min-height:44px}.badge-toast+.badge-toast{margin-top:6px}.gate-bar{display:flex;justify-content:flex-end;padding:8px 0}.gate-card{max-width:560px;margin:24px auto;display:grid;grid-gap:12px;gap:12px}.gate-hold{min-height:56px;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.gate-meter{height:10px;border-radius:999px;background:#e3e8e6;overflow:hidden}.gate-meter span{display:block;height:100%;background:var(--emerald-700)}.gate-status{min-height:1.5em;margin:0}.gate-actions{display:flex;flex-wrap:wrap;gap:12px}.gate-confirm-title:focus{outline:3px solid #1d4ed8;outline-offset:3px}.profile-list{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.profile-btn.is-active{background:#0b6b57;color:#fff}.learn-page{max-width:44rem;margin:0 auto;padding:0 var(--sp-4) var(--sp-6);display:grid;grid-gap:var(--sp-4);gap:var(--sp-4)}.learn-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-2) var(--sp-4)}.learn-link-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--sp-3);background:none;border:0;border-radius:var(--r-sm);font:inherit;font-weight:700;color:#0b4a3d;text-decoration:underline;cursor:pointer}.learn-link-btn[aria-pressed=false]{color:#4a3a00}.learn-verses{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.learn-verse-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:3.5rem;min-height:3.5rem;padding:0 var(--sp-3);border-radius:var(--r-md);border:2px solid #0b6b57;background:#fff;color:#0b3b33;font:inherit;font-weight:800;font-size:1.125rem;cursor:pointer}.learn-verse-btn.is-en_apprentissage{background:var(--st-apprentissage-bg)}.learn-verse-btn.is-pret_a_reciter{background:var(--st-pret-bg)}.learn-verse-btn.is-appris,.learn-verse-btn.is-revision{background:var(--st-appris-bg)}.learn-verse-btn[aria-current=step]{outline:3px solid #0b3b33;outline-offset:2px;box-shadow:0 0 0 5px #fff}.learn-card{display:grid;grid-gap:var(--sp-4);gap:var(--sp-4);padding:var(--sp-5) var(--sp-4);border-radius:var(--r-lg);background:#fff;border:2px solid var(--cream-200);box-shadow:0 6px 0 rgba(10,92,76,.08);animation:learn-fade .25s ease-out}@keyframes learn-fade{0%{opacity:.2}to{opacity:1}}.learn-steps{list-style:none;margin:0;padding:0;display:flex;gap:var(--sp-2)}.learn-steps li{flex:1 1}.learn-dot{display:block;height:.5rem;border-radius:999px;background:#c9d8d3}.learn-steps li.is-reached .learn-dot{background:#0b6b57}.learn-title{margin:0;font-family:var(--ff-display);font-size:var(--fs-xl);color:var(--emerald-900)}.learn-title:focus{outline:none}.learn-title:focus-visible{outline:3px solid #f2a900;outline-offset:4px}.learn-say{font-size:1.25rem;color:var(--ink)}.learn-note,.learn-say{margin:0;line-height:1.5}.learn-note{font-size:1rem;color:var(--ink-soft)}.learn-voice{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3)}.learn-verse{padding:var(--sp-4);border-radius:var(--r-md);background:var(--cream-50);border:2px solid var(--cream-200);text-align:center}.learn-verse-num{display:block;margin-bottom:var(--sp-2);font-family:var(--ff-display);color:var(--emerald-900)}.learn-verse-ar{margin:0;color:var(--ink);font-weight:400;line-height:2.4;overflow-wrap:anywhere;font-family:Amiri Quran,Amiri,Scheherazade New,Noto Naskh Arabic,Geeza Pro,Traditional Arabic,serif;font-size:clamp(1.75rem,1.1rem + 3vw,2.5rem)}.learn-blank{display:inline-block;width:2.6rem;height:.9rem;margin:0 .15rem;border-radius:999px;background:#cfe3dd;vertical-align:middle}.learn-eyes{margin:0;padding:var(--sp-5) 0;font-size:1.25rem;color:var(--ink-soft)}.learn-recite,.learn-saved{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2)}.learn-saved{padding:var(--sp-4);border-radius:var(--r-md);background:var(--st-appris-bg);color:#0b3b33;font-size:1.25rem}.learn-saved p{margin:0}.learn-saved .learn-note{color:#1f3d36;font-size:1rem}.learn-actions,.learn-tools{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}.learn-actions-two{grid-template-columns:1fr}.learn-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:3.5rem;padding:.7rem var(--sp-4);border-radius:var(--r-md);border:2px solid #0b6b57;font:inherit;font-weight:800;font-size:1.25rem;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;box-sizing:border-box}.learn-btn-main{background:#0b6b57;color:#fff;min-height:4rem}.learn-btn-soft{background:#fff;color:#0b3b33}.learn-btn[aria-disabled=true]{background:#eef1ef;color:#3f4f4a;border-style:dashed;border-color:#5d6d68;cursor:not-allowed}.learn-btn:focus-visible,.learn-link-btn:focus-visible,.learn-verse-btn:focus-visible{outline:3px solid #f2a900;outline-offset:3px}.learn-saved-note{text-align:center}@media (min-width:40rem){.learn-actions-two{grid-template-columns:1fr 1fr}.learn-tools{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){.learn-card{animation:none}}.comp-page{max-width:44rem;margin:0 auto;padding:0 var(--sp-4) var(--sp-6);display:grid;grid-gap:var(--sp-4);gap:var(--sp-4);box-sizing:border-box;overflow-wrap:anywhere}.comp-top{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4)}.comp-link{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--sp-3);font:inherit;font-weight:700;color:#0b4a3d;text-decoration:underline}.comp-head{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2)}.comp-title{margin:0;font-family:var(--ff-display);font-size:var(--fs-xl);color:var(--emerald-900)}.comp-lead{margin:0;font-size:1.25rem;font-weight:700;color:var(--ink)}.comp-note{margin:0;font-size:1rem;line-height:1.5;color:var(--ink-soft)}.comp-section{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-md);background:#fff;border:2px solid var(--cream-200)}.comp-h2{font-family:var(--ff-display);font-size:var(--fs-lg)}.comp-h2,.comp-h3{margin:0;color:var(--emerald-900)}.comp-h3{font-size:1.0625rem}.comp-slots{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}.comp-slot{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--r-sm);background:var(--cream-50)}.comp-text{margin:0;font-size:1.25rem;line-height:1.5;color:var(--ink)}.comp-pending{margin:0;font-size:1rem;font-style:italic;color:#4a3a00}.comp-badge{margin:0;display:inline-block;justify-self:start;padding:.15rem .7rem;border-radius:999px;border:2px solid #0b4a3d;font-weight:800;font-size:.95rem;color:#0b3b33;background:#fff}.comp-badge.is-interpretation{border-style:dashed}.comp-badge.is-discute{border-style:dotted;background:#fff7e6;color:#4a3a00;border-color:#4a3a00}.comp-legend{padding:var(--sp-3);border-radius:var(--r-sm);background:var(--cream-100);font-size:1rem;color:var(--ink)}.comp-legend-title{margin:0 0 var(--sp-1);font-weight:800}.comp-legend ul{margin:0;padding-left:1.2rem}.comp-source{font-size:1rem;color:var(--ink-soft)}.comp-source summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:700;color:#0b4a3d}.comp-source-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--sp-2);gap:var(--sp-2)}.comp-dl{margin:0;display:grid;grid-template-columns:1fr;grid-gap:.1rem;gap:.1rem}.comp-dl dt{font-weight:700;color:var(--ink)}.comp-dl dd{margin:0 0 var(--sp-2)}.comp-controls{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}.comp-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:3rem;padding:.6rem var(--sp-4);border-radius:var(--r-md);border:2px solid #0b6b57;font:inherit;font-weight:800;font-size:1.125rem;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;box-sizing:border-box}.comp-btn-main{background:#0b6b57;color:#fff}.comp-btn-soft{background:#fff;color:#0b3b33}.comp-btn:focus-visible,.comp-link:focus-visible,.comp-source summary:focus-visible{outline:3px solid #f2a900;outline-offset:3px}.comp-read{margin:0;padding:var(--sp-3);border-radius:var(--r-sm);background:var(--cream-50);font-size:1.25rem;line-height:1.7;color:var(--ink)}.comp-sentence.is-current{background:#ffe9a8;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}.learn-link-btn.comp-open{border:2px solid #0b6b57;border-radius:var(--r-md);text-decoration:none;background:#fff}@media (min-width:40rem){.comp-controls{grid-template-columns:repeat(3,1fr)}.comp-dl{grid-template-columns:max-content 1fr;gap:.1rem var(--sp-3)}.comp-btn{width:auto}}@media (prefers-reduced-motion:reduce){.comp-sentence{transition:none}}.cprov{overflow-wrap:anywhere;box-sizing:border-box;max-width:100%;margin-top:var(--sp-4)}.cprov-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--sp-3);gap:var(--sp-3)}.cprov-item{padding:var(--sp-3);border:1px solid #dfe3e0;border-radius:.6rem;background:#fbfcfb}.cprov-h3{margin:0 0 var(--sp-2);font-size:1.05rem}.cprov-h4{margin:var(--sp-3) 0 var(--sp-1);font-size:.95rem}.cprov-section{display:inline-block;min-width:1.6rem;padding:0 .35rem;border-radius:.3rem;background:#0b4a3d;color:#fff;text-align:center}.cprov-badges{margin:0 0 var(--sp-2);display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}.cprov-status{padding:.1rem .6rem;border-radius:999px;border:2px solid #4a3a00;font-weight:800;background:#fff7e6;color:#4a3a00}.cprov-status.is-relu{border-color:#0b4a3d;background:#e6f3ef;color:#0b3b33;border-style:dashed}.cprov-status.is-publie{border-color:#0b4a3d;background:#0b6b57;color:#fff}.cprov-visible.is-yes{font-weight:800;color:#0b3b33}.cprov-visible.is-no{font-weight:800;color:#7a2a00}.cprov-meta{margin:0 0 var(--sp-1);font-size:.95rem}.cprov-meta,.cprov-note{color:var(--ink-soft)}.cprov-empty{margin:0;font-style:italic;color:#4a3a00}.cprov-reasons{padding:var(--sp-2) var(--sp-3);border-radius:.5rem;background:#fff7e6;border:1px solid #f0d9a6;color:#5e3d00}.cprov-reasons p{margin:0 0 var(--sp-1)}.cprov-text{margin:0;padding:var(--sp-2) var(--sp-3);border-left:4px solid #0b6b57;background:#fff;font-size:1.05rem}.cprov-reservations,.cprov-sources{margin:0;padding-left:1.2rem;font-size:.95rem}