@font-face{font-family:'QuranArabic';src:url('/UthmanicHafs1Ver09.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
.compact-arabic .arabic{color:var(--ds-ink)}
:root{--ds-page:#fbfaf9;--ds-ink:#251f21;--ds-ink-2:#585254;--ds-hairline:#eae9ea;--ds-font-text:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}.file-card{width:100%;max-width:1040px;margin:0 auto;background:var(--ds-page);color:var(--ds-ink);display:flex;flex-direction:column;font-family:var(--ds-font-text);font-size:14px;line-height:24px;letter-spacing:-.01em}.file-card button{font-family:inherit}.study-button{border:1px solid var(--ds-hairline);border-radius:4px;font-size:15px;padding:8px 14px;cursor:pointer;min-height:44px;background:#fff;color:var(--ds-ink);box-shadow:0 1px 2px #251f210d}.study-button.primary{background:var(--ds-ink);color:#fbfaf9;border-color:var(--ds-ink);padding:8px 16px}.study-button.ghost{background:transparent;border-color:transparent;box-shadow:none}.study-button.selected{background:#73a89a;color:#fff;border-color:#73a89a}.study-button.compact{font-size:13px}.study-button:focus-visible,select:focus-visible{outline:2px solid #251f21;outline-offset:2px}html,body,#root{margin:0;min-height:100%}body{background:var(--ds-page)}.study-top,.navigation,.range,.player,.card-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.study-top{justify-content:space-between;margin:16px 0 10px}.current{color:var(--ds-ink-2)}label{font-weight:600}select{font:inherit;color:var(--ds-ink);background:var(--ds-page);border:1px solid var(--ds-hairline);border-radius:4px;padding:10px;min-height:44px;margin-left:8px}.navigation{justify-content:space-between;margin:10px 0}.card-controls{justify-content:flex-end;margin:12px 0}.memory-card{display:block;width:100%;height:auto;border-radius:8px}.reading{padding:20px 0 8px;border-bottom:1px solid var(--ds-hairline)}.arabic{font-family:QuranArabic,Noto Naskh Arabic,serif;font-size:32px;line-height:2.2;text-align:right;margin:0;overflow-wrap:anywhere;font-weight:400}.english{font-size:18px;line-height:1.6;margin-top:20px}.player{margin:22px 0 10px}.player p{color:var(--ds-ink-2);margin:0}.range{margin:16px 0}.recall{padding:38px 20px;border:1px solid var(--ds-hairline);border-radius:8px;text-align:center}.recall p:first-child{font-size:24px}.file-card{overflow-wrap:break-word}@media(min-width:768px){.arabic{font-size:38px}.reading{padding:28px 10px}.english{font-size:20px}}@media(max-width:420px){.card-controls{justify-content:flex-start;gap:4px}.player{align-items:flex-start;flex-direction:column}.arabic{font-size:29px}.current{font-size:12px}}.study-content{display:flex;flex-direction:column;gap:10px}.study-content .study-top,.study-content .navigation,.study-content .card-controls{margin:0}.study-content .reading{margin-top:10px}.study-content .card-controls{margin:8px 0}.file-header{gap:12px}.ayah-end{display:inline-block;unicode-bidi:isolate;direction:rtl;margin-inline:.3em}.study-content .player{margin:8px 0;padding:12px 0;border-bottom:1px solid var(--ds-hairline)}.ayah-end{border:1px solid currentColor;border-radius:50%;padding:0 .2em;font-size:.5em;line-height:1.5;vertical-align:middle}.file-card{gap:12px;padding:16px;max-width:1040px}.file-header{gap:4px}.file-title{font-size:24px}.file-fact{font-size:11px;line-height:16px}.study-content{gap:6px}.study-top{font-size:12px}.study-top select{padding:6px;min-height:36px}.navigation{gap:6px}.navigation button{min-height:32px}.study-content .player{margin:0;padding:4px 0;flex-direction:row;align-items:center;gap:8px}.player p{font-size:11px}.card-controls{gap:4px!important;margin:0!important}.card-controls button{font-size:11px;min-height:28px;padding:4px 8px}.memory-card{max-height:158px;object-fit:contain}.reading{padding:4px 0!important;margin:0!important}.arabic{font-size:24px;line-height:1.7}.english{font-size:13px;line-height:1.4;margin:6px 0}.reading.long .arabic{font-size:21px;line-height:1.6}.reading.long .english{font-size:12px}.file-group{gap:8px}.file-group-label{font-size:11px}.file-choice-row{gap:6px}.file-closing,.file-caption{font-size:10px;line-height:14px}.range{margin:0;font-size:11px}.range select{min-height:32px;padding:4px}.recall{padding:20px}.file-card button{min-height:32px}.file-card [role=group]{gap:4px}.file-card [role=group]>span,.file-card [role=group]>p{font-size:11px}.file-card [role=group] button{min-height:30px;padding:4px 10px;font-size:12px}@media(max-width:420px){.arabic{font-size:24px}.current{font-size:11px}.player{flex-direction:row}.file-card{gap:8px}.file-header{gap:3px}}@media(max-height:740px)and (max-width:420px){.memory-card{max-height:110px}.arabic{font-size:21px;line-height:1.55}.english{font-size:12px;line-height:1.3}.reading.long .arabic{font-size:19px}.reading.long .english{font-size:11px}.file-card{gap:6px;padding:12px}}.compact-shell{display:flex;flex-direction:column;gap:10px}.compact-heading{display:flex;align-items:baseline;justify-content:space-between}.compact-heading h1{font-family:var(--ds-font-display,Aime,serif);font-size:24px;margin:0}.compact-heading span,.compact-note{font-size:10px;color:var(--ds-ink-2)}.compact-nav{display:flex;align-items:center;gap:8px}.compact-nav span{margin-left:auto;font-size:12px}.compact-nav select{min-height:36px;padding:4px;margin:0}.compact-card{width:100%;height:140px;object-fit:contain;border-radius:4px}.compact-arabic{min-height:95px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--ds-hairline);border-radius:4px;text-align:center;color:var(--ds-ink-2);font-size:12px;line-height:1.5}.compact-english{margin:0;font-size:14px;line-height:1.5;min-height:65px}.compact-english.long{font-size:13px;line-height:1.45;min-height:110px}.compact-settings,.compact-range{display:flex;align-items:center;justify-content:space-between;gap:6px}.compact-settings label,.compact-range label{display:flex;flex-direction:column;font-size:11px;gap:3px;flex:1}.compact-settings select,.compact-range select{font-size:12px;padding:5px;min-height:36px;margin:0;width:100%}.compact-player{display:flex;align-items:center;gap:12px}.compact-player span{font-size:11px}.compact-note{margin:0}.file-card{padding:14px!important;gap:0!important}.compact-nav button{min-width:36px;font-size:20px}.compact-player button{min-height:40px}@media(max-height:740px){.compact-shell{gap:8px}.compact-card{height:110px}.compact-arabic{min-height:85px}.compact-english{font-size:13px;line-height:1.45;min-height:55px}.compact-english.long{font-size:12px;min-height:95px}.compact-heading h1{font-size:22px}}.card-hero{margin-left:-14px;margin-right:-14px}.compact-card{display:block;width:100%;height:auto;max-height:none!important;object-fit:contain;border-radius:0}.compact-shell{gap:10px}.compact-arabic{min-height:105px}.compact-english{min-height:0;margin:2px 0 4px}.compact-nav{gap:6px}.compact-heading{min-height:30px}.compact-settings select{min-height:36px}.compact-note{line-height:14px}@media(max-height:740px){.card-hero{margin-left:-14px;margin-right:-14px}.compact-card{height:auto}.compact-arabic{min-height:90px}.compact-shell{gap:8px}}.compact-text-toggle{display:flex;justify-content:flex-end}.compact-text-toggle button{font-size:12px;min-height:32px}.compact-card{max-height:none}.compact-shell{gap:8px}.compact-text-toggle{align-items:center;justify-content:space-between}.speed-control{display:flex;align-items:center;gap:6px;font-size:11px}.speed-control select{font-size:12px;min-height:36px;margin:0;padding:4px 8px}.surah-choice{display:flex;align-items:center;gap:8px;font-size:12px}.surah-choice select{font-size:15px;font-weight:600;min-height:40px;margin:0;padding:4px 8px;max-width:260px}.compact-heading{min-height:40px}.compact-heading>span{font-size:10px}.compact-range{order:0}.compact-settings{gap:12px}.compact-range label{font-weight:600}.compact-range select{min-height:36px}.compact-note{font-size:10px}.repeat-style{display:flex;align-items:center;justify-content:space-between;gap:8px}.repeat-style>span{font-size:11px;font-weight:600}.repeat-style [role=group]{display:flex;gap:6px;align-items:center}.repeat-style [role=group] button{min-height:32px;padding:4px 12px}.repeat-style [role=group]>span:empty{display:none}.file-card{padding-top:calc(14px + var(--sim-safe-top, env(safe-area-inset-top, 0px)))!important;padding-bottom:calc(14px + var(--sim-safe-bottom, env(safe-area-inset-bottom, 0px)))!important}.compact-shell{min-width:0}.compact-heading{flex-wrap:nowrap}.surah-choice{min-width:0}.surah-choice select{max-width:calc(100vw - 140px)}.compact-arabic{box-sizing:border-box;min-height:110px;max-height:155px;overflow:auto}.compact-english{box-sizing:border-box;max-height:110px;overflow:auto}

.arabic .ayah-end{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:1.55em;height:1.55em;padding:0;margin:0 .25em;border:1.5px solid currentColor;border-radius:50%;font-size:.75em;font-family:"Geeza Pro","Noto Naskh Arabic","Arial",sans-serif;line-height:1;vertical-align:middle;unicode-bidi:isolate;direction:rtl;font-feature-settings:"calt" 0,"liga" 0,"rlig" 0;font-variant-numeric:normal;font-weight:400}

/* The legacy Hafs build has no low-meem glyph. Shape only words bearing
   U+06ED with the unmodified newer KFGQPC Hafs build. Text stays unchanged. */
@font-face{font-family:'QuranArabicLowMeem';src:url('/KFGQPCHafs18.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.arabic .qpc-low-meem{font-family:'QuranArabicLowMeem';font-weight:400}

.arabic .ayah-end{position:relative;border:0;width:1.9em;height:1.9em;margin:0 .25em;isolation:isolate}
.arabic .ayah-end::before{content:'\06DD';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:QuranArabic;font-size:2.2em;line-height:1;font-weight:400;z-index:-1;transform:translateY(-.1em)}

/* Keep the study page within Safari's visible viewport, including both credits. */
html { height:100%; }
body { height:100vh; height:100svh; height:100dvh; min-height:0; display:flex; flex-direction:column; }
#root { flex:1 1 0; min-height:0; width:100%; }
#root > .file-card { height:100%; min-height:0; padding:8px 12px!important; padding-top:calc(8px + env(safe-area-inset-top,0px))!important; padding-bottom:6px!important; }
.compact-shell { height:100%; min-height:0; gap:6px; }
.compact-shell > * { flex-shrink:0; }
.compact-heading { min-height:34px; }
.surah-choice select { min-height:34px; font-size:16px; }
.card-hero { flex:1 1 0; min-height:0; margin:0 -12px; display:flex; align-items:center; justify-content:center; }
.compact-card { width:100%; height:100%; min-height:0; max-height:100%!important; object-fit:contain; }
.compact-text-toggle { min-height:32px; }
.speed-control select { min-height:32px; font-size:16px; padding:2px 6px; }
.compact-text-toggle button { min-height:32px; font-size:13px; padding:4px 8px; }
.repeat-style { min-height:32px; }
.repeat-style > span { font-size:12px; }
.repeat-style [role=group] button { min-height:32px; padding:4px 10px; font-size:13px; }
.compact-settings, .compact-range { gap:10px; }
.compact-settings label, .compact-range label { font-size:12px; line-height:15px; gap:2px; }
.compact-settings select, .compact-range select { min-height:32px; height:32px; padding:3px 6px; font-size:16px; }
.compact-player { min-height:36px; gap:10px; }
.compact-player button { min-height:36px; padding:4px 14px; }
.compact-note { font-size:10px; line-height:12px; }
.compact-arabic { flex:1 1 0; min-height:0; max-height:none; overflow:visible; }
.compact-arabic .arabic { font-size:24px; line-height:1.7; }
.compact-english, .compact-english.long { flex:0 0 auto; min-height:0; max-height:none; overflow:visible; font-size:13px; line-height:1.35; margin:0; }
.vqp-footer { flex:0 0 auto; width:100%; padding:5px 12px calc(6px + env(safe-area-inset-bottom,0px)); font-size:11px; line-height:1.2; }
.vqp-watch { display:block; width:100%; min-height:32px; margin:0 0 4px; padding:7px 4px; font-size:13px; line-height:18px; }
.vqp-footer p { margin:2px 0 0; }
.vqp-footer .vqp-credit { margin-top:2px; font-size:9px; line-height:11px; }
@media(max-height:620px) { .compact-shell { gap:4px; } .compact-arabic .arabic { font-size:23px; line-height:1.55; } .compact-english, .compact-english.long { font-size:12px; line-height:1.3; } }
.compact-player .compact-note { margin:0 0 0 auto; max-width:42%; text-align:right; line-height:13px; font-size:10px; }
.compact-player > span { flex:1; min-width:0; line-height:14px; }
.compact-arabic { padding:8px 10px; }
.compact-arabic .arabic { width:100%; min-width:0; }

/* Show/Hide card as a real button; clear room above repeat-style row; inset Watch button. */
.compact-text-toggle { padding-bottom:6px; margin-bottom:2px; }
.compact-text-toggle button.study-button.ghost { background:#fff; border:1px solid var(--ds-hairline); box-shadow:0 1px 2px #251f210d; min-height:32px; padding:4px 12px; font-size:13px; border-radius:4px; }
.repeat-style { padding-top:2px; }
.vqp-footer { padding-left:20px!important; padding-right:20px!important; }
.vqp-watch { width:100%; box-sizing:border-box; }

/* fit4: align Watch button with control margins, footer room, dotted separator below English. */
.vqp-footer { padding-left:12px!important; padding-right:12px!important; padding-top:6px!important; padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important; }
.vqp-footer .vqp-credit { line-height:13px; margin-top:3px; }
.compact-english, .compact-english.long { border-bottom:1px dashed var(--ds-hairline); padding-bottom:8px; }