@import url('https://fonts.googleapis.com/css2?family=Amiri+Quran&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark}
:root{font-family:'DM Sans',sans-serif;color:#17352f;background:#f5f7f4;font-size:16px;--scale:1}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,summary,select{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}.shell{max-width:1024px;margin:auto;padding:0 40px}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce4de}.brand{text-decoration:none;font-size:28px;font-weight:700;display:flex;align-items:center;gap:12px}.brandmark{font-size:34px;color:#416e59}.edition{font-size:12px;letter-spacing:2px;font-weight:600}.edition span{margin:0 12px;color:#7e9489}main{max-width:760px;margin:0 auto}.intro{padding:44px 0 28px}.eyebrow{font-size:12px;letter-spacing:2.5px;font-weight:700;color:#527562}.intro h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,5vw,46px);letter-spacing:-1.3px;margin:14px 0}.intro>p:last-child{color:#64766c;margin-bottom:0}.reader{background:#fff;border:1px solid #dce4de;border-radius:18px;box-shadow:0 12px 42px #17352f06;overflow:hidden}.reader-top,.reader-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;gap:12px;font-size:14px}.reader-top{border-bottom:1px solid #edf0eb}.reader-top>span{color:#5d7166}.textsize{display:flex;align-items:center;gap:10px;color:#64766c;font-size:14px}.textsize select{padding:5px;border:0;background:#eef3ee;border-radius:5px;color:#17352f}.reader-bottom{border-top:1px solid #edf0eb;color:#60796b;font-size:12px}.divider{margin:0 8px;color:#a1afa4}#verse{min-height:315px;padding:32px 38px;display:flex;flex-direction:column;justify-content:center}.empty{text-align:center;padding:0 20px}.ornament{font-size:46px;color:#9eaf8c}.empty h2{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:12px 0}.empty p{max-width:310px;margin:12px auto;color:#64766c;line-height:1.65}.empty small{display:block;margin-top:28px;font-size:12px;color:#607365}.arabic{font-family:'Amiri Quran','Traditional Arabic',serif;direction:rtl;text-align:center;font-size:calc(33px * var(--scale));line-height:2.2;margin:0 0 24px;overflow-wrap:anywhere}.translation{font-family:Georgia,serif;text-align:center;font-size:calc(23px * var(--scale));line-height:1.6;margin:0}.verse-label{text-align:center;font-size:12px;letter-spacing:1px;color:#70816f;margin:0 0 20px}.controls{text-align:center;padding:27px 0 10px}.listen{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:50px;background:#173f33;color:white;min-height:58px;padding:16px 32px;font-weight:600;box-shadow:0 5px 16px #153e3320}.listen svg{width:23px;height:23px}.listen.active{background:#793f32}.controls p{font-size:14px;color:#64766c;line-height:1.5;max-width:520px;margin:14px auto 0}.manual{border-top:1px solid #dce4de;border-bottom:1px solid #dce4de;margin:20px 0 0;padding:19px 0;font-size:14px}summary{padding:4px 0}.browse{display:flex;align-items:end;gap:14px;margin-top:20px}.browse label{display:grid;gap:8px;flex:1}.browse select{width:100%;padding:10px;background:white;border:1px solid #becdc0;border-radius:7px;color:#17352f}.browse button,#retry{padding:11px 18px;border:1px solid #b4c9bc;border-radius:7px;background:white;color:#17352f}.manual p{color:#64766c}footer{padding:22px 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:30px;color:#65766c;font-size:12px;line-height:1.8}footer p{margin:0 0 10px}footer summary{font-size:14px}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #ba8b33;outline-offset:4px}[hidden]{display:none!important}@media(max-width:600px){.shell{padding:0 20px}header{height:80px}.edition{font-size:11px;letter-spacing:1px}.intro{padding-top:28px}.intro h1{font-size:34px}.reader-top,.reader-bottom{padding:16px 18px}#verse{padding:24px 20px;min-height:300px}.arabic{font-size:calc(29px * var(--scale))}.translation{font-size:calc(21px * var(--scale))}.browse{flex-wrap:wrap}.browse label:first-child{flex-basis:65%}.browse button{width:100%}footer{grid-template-columns:1fr;gap:8px}.listen{width:100%}.empty{padding:0}}@media(prefers-reduced-motion:no-preference){.listen{transition:background .2s,transform .2s}.listen:hover{transform:translateY(-1px)}}

.mic-level{display:flex;gap:12px;justify-content:center;align-items:center;margin:18px 0 0;font-size:12px;color:#64766c}.mic-level meter{width:110px;height:10px}.transcript{font-size:14px;color:#526e60;margin:16px 0}.transcript p{font-size:20px;line-height:1.8;background:white;padding:14px;border-radius:8px}
.verse-card .arabic,.verse-card .translation{color:#17352f;opacity:1}

.reading-flow#verse{display:block;height:clamp(430px,64vh,690px);min-height:0;overflow-y:auto;position:relative;padding:0 24px;scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-width:thin}.verse-card{padding:26px 8px;text-align:center}.verse-card+.verse-card{border-top:1px solid #e7eee7}.current-verse .arabic{font-size:calc(34px * var(--scale));margin-bottom:18px}.current-verse .translation{font-size:calc(23px * var(--scale))}.nearby-verse{color:#65766c}.nearby-verse .arabic{font-size:calc(23px * var(--scale));line-height:1.9;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.nearby-verse .translation{font-size:calc(16px * var(--scale));line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nearby-verse .verse-label{margin-bottom:10px}.reading-nav{display:flex;align-items:center;justify-content:space-between;margin:14px 0 0;font-size:12px;color:#64766c}.reading-nav button{border:1px solid #c8d7cb;background:white;border-radius:8px;padding:10px 14px;color:#17352f;font-size:14px}.reading-nav button:disabled{cursor:default}.intro{padding-top:24px;padding-bottom:20px}.controls{padding-top:18px}@media(max-width:600px){.reading-flow#verse{height:56vh;min-height:400px;padding:0 16px}.verse-card{padding:20px 0}.current-verse .arabic{font-size:calc(29px * var(--scale))}.current-verse .translation{font-size:calc(20px * var(--scale))}.nearby-verse .arabic{font-size:calc(21px * var(--scale))}.reading-nav>span{display:none}}
/* Default night palette; anticipated and identified verses use the same contrast. */
:root{background:#101b19;color:#edf3e9}header,.manual{border-color:#34453f}.reader{background:#182722;border-color:#34453f;box-shadow:0 12px 42px #0002}.reader-top,.reader-bottom,.verse-card+.verse-card{border-color:#34453f}.brandmark,.eyebrow,.ornament{color:#b9ce9d}.intro>p:last-child,.reader-top>span,.textsize,.reader-bottom,.empty p,.empty small,.verse-label,.controls p,.manual p,footer,.mic-level,.transcript,.reading-nav{color:#b1c4b8}.verse-card .arabic,.verse-card .translation{color:#edf3e9;opacity:1}.textsize select,.browse select,.browse button,#retry,.reading-nav button,.transcript p{background:#21362d;color:#edf3e9;border-color:#4b6455}.listen{background:#bad0a1;color:#15231b}.listen.active{background:#a85343;color:#fff}
/* French remains first and fully readable; Arabic is a compact secondary reference. */
.current-verse .translation{margin:0 0 18px}.current-verse .arabic{font-size:calc(23px * var(--scale));line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.nearby-verse .translation{margin-bottom:10px}.reading-flow#verse{height:clamp(450px,72vh,850px)}