/* Reading controls and the two account collections only. */
.ayah-action[data-action="bookmark"][aria-pressed="true"]{color:#65dfb2!important}
.ayah-action[data-action="bookmark"][aria-pressed="true"] svg path{fill:currentColor!important}
.ayah-action[data-action="bookmark"][aria-busy="true"]{opacity:.55;cursor:wait}
.ayah-list .ayah-block{scroll-margin-top:28px}
.ayah-list .ayah-block.qr-resume-target{outline:1px solid #72c3a3;outline-offset:10px;border-radius:6px}
#qr-toast{position:fixed;z-index:100002;bottom:22px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 28px);padding:13px 20px;border:1px solid #6f9180;border-radius:12px;background:#213d31;color:#fff;font:14px/1.8 Tahoma,Arial,sans-serif;text-align:center;box-shadow:0 10px 40px #0005}
#qr-toast[hidden]{display:none}
#qr-toast a{color:#d6efbd!important;margin-inline-start:10px;text-decoration:underline}
.qr-page{margin:0;min-height:100vh;background:#3f4542;color:#f2f4f3;font:16px/1.9 Tahoma,"Segoe UI",Arial,sans-serif;color-scheme:dark}
.qr-page *{box-sizing:border-box}
#qr-library{max-width:940px;margin:auto;padding:28px 24px 65px}
#qr-library [hidden]{display:none!important}
#qr-library a{color:inherit;text-underline-offset:5px}
#qr-library button{font:inherit;cursor:pointer}
#qr-library a:focus-visible,#qr-library button:focus-visible{outline:3px solid #a4d8bd;outline-offset:4px}
#qr-library .qr-nav{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:13px}
#qr-library .qr-nav a{text-decoration:none;border-bottom:1px solid #697d70;padding:6px 0}
#qr-library .qr-heading{text-align:center;padding:34px 12px 26px}
#qr-library .qr-mark{display:block;color:#cfbc91;font-size:42px;line-height:1.2;margin-bottom:10px}
#qr-library h1{font-size:clamp(27px,4vw,38px);line-height:1.5;margin:10px 0;font-weight:700}
#qr-library .qr-heading p{color:#d0d9d2;font-size:14px;margin:10px 0}
#qr-library .qr-tabs{display:flex;justify-content:center;gap:10px;padding-bottom:24px;border-bottom:1px solid #66776c}
#qr-library .qr-tabs a{padding:10px 22px;border-radius:10px;text-decoration:none;font-size:14px;color:#dfe5e0;border:1px solid #6b7b70}
#qr-library .qr-tabs [aria-current="page"]{background:#276a50;color:white;border-color:#68b995}
#qr-library .qr-count{font-size:12px;color:#c5d2c8;margin:27px 0 16px}
#qr-library .qr-card{padding:24px 26px;margin:0 0 22px;border:1px solid #62786a;border-radius:17px;background:#3b433e;box-shadow:0 8px 22px #15251a25;overflow-wrap:anywhere}
#qr-library .qr-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;border-bottom:1px solid #5a6c5f;padding-bottom:14px;margin-bottom:18px}
#qr-library h2{font-size:18px;line-height:1.7;margin:0}
#qr-library .qr-card h2 bdi{font-size:13px;font-weight:400;color:#d8c294;margin-inline-start:10px;white-space:nowrap}
#qr-library .qr-remove{border:1px solid #85988b;padding:7px 12px;background:transparent;color:#e0e9df;border-radius:8px;font-size:12px;min-height:38px}
#qr-library .qr-remove:disabled{opacity:.55;cursor:wait}
#qr-library .qr-verse-body{padding:4px 0 15px}
#qr-library .qr-verse-body .ayah-arabic{font-family:'UthmanicHafs','Traditional Arabic','Noto Naskh Arabic',serif;font-size:clamp(26px,3vw,34px);line-height:2.25;text-align:right;color:#fff;direction:rtl;white-space:normal}
#qr-library .qr-verse-body .ayah-pronunciation{font-size:14px;line-height:2;color:#d7dfd8;margin:17px 0 8px}
#qr-library .qr-verse-body .ayah-translation{font-size:16px;line-height:2;color:#f1f3e9;margin:8px 0 15px}
#qr-library .qr-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 18px;border:1px solid #93b29b;border-radius:9px;text-decoration:none;background:#2e5c45;color:#f6f7ee;font-size:13px;font-weight:700}
#qr-library .qr-button:hover{background:#28694b}
#qr-library .qr-empty{text-align:center;padding:42px 20px;max-width:650px;margin:auto}
#qr-library .qr-empty p{font-size:14px;color:#ced8d0;margin:12px 0 25px}
#qr-library .qr-notice{font-size:13px;line-height:1.9;padding:14px 17px;border:1px solid #a18b59;border-radius:10px;background:#504c3f;color:#f3e9cf;margin:22px 0}
#qr-library .qr-loading{font-size:13px;color:#cad3cc}
#qr-library .qr-pagination{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:30px;font-size:13px}
#qr-library .qr-pagination a{padding:8px 16px;border:1px solid #829b8a;border-radius:8px}
#qr-library time{display:block;color:#bbcabc;font-size:11px;margin:0 0 12px}
@media(max-width:600px){#qr-library{padding:18px 15px 45px}#qr-library .qr-heading{padding:24px 2px}#qr-library .qr-tabs a{padding:9px 16px}#qr-library .qr-card{padding:19px 16px}#qr-library h2{font-size:16px}#qr-library .qr-card-heading{gap:9px}#qr-library .qr-empty{padding:32px 12px}#qr-toast{bottom:16px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.qr-page,.ayah-list{scroll-behavior:auto!important}}

.ayah-action[data-action="resume"][aria-pressed="true"]{color:#f4cc7d!important;filter:drop-shadow(0 0 3px #c69f4b55)}
.ayah-action[data-action="resume"][aria-pressed="true"] svg path:first-child{fill:#f4cc7d33!important}
.ayah-action[data-action="resume"][aria-busy="true"]{opacity:.55;cursor:wait}
#qr-library .qr-mark svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}