/* The Mushaf reader's look. GENERATED by tools/copy-engines.mjs from b98i1-pixel/Sabeel app.css at c88ebacbb6a2:
   the rules whose every class the reader's code uses, and the Quran fonts. Do not edit here. */
.sec-d { margin: 0; color: var(--muted); font-size: 13px; max-width: 65ch; }
.btn { justify-self: start; padding: 10px 16px; border-radius: 8px; border: 1px solid var(--accent); background: var(--accent); color: var(--accent-ink); font-weight: 600; }
.btn.ghost { background: transparent; color: var(--accent); }
.btn:disabled { opacity: 0.5; cursor: not-allowed; }
.linkbtn { background: none; border: 0; padding: 0; color: var(--accent); text-decoration: underline; font-size: inherit; }
.lab, .sh-sec > .lab { font-size: 13px; letter-spacing: 0; color: var(--muted); font-weight: 650; }
:lang(ar) .lab { font-size: 13px; }
.inp { padding: 9px 10px; font-size: 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); min-width: 0; width: 100%; }
textarea.inp { min-height: 90px; resize: vertical; }
a.btn { text-decoration: none; display: inline-block; text-align: center; }
.linkbtn svg { width: 18px; height: 18px; vertical-align: -4px; }
.qtext { display: grid; gap: 8px; }
.qtext b { font: 800 26px/1.1 var(--display); }
:lang(ja) .big-t, :lang(ja) .prnext b, :lang(ja) .qtext b { letter-spacing: 0; }
.btn.sm { padding: 7px 12px; font-size: 13px; }
.linkbtn { background: none; border: 0; padding: 0; color: var(--accent); font-weight: 600; text-align: start; }
details.fold > summary { cursor: pointer; font-weight: 700; font-size: 16px; list-style: none; display: flex; justify-content: space-between; align-items: center; }
details.fold > summary::-webkit-details-marker { display: none; }
details.fold > summary::after { content: "+"; color: var(--muted); font-weight: 400; font-size: 20px; }
details.fold[open] > summary::after { content: "−"; }
details.fold[hidden] { display: none; }
select.inp { width: 100%; text-overflow: ellipsis; }
.nowcam .btn, .nc-msg .btn, #nowSheet .btn, .nc-rules .btn { background: #f3efe4; color: #0d1630; border-color: #f3efe4; }
#msSetup .linkbtn { padding: 10px 2px; }
details.fold > summary::after { content: ""; width: 9px; height: 9px; border: solid var(--muted); border-width: 0 2px 2px 0; transform: rotate(45deg); margin: -4px 4px 0; transition: transform .15s; }
details.fold[open] > summary::after { content: ""; transform: rotate(-135deg); margin-top: 4px; }
details.fold:not([open]) { gap: 0; padding-block: 14px; }
@font-face { font-family: "Uthmanic Hafs"; src: local("KFGQPC Uthmanic Script HAFS"), url(../fonts/uthmanic-hafs.woff2) format("woff2"); font-display: swap; }
@font-face { font-family: "Amiri Quran"; src: local("Amiri Quran"), url(../fonts/amiri-quran.ttf) format("truetype"); font-display: swap; }
.qhead { display: grid; gap: 8px; margin-bottom: 10px; }
.qhead > * { min-width: 0; }
.qreader { position: fixed; inset: 0; z-index: 19; background: #fff; color: #111; overflow: hidden; color-scheme: light;
  padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
body.reading { overflow: hidden; }
.qreader[hidden] { display: none; }
.qrtrack { position: absolute; inset: 0; touch-action: pan-y; will-change: transform; }
.qrslot { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: env(safe-area-inset-top, 0px) 0 env(safe-area-inset-bottom, 0px); }
.qrslot:nth-child(1) { transform: translateX(100%); }
.qrslot:nth-child(3) { transform: translateX(-100%); }
.qreader.scroll .qrslot { align-items: flex-start; overflow-y: auto; -webkit-overflow-scrolling: touch; padding-top: calc(46px + env(safe-area-inset-top, 0px)); padding-bottom: calc(46px + env(safe-area-inset-bottom, 0px)); }
.qrow { display: flex; justify-content: center; align-items: center; gap: 3vw; transform-origin: 50% 0; transition: transform .2s ease; }
.qreader.fit .qrow { transform: translateY(var(--qby, 0px)) scale(var(--qbs, 1)); }
.qreader.qtwo .qrow { gap: 0; }
.qp { width: var(--qpw); display: flex; flex-direction: column; position: relative; }
.qreader.qtwo .qp { padding: 0 1.2vw; }
.qreader.qtwo .qp:first-child { box-shadow: inset -14px 0 18px -16px rgba(0,0,0,.22); }
.qreader.qtwo .qp:last-child { box-shadow: inset 14px 0 18px -16px rgba(0,0,0,.22); }
.qprun { display: flex; justify-content: space-between; font: 500 12px/1.4 "Amiri Quran", "Uthmanic Hafs", serif; color: #8a8a8a; padding: 0 2px 4px; direction: rtl; }
.qpfoot { text-align: center; font: 500 13px/1.6 "Amiri Quran", serif; color: #8a8a8a; padding-top: 4px; }
.qpb { display: flex; flex-direction: column; }
.qpb.short { justify-content: center; min-height: calc(var(--qlh) * 15); }
.qpb.wait .ql { visibility: hidden; }
.qpb.wait { background: repeating-linear-gradient(#fff 0 calc(var(--qlh) * .38), #f3f3f3 calc(var(--qlh) * .38) calc(var(--qlh) * .62), #fff calc(var(--qlh) * .62) var(--qlh)); }
.ql { height: var(--qlh); line-height: var(--qlh); font-size: var(--qfs); display: flex; justify-content: space-between; align-items: center; white-space: nowrap; direction: rtl; color: #111; }
.ql.c { justify-content: center; gap: .22em; }
.ql .w { border-radius: 4px; transition: background-color .2s; }
.ql .w.sel, .qta.sel { background: rgba(214, 171, 78, .32); }
.ql .w.now, .qta.now { background: rgba(28, 53, 97, .10); }
.ql .w.flash, .qta.flash { animation: qflash 1.6s ease-out; }
.ql.qhead { justify-content: center; }
.qframe { display: inline-flex; align-items: center; justify-content: center; width: 96%; height: 78%; border: 1.5px solid #b8975a; border-radius: 999px; box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 4px #e2cf9f; background: linear-gradient(#fffdf6, #fbf4e2); }
.qhn { font: 700 calc(var(--qfs) * .82) / 1 "Amiri Quran", "Uthmanic Hafs", serif; color: #1c3561; }
.qpmsg { text-align: center; color: #666; font: 14px/1.5 var(--body, system-ui); padding: 24px 12px; white-space: normal; }
.qpmsg.big { position: absolute; inset: 0; display: grid; place-content: center; gap: 12px; }
.qpb.nofont { align-items: center; justify-content: center; min-height: calc(var(--qlh) * 15); gap: 10px; }
.qpb.qtext { font: calc(var(--qfs) * 1.02) / 2.05 "Uthmanic Hafs", "Amiri Quran", serif; text-align: justify; text-align-last: center; color: #111; white-space: normal; min-height: calc(var(--qlh) * 15); }
.qpb.qtext .qta { border-radius: 4px; }
.qtb { text-align: center; margin: 0; }
.qtp { margin: 0; }
.qrbar { position: absolute; inset-inline: 0; display: flex; align-items: center; gap: 4px; padding: 3px max(8px, calc((100% - 760px) / 2)); background: rgba(255,255,255,.97); transition: opacity .2s, transform .2s; opacity: 0; pointer-events: none; z-index: 3; color: #1c3561; }
.qrtop { top: 0; padding-top: calc(3px + env(safe-area-inset-top, 0px)); transform: translateY(-6px); box-shadow: 0 1px 0 #ececec; }
.qrbot { bottom: 0; padding-bottom: calc(3px + env(safe-area-inset-bottom, 0px)); transform: translateY(6px); box-shadow: 0 -1px 0 #ececec; justify-content: space-between; }
.qreader.bars .qrbar { opacity: 1; pointer-events: auto; transform: none; }
.qrbtn { min-width: 38px; height: 38px; border: 0; background: none; color: inherit; font-size: 20px; border-radius: 19px; cursor: pointer; }
.qrbtn:active { background: rgba(28,53,97,.08); }
.qrtitle { flex: 1; min-width: 0; border: 0; background: none; color: inherit; display: flex; align-items: baseline; justify-content: center; gap: 8px; height: 38px; padding: 0 4px; cursor: pointer; white-space: nowrap; overflow: hidden; }
.qrts { font: 700 17px/38px "Amiri Quran", "Uthmanic Hafs", serif; }
.qrtm { font: 12px/38px var(--body, system-ui); color: #7a7a7a; overflow: hidden; text-overflow: ellipsis; }
.qrpn, .qrprog { border: 0; background: none; color: #1c3561; font: 600 14px/1 var(--body, system-ui); padding: 0 8px; height: 38px; cursor: pointer; }
.qrprog { color: #8a6a1f; font-weight: 500; font-size: 13px; }
.qrarrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 44px; height: 72px; border: 0; border-radius: 12px; background: rgba(28,53,97,.06); color: #1c3561; font-size: 28px; opacity: 0; pointer-events: none; transition: opacity .2s; cursor: pointer; }
.qrnext { left: max(6px, calc((100% - var(--qpw) * 1) / 2 - 56px)); }
.qrprev { right: max(6px, calc((100% - var(--qpw) * 1) / 2 - 56px)); }
.qreader.qtwo .qrnext { left: 6px; }
.qreader.qtwo .qrprev { right: 6px; }
@media (hover: hover) and (pointer: fine) {
  .qreader.bars .qrarrow { opacity: 1; pointer-events: auto; }
}
.qrplay { position: absolute; inset-inline: 10px; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); z-index: 4; display: flex; align-items: center; gap: 4px; padding: 4px 6px; background: #1c3561; color: #fff; border-radius: 26px; box-shadow: 0 6px 22px rgba(0,0,0,.22); transition: bottom .2s; }
.qreader.bars .qrplay { bottom: calc(52px + env(safe-area-inset-bottom, 0px)); }
.qrplay .qrbtn { color: #fff; }
.qrpi { flex: 1; min-width: 0; display: grid; border: 0; background: none; color: #fff; text-align: start; padding: 4px 6px; cursor: pointer; }
.qrpi b { font-size: 14px; }
.qrpi span { font-size: 12px; opacity: .85; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qrspin { width: 18px; height: 18px; margin-inline-end: 8px; border-radius: 50%; border: 2px solid rgba(255,255,255,.35); border-top-color: #fff; animation: qspin .9s linear infinite; }
.qract { position: absolute; inset-inline: 10px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 5; background: #fff; border-radius: 18px; box-shadow: 0 8px 30px rgba(0,0,0,.22); padding: 10px 10px 12px; display: grid; gap: 8px; color: #1c3561; }
.qacth { text-align: center; font: 700 17px/1.3 "Amiri Quran", serif; }
.qactrow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.qact { border: 1px solid #e6e1d4; background: #fbf9f3; color: #1c3561; border-radius: 12px; padding: 10px 4px; font: 500 13px/1.25 var(--body, system-ui); cursor: pointer; }
.qreader.haspanel::after { content: ""; position: absolute; inset: 0; background: rgba(8,12,20,.28); z-index: 6; }
.qrpanel { position: absolute; inset-inline: 0; bottom: 0; z-index: 7; max-height: 82%; display: flex; flex-direction: column; background: #fff; color: #1a1a1a; border-radius: 20px 20px 0 0; box-shadow: 0 -8px 30px rgba(0,0,0,.18); padding-bottom: env(safe-area-inset-bottom, 0px); -webkit-user-select: text; user-select: text; }
.qreader.qtwo .qrpanel, .qreader:not(.qtwo) .qrpanel { max-width: 640px; margin: 0 auto; }
.qrph { display: flex; align-items: center; justify-content: space-between; padding: 10px 8px 4px 18px; color: #1c3561; }
.qrpt { font: 700 17px/1.3 var(--body, system-ui); }
.qrpb { overflow-y: auto; padding: 4px 14px 18px; display: grid; gap: 6px; align-content: start; }
.qrrow { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; padding: 12px 10px; border: 0; border-bottom: 1px solid #f0ede4; background: none; color: #1a1a1a; text-align: start; font: 15px/1.35 var(--body, system-ui); cursor: pointer; }
.qrrow.here { background: #fbf6e8; border-radius: 10px; }
.qrrow.qlogmv { background: #fbf6e8; border-inline-start: 3px solid #b8892b; }
.qrrow.qlogmv .qrrm { font-weight: 600; }
.qrrm { flex: 1; min-width: 0; }
.qrrx { color: #888; font-size: 12.5px; text-align: end; white-space: nowrap; }
.qrseg { display: flex; gap: 4px; padding: 3px; background: #f2efe7; border-radius: 12px; }
.qrseg button { flex: 1; border: 0; background: none; padding: 9px 4px; border-radius: 9px; font: 600 14px var(--body, system-ui); color: #555; cursor: pointer; }
.qrseg button[aria-pressed="true"] { background: #fff; color: #1c3561; box-shadow: 0 1px 4px rgba(0,0,0,.1); }
.qrq { margin: 4px 0; }
.qrlist { display: grid; }
.qrsrch { justify-self: start; }
.qrlg { display: flex; align-items: center; gap: 10px; padding: 4px 0; font-size: 14px; }
.qrlg i { width: 16px; height: 16px; border-radius: 4px; flex: none; }
.qrcred { justify-self: center; margin-top: 8px; font-size: 13px; }
.qrbig { display: grid; gap: 6px; padding: 8px 4px 12px; }
.qrbig b { font: 700 30px/1.1 var(--body, system-ui); color: #1c3561; }
.qrbarline { height: 8px; border-radius: 4px; background: #efeadc; overflow: hidden; }
.qrbarline i { display: block; height: 100%; background: linear-gradient(90deg, #c3953a, #d6ab4e); border-radius: 4px; }
.qrweek { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; align-items: end; height: 92px; padding: 4px 0 8px; }
.qrday { display: grid; justify-items: center; align-content: end; gap: 3px; }
.qrday i { width: 70%; min-height: 3px; background: #d6ab4e; border-radius: 4px 4px 2px 2px; }
.qrdn { font-size: 11px; color: #8a6a1f; }
.qrdl { font-size: 11px; color: #888; }
.qrgoal { display: grid; gap: 6px; }
.qrtoast { position: absolute; left: 50%; top: calc(64px + env(safe-area-inset-top, 0px)); transform: translateX(-50%); z-index: 8; max-width: 86%; background: rgba(28,53,97,.92); color: #fff; padding: 9px 16px; border-radius: 18px; font: 14px/1.35 var(--body, system-ui); text-align: center; pointer-events: none; }
.qrbackpill { position: absolute; left: 50%; bottom: calc(70px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); z-index: 7; max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #1C3561; color: #fff; border: 0; border-radius: 22px; padding: 10px 18px; min-height: 44px; font: 600 14px/1.2 var(--body, system-ui); box-shadow: 0 4px 14px rgba(0,0,0,.22); cursor: pointer; }
.qrbackpill[hidden] { display: none; }
.qreader.loadingq .qrtrack::after { content: ""; position: absolute; top: 50%; left: 50%; width: 28px; height: 28px; margin: -14px; border-radius: 50%; border: 3px solid #e6e1d4; border-top-color: #1c3561; animation: qspin .9s linear infinite; }
@media (prefers-reduced-motion: reduce) {
  .qrtrack { transition: none !important; }
}
.qframe { position: relative; display: flex; align-items: center; justify-content: center; width: 97%; height: 80%; padding: 0 calc(var(--qlh) * .86); border: 0; border-radius: 3px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBmaWxsPSIjZmJmN2VlIi8+CjxwYXRoIGQ9Ik0wIDIwIFExMCAxMSAyMCAyMCBUNDAgMjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2UzZDNhZCIgc3Ryb2tlLXdpZHRoPSIxIi8+CjxwYXRoIGQ9Ik0wIDIwIFExMCAyOSAyMCAyMCBUNDAgMjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2NmZTNkYyIgc3Ryb2tlLXdpZHRoPSIxIi8+Cjxwb2x5Z29uIHBvaW50cz0iMjYuMjAsMjAuMDAgMjAuMDAsMjYuMjAgMTMuODAsMjAuMDAgMjAuMDAsMTMuODAiIGZpbGw9IiNlMmVmZWEiIHN0cm9rZT0iI2NkYjI3YSIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48cG9seWdvbiBwb2ludHM9IjI0LjM4LDI0LjM4IDE1LjYyLDI0LjM4IDE1LjYyLDE1LjYyIDI0LjM4LDE1LjYyIiBmaWxsPSIjZTJlZmVhIiBzdHJva2U9IiNjZGIyN2EiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjIwIiBjeT0iMjAiIHI9IjEuOCIgZmlsbD0iI2Y0ZTNkZCIgc3Ryb2tlPSIjY2RiMjdhIiBzdHJva2Utd2lkdGg9Ii41Ii8+CjxjaXJjbGUgY3g9IjAiIGN5PSIyMCIgcj0iMi40IiBmaWxsPSIjZjRlM2RkIi8+PGNpcmNsZSBjeD0iNDAiIGN5PSIyMCIgcj0iMi40IiBmaWxsPSIjZjRlM2RkIi8+Cjwvc3ZnPg==") center / auto 64% repeat-x, #fbf7ee;
  box-shadow: inset 0 0 0 1.2px #cdb27a, inset 0 0 0 3.5px #fbf7ee, inset 0 0 0 4.3px #e3d3ad; }
.qframe::before, .qframe::after { content: ""; position: absolute; top: 50%; width: calc(var(--qlh) * .74); height: calc(var(--qlh) * .74); transform: translateY(-50%); background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDciIGZpbGw9IiNmYmY2ZWEiIHN0cm9rZT0iI2MyYTQ2NyIgc3Ryb2tlLXdpZHRoPSIyLjIiLz4KPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2JjZDhjZiIgc3Ryb2tlLXdpZHRoPSIxLjIiLz4KPHBvbHlnb24gcG9pbnRzPSI4Ni4wMCw1MC4wMCA1MC4wMCw4Ni4wMCAxNC4wMCw1MC4wMCA1MC4wMCwxNC4wMCIgZmlsbD0iI2Q3ZTllMyIgc3Ryb2tlPSIjYTk4YTRlIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwb2x5Z29uIHBvaW50cz0iNzUuNDYsNzUuNDYgMjQuNTQsNzUuNDYgMjQuNTQsMjQuNTQgNzUuNDYsMjQuNTQiIGZpbGw9IiNkN2U5ZTMiIHN0cm9rZT0iI2E5OGE0ZSIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBvbHlnb24gcG9pbnRzPSI3Mi4wMCw1MC4wMCA1MC4wMCw3Mi4wMCAyOC4wMCw1MC4wMCA1MC4wMCwyOC4wMCIgZmlsbD0iI2YyZGRkNiIgc3Ryb2tlPSIjYTk4YTRlIiBzdHJva2Utd2lkdGg9IjEuMiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwb2x5Z29uIHBvaW50cz0iNjUuNTYsNjUuNTYgMzQuNDQsNjUuNTYgMzQuNDQsMzQuNDQgNjUuNTYsMzQuNDQiIGZpbGw9IiNmMmRkZDYiIHN0cm9rZT0iI2E5OGE0ZSIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iMTAiIGZpbGw9IiNmYmY2ZWEiIHN0cm9rZT0iI2E5OGE0ZSIgc3Ryb2tlLXdpZHRoPSIxLjIiLz4KPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iMy4yIiBmaWxsPSIjYzJhNDY3Ii8+Cjwvc3ZnPg==") center / contain no-repeat; }
.qframe::before { inset-inline-start: calc(var(--qlh) * .06); }
.qframe::after { inset-inline-end: calc(var(--qlh) * .06); }
.qframe .qhn { position: relative; padding: .08em 1.3em .16em; border-radius: 999px; background: #fffdf8; box-shadow: 0 0 0 1px #c2a467, 0 0 0 3px #fffdf8, 0 0 0 3.8px #bcd8cf; color: #22406e; font-size: calc(var(--qfs) * .8); line-height: 1.25; }
.qrsbox { position: relative; flex: 0 1 300px; min-width: 0; }
.qrsinp { width: 100%; height: 34px; border: 1px solid #dfe3ea; border-radius: 17px; padding: 0 14px; font: 15px/1 var(--body); background: #f6f7f9; color: #1c3561; }
.qrsinp:focus { outline: none; border-color: #1c3561; background: #fff; }
.qrsbtn { display: none; font-size: 20px; }
.qrsres { position: absolute; top: calc(100% + 6px); inset-inline-end: 0; width: min(440px, 92vw); max-height: min(70vh, 560px); overflow-y: auto; background: #fff; border: 1px solid #e3e6ec; border-radius: 14px; box-shadow: 0 10px 34px rgba(21,40,75,.16); padding: 6px; z-index: 10; text-align: start; }
.qrsrow { display: flex; flex-direction: column; align-items: stretch; gap: 2px; width: 100%; border: 0; background: none; text-align: start; padding: 9px 10px; border-radius: 10px; cursor: pointer; color: #1c3561; }
.qrsrow:hover, .qrsrow:focus-visible { background: #f2f5fa; outline: none; }
.qrsrow .qrsm { font-weight: 600; font-size: 15px; }
.qrsrow .qrsx { font-size: 12.5px; color: #6b7686; }
.qrsnote { margin: 6px 10px; font-size: 13px; color: #6b7686; }
@media (max-width: 699px) {
  .qrsbox { display: none; }
  .qrsbtn { display: inline-flex; }
  .qreader.searching .qrsbox { display: block; position: absolute; inset: 3px 8px; inset-block-start: calc(3px + env(safe-area-inset-top, 0px)); z-index: 4; flex: none; }
  .qreader.searching .qrsinp { height: 38px; }
  .qreader.searching .qrsres { inset-inline: 0; width: auto; }
}
#prayerSettings > .lab { margin-top: 14px; }
.qrrow .qrrm { flex: 1 1 auto; min-width: 45%; }
.qrrow .qrrx { flex: 0 1 auto; max-width: 50%; white-space: normal; text-align: end; }
.qtext #qLive { justify-self: start; margin-top: 6px; }
html.qpray #promptCard, html.qpray .toast { display: none !important; }
.qreader.praying::after { content: attr(data-pray); position: fixed; top: calc(6px + env(safe-area-inset-top, 0px)); inset-inline-start: 12px; font-size: 11px; color: #8a6a1f; opacity: .55; pointer-events: none; z-index: 3; }
.qrph3 { margin: 14px 0 4px; font-size: 15px; }
.qrpp { margin: 0 0 8px; line-height: 1.55; }
.ql .w.here, .qta.here { background: rgba(214, 171, 78, .26); }
.ql .w.pre, .qta.pre { background: rgba(214, 171, 78, .16); transition: background .25s; }
#gmList .fold { margin: 8px 14px; }
.qreader { --bg: #f5f2ec; --surface: #ffffff; --raise: #faf8f4; --fg: #15201e; --muted: #5d6965; --line: #e2ddd2; --accent: #1c3561; --accent-ink: #ffffff; --gold: #c9a24a; --danger: #b3312b; }
#gmList .fold { margin: 8px 0; }
.qprivate { margin-top: 14px; }
.qrtz { position: absolute; z-index: 3; display: none; align-items: center; justify-content: center; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.qrtzm { font-size: 18px; line-height: 1; color: #8a7a55; opacity: .22; pointer-events: none; }
.qreader[data-tap="middle"] .qrtz { display: flex; width: 48px; height: 44px; border-radius: 22px; inset-block-end: calc(4px + env(safe-area-inset-bottom, 0px)); }
.qreader.bars .qrtz, .qreader.haspanel .qrtz, .qreader.searching .qrtz { display: none; }
.qreader input, .qreader textarea { -webkit-user-select: text; user-select: text; }
.qreader .qrtz:active .qrtzm { opacity: .5; }
.qrsub { margin: 16px 0 4px; font-size: .95rem; font-weight: 600; }
#scr-family .btn, #famSheet .btn { border-radius: 20px; background: rgba(255,255,255,.1); color: #eef1f6; border-color: transparent; }
#scr-family .btn.ghost, #famSheet .btn.ghost { background: none; border: 1px solid rgba(255,255,255,.18); color: #eef1f6; border-radius: 99px; }
#scr-family .inp, #famSheet .inp { border-radius: 14px; background: rgba(255,255,255,.06); border-color: transparent; color: #eef1f6; font-size: 17px; }
#scr-family .inp:focus, #famSheet .inp:focus { outline: none; box-shadow: 0 0 0 2px var(--lf-go); }
#scr-family .sec-d, #famSheet .sec-d, #scr-family .meta, #famSheet .meta { color: #9aa3b5; }
#famSheet h3, #scr-family h3, #famSheet .lab, #scr-family .lab { font-size: 12px; font-weight: 400; letter-spacing: .02em; text-transform: none; color: #9aa3b5; }