:root{--ink:#183239;--muted:#5f7377;--paper:#fbfaf6;--card:#fff;--line:#dce5e2;--teal:#176878;--gold:#c58b36;--soft:#eef5f2;--focus:#f1b94c;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.65;overflow-x:hidden}html[data-theme=dark]{--ink:#edf4f1;--muted:#adc0bd;--paper:#0d2026;--card:#132c33;--line:#31505a;--soft:#17363d;--teal:#70c7d1;color-scheme:dark}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:var(--card);padding:.7rem;z-index:10}.top{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem max(1rem,calc((100vw - 1100px)/2));border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:.55rem;color:inherit;text-decoration:none}.brand img{width:44px;height:44px;border-radius:50%;display:block}nav{display:flex;gap:.8rem;align-items:center}nav a{color:inherit;text-decoration:none;font-weight:650}.icon{border:1px solid var(--line);border-radius:50%;width:42px;height:42px;background:var(--card);color:inherit;font-size:1.1rem}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:.35rem}main{min-height:70vh}.wrap{width:min(1100px,calc(100% - 2rem));margin:auto}.hero{padding:clamp(3rem,10vw,7rem) 0 4rem;text-align:center;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--gold) 14%,transparent),transparent 42%)}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.15em;font-weight:800;color:var(--teal)}h1{font-family:Georgia,serif;font-size:clamp(2.5rem,8vw,5.2rem);line-height:1.04;letter-spacing:-.035em;margin:.35rem 0 1rem;overflow-wrap:break-word}h2{font-family:Georgia,serif;font-size:clamp(1.55rem,4vw,2.25rem);line-height:1.2;overflow-wrap:break-word}.lead{font-size:clamp(1.05rem,2vw,1.3rem);max-width:720px;margin:0 auto 1.7rem;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1.05rem;border-radius:999px;border:1px solid var(--teal);background:var(--teal);color:#fff;text-decoration:none;font-weight:750}.btn.secondary{background:transparent;color:var(--teal)}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}.search{display:flex;max-width:720px;margin:2rem auto 0;background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:.4rem}.search input{flex:1;border:0;background:transparent;color:inherit;font:inherit;padding:.7rem;min-width:0}.search button{border:0;border-radius:.7rem;background:var(--teal);color:#fff;padding:.7rem 1rem;font-weight:750}.section{padding:3rem 0}.cards,.surah-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.card,.surah-card,.panel{background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:1.1rem}.card a,.surah-card a{color:inherit;text-decoration:none}.surah-card{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center}.num{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--line);border-radius:50%}.arabic{font-family:"Noto Naskh Arabic","Amiri",serif;direction:rtl;font-size:1.55rem}.muted,small{display:block;color:var(--muted)}.notice{border-left:4px solid var(--gold);background:var(--card);padding:1rem;border-radius:.5rem}.reader-tools{display:flex;flex-wrap:wrap;gap:.5rem;position:sticky;top:72px;background:var(--paper);padding:.7rem 0;z-index:3}.reader-tools button{border:1px solid var(--line);background:var(--card);color:inherit;padding:.55rem .8rem;border-radius:999px}.verse{padding:1.3rem 0;border-bottom:1px solid var(--line)}.layer{margin:.8rem 0;padding:1rem;border-radius:.8rem;background:var(--soft)}.layer strong{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--teal)}.locked{border:1px dashed var(--line);color:var(--muted)}.context-grid,.compare{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.context-grid div{padding:.8rem;background:var(--soft);border-radius:.7rem}.status{font-size:.75rem;padding:.2rem .5rem;border-radius:999px;background:#fff0c7;color:#6f4b00;font-weight:800}.understand{cursor:pointer}.feedback button{background:transparent;color:var(--muted);border:0;text-decoration:underline;padding:.4rem}footer{margin-top:3rem;border-top:1px solid var(--line);padding:2rem max(1rem,calc((100vw - 900px)/2));color:var(--muted);font-size:.9rem}a{color:var(--teal)}button,a,input{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus)}@media(max-width:700px){.top nav a{display:none}.compare,.context-grid{grid-template-columns:1fr}.surah-grid{grid-template-columns:1fr}}@media(max-width:360px){.wrap{width:min(100% - 1.2rem,1100px)}.search{display:grid}.actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* Lecteur audio global (persistant) */
html.has-player body{padding-bottom:calc(var(--player-h,9.5rem) + .5rem)}
.player{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(0,0,0,.08);padding:.45rem max(.75rem,calc((100vw - 1100px)/2)) calc(.45rem + env(safe-area-inset-bottom));font-size:.95rem}
.player[hidden]{display:none}
.player-main{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.6rem}
.player-title{min-width:0;text-decoration:none;color:inherit;display:grid;line-height:1.2}.player-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-title small{color:var(--muted);font-size:.8rem}
.player-controls{display:flex;align-items:center;gap:.25rem}
.player button{border:1px solid var(--line);background:var(--paper);color:inherit;border-radius:999px;min-width:44px;min-height:44px;font-size:1.05rem;cursor:pointer}
.player button:disabled{opacity:.4;cursor:default}
.player-toggle{background:var(--teal)!important;color:#fff!important;border-color:var(--teal)!important;min-width:52px!important;min-height:52px!important;font-size:1.3rem!important}
.player-time{font-variant-numeric:tabular-nums;color:var(--muted);display:flex;gap:.3rem;white-space:nowrap}
.player-progress{position:relative;height:14px;margin:.4rem 0;border-radius:999px;background:var(--soft);cursor:pointer;overflow:hidden;touch-action:none}
.player-progress:focus-visible{outline:3px solid var(--focus)}
.player-buffer,.player-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px}.player-buffer{background:var(--line)}.player-fill{background:var(--gold)}
.player-extra{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem}
.player-extra button{min-width:44px;min-height:40px;font-size:.9rem}
.player-extra [aria-pressed=true]{background:var(--gold);color:#1b1b1b;border-color:var(--gold)}
.player-continuous{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;font-weight:650;cursor:pointer}.player-continuous input{width:1.2rem;height:1.2rem;accent-color:var(--teal)}
.player-volume{display:inline-flex;align-items:center;gap:.3rem}.player-volume input{width:6rem;accent-color:var(--teal)}.player-volume[hidden]{display:none}
.player-close{margin-left:auto}
.player-status{margin:.3rem 0 0;font-size:.85rem;color:var(--muted)}.player-status[hidden]{display:none}.player-status[data-kind=error]{color:#a33}.player-status[data-kind=warn]{color:#8a5a00}
.player[data-state=loading] .player-toggle{opacity:.7}
@media(max-width:700px){.player-extra{gap:.3rem .5rem}.player-volume{display:none}.player-time{font-size:.8rem}}
/* Lecture de sourate générique */
.surah-nav{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.6rem 0}.surah-nav a,.surah-nav button{display:inline-flex;align-items:center;min-height:44px;padding:.4rem .8rem;border:1px solid var(--line);border-radius:999px;background:var(--card);color:inherit;text-decoration:none;font-weight:650;font:inherit;cursor:pointer}.surah-nav .spacer{flex:1}
.surah-nav-bottom{position:sticky;bottom:calc(var(--player-h,0px) + .2rem);z-index:4;flex-wrap:nowrap;justify-content:space-between;background:var(--paper);padding:.4rem 0}.surah-nav-bottom a{padding:.4rem .6rem;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}
@media(max-width:700px){.surah-reader .surah-nav,.reader-page .surah-nav{flex-direction:row!important;flex-wrap:wrap;margin:.6rem 0;padding:.4rem 0;border-block:0}.surah-reader .surah-nav a,.reader-page .surah-nav a{text-align:left}.surah-nav-bottom{flex-wrap:nowrap!important;border-top:1px solid var(--line)!important}}
html:not(.has-player) .surah-nav-bottom{bottom:0}
.listen-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}
.resume-banner{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:.8rem 0;padding:.7rem 1rem;border-left:4px solid var(--gold);background:var(--soft);border-radius:.5rem}.resume-banner[hidden]{display:none}
.verses{list-style:none;padding:0;margin:1rem 0}.verses li{padding:1rem .8rem;border-bottom:1px solid var(--line);border-radius:.6rem;transition:background .2s}.verses li.is-playing{background:color-mix(in srgb,var(--gold) 18%,transparent);box-shadow:inset 3px 0 0 var(--gold)}
.verses .ar{font-family:"Noto Naskh Arabic","Amiri",serif;direction:rtl;text-align:right;font-size:1.65rem;line-height:2}.verses .fr{margin:.5rem 0 0;line-height:1.7}.verses .n{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border:1px solid var(--line);border-radius:50%;font-size:.8rem;color:var(--muted);margin-right:.5rem}
.no-audio{padding:.8rem 1rem;border-left:4px solid var(--line);background:var(--soft);border-radius:.5rem;color:var(--muted)}
/* Phonétique (translittération Tanzil) + options d'affichage + répétition de verset */
.ph-line{margin:.35rem 0 0;font-size:1.02rem;line-height:1.65;color:var(--phonetic,#a8843b);letter-spacing:.01em}
html[data-theme=dark] .ph-line{--phonetic:#d8b97a}
.ph u{text-decoration:none;border-bottom:1px dotted currentColor}.ph b{font-weight:600}
.display-options{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin:.8rem 0;padding:.5rem .9rem;border:1px solid var(--line);border-radius:.8rem;background:var(--card)}.display-options legend{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);font-weight:800;padding:0 .3rem}.display-options label{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;font-weight:600;cursor:pointer}.display-options input{width:1.1rem;height:1.1rem;accent-color:var(--teal)}
html[data-hide-ar] .verses .ar{display:none}html[data-hide-ph] .ph-line{display:none}html[data-hide-fr] .verses .fr{display:none}
.verses .ar{font-size:1.75rem;line-height:2.05}.verses .fr{font-size:1.06rem;line-height:1.75}
.verse-tools{margin-top:.5rem}.verse-repeat{border:1px solid var(--line);background:var(--paper);color:inherit;border-radius:999px;min-height:36px;padding:.2rem .7rem;font:inherit;font-size:.85rem;cursor:pointer}.verse-repeat[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#1b1b1b}
.locale-picker select{min-height:44px;max-width:12rem;border:1px solid var(--line);border-radius:999px;background:var(--card);color:inherit;padding:.45rem .7rem;font:inherit;font-weight:700}.search-wrap{max-width:54rem}.search-page h1{max-width:15ch;margin-inline:auto;text-align:center;font-size:clamp(2.1rem,7vw,4.4rem)}.search-page .eyebrow,.search-trust{text-align:center}.verse-search{max-width:52rem}.verse-search input{font-size:1.05rem}.search-results{display:grid;gap:1rem}.verse-result{padding:clamp(1rem,4vw,1.5rem);border:1px solid var(--line);border-radius:1rem;background:var(--card)}.verse-result header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.verse-result header span,.result-source{font-size:.78rem;color:var(--muted)}.result-arabic{font-family:"Noto Naskh Arabic","Amiri",serif;font-size:clamp(1.75rem,6vw,2.35rem);line-height:2;text-align:right}.result-meaning{font-family:Georgia,serif;font-size:1.08rem}.result-phonetic summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:750;color:var(--teal)}.result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem 1rem}.result-actions a:not(.btn){min-height:44px;display:inline-flex;align-items:center;font-weight:700}.result-source{margin:1rem 0 0;padding-top:.7rem;border-top:1px solid var(--line)}
@media(max-width:700px){.locale-picker select{width:48px;color:transparent;padding-inline:.55rem}.locale-picker select option{color:initial}.verse-search{display:grid;grid-template-columns:1fr}.verse-search button{min-height:48px}.verse-result header{align-items:flex-start;flex-direction:column;gap:.2rem}.result-actions .btn{width:100%}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.verses li,.player-fill,.player-buffer{transition:none!important;animation:none!important}}
@media (prefers-color-scheme: dark){html:not([data-theme]){--ink:#edf4f1;--muted:#adc0bd;--paper:#0d2026;--card:#132c33;--line:#31505a;--soft:#17363d;--teal:#70c7d1;color-scheme:dark}}