:-webkit-any(#pageHost,#legalHost) .section{padding-block:var(--space-8) var(--space-16)}:-moz-any(#pageHost,#legalHost) .section{padding-block:var(--space-8) var(--space-16)}:is(#pageHost,#legalHost) .section{padding-block:var(--space-8) var(--space-16)}:-webkit-any(#pageHost,#legalHost) .section-header{justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-8);padding-bottom:var(--space-5);display:flex;position:relative}:-moz-any(#pageHost,#legalHost) .section-header{justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-8);padding-bottom:var(--space-5);display:flex;position:relative}:is(#pageHost,#legalHost) .section-header{justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-8);padding-bottom:var(--space-5);display:flex;position:relative}:-webkit-any(#pageHost,#legalHost) .section-header:after{content:"";background:var(--divider-gold);pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}:-moz-any(#pageHost,#legalHost) .section-header:after{content:"";background:var(--divider-gold);pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}:is(#pageHost,#legalHost) .section-header:after{content:"";background:var(--divider-gold);pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}:-webkit-any(#pageHost,#legalHost) .section-header>div{flex-direction:column;align-items:flex-start;min-width:0;display:flex}:-moz-any(#pageHost,#legalHost) .section-header>div{flex-direction:column;align-items:flex-start;min-width:0;display:flex}:is(#pageHost,#legalHost) .section-header>div{flex-direction:column;align-items:flex-start;min-width:0;display:flex}:-webkit-any(#pageHost,#legalHost) .section-header h1{font-family:var(--font-display);color:var(--text-primary);letter-spacing:normal;text-wrap:balance;margin:0;font-size:max(2rem,min(4vw,3rem));font-weight:700;line-height:1.25}:-moz-any(#pageHost,#legalHost) .section-header h1{font-family:var(--font-display);color:var(--text-primary);letter-spacing:normal;text-wrap:balance;margin:0;font-size:max(2rem,min(4vw,3rem));font-weight:700;line-height:1.25}:is(#pageHost,#legalHost) .section-header h1{font-family:var(--font-display);color:var(--text-primary);letter-spacing:normal;text-wrap:balance;margin:0;font-size:max(2rem,min(4vw,3rem));font-weight:700;line-height:1.25}:-webkit-any(#pageHost,#legalHost) .section-header h2{font-family:var(--font-display);color:var(--text-primary);letter-spacing:normal;text-wrap:balance;margin:0;font-size:max(2rem,min(4vw,3rem));font-weight:700;line-height:1.25}:-moz-any(#pageHost,#legalHost) .section-header h2{font-family:var(--font-display);color:var(--text-primary);letter-spacing:normal;text-wrap:balance;margin:0;font-size:max(2rem,min(4vw,3rem));font-weight:700;line-height:1.25}:is(#pageHost,#legalHost) .section-header h2{font-family:var(--font-display);color:var(--text-primary);letter-spacing:normal;text-wrap:balance;margin:0;font-size:max(2rem,min(4vw,3rem));font-weight:700;line-height:1.25}:-webkit-any(#pageHost,#legalHost) .section-header h2{font-size:max(1.5rem,min(2.4vw,2.1rem))}:-moz-any(#pageHost,#legalHost) .section-header h2{font-size:max(1.5rem,min(2.4vw,2.1rem))}:is(#pageHost,#legalHost) .section-header h2{font-size:max(1.5rem,min(2.4vw,2.1rem))}:-webkit-any(#pageHost,#legalHost) .section-eyebrow{font-family:var(--font-main);font-size:var(--font-size-sm);color:var(--color-gold-strong);letter-spacing:normal;align-items:center;gap:10px;margin-bottom:var(--space-2);font-weight:700;display:inline-flex}:-moz-any(#pageHost,#legalHost) .section-eyebrow{font-family:var(--font-main);font-size:var(--font-size-sm);color:var(--color-gold-strong);letter-spacing:normal;align-items:center;gap:10px;margin-bottom:var(--space-2);font-weight:700;display:inline-flex}:is(#pageHost,#legalHost) .section-eyebrow{font-family:var(--font-main);font-size:var(--font-size-sm);color:var(--color-gold-strong);letter-spacing:normal;align-items:center;gap:10px;margin-bottom:var(--space-2);font-weight:700;display:inline-flex}:-webkit-any(#pageHost,#legalHost) .section-eyebrow:before{content:"";background:var(--gold-gradient-line);border-radius:2px;height:2px;width:20px}:-moz-any(#pageHost,#legalHost) .section-eyebrow:before{content:"";background:var(--gold-gradient-line);border-radius:2px;height:2px;width:20px}:is(#pageHost,#legalHost) .section-eyebrow:before{content:"";background:var(--gold-gradient-line);border-radius:2px;height:2px;width:20px}:-webkit-any(#pageHost,#legalHost) .section-desc{margin:var(--space-3) 0 0;max-width:62ch;font-size:var(--font-size-md);color:var(--text-secondary);text-wrap:pretty;line-height:1.8}:-moz-any(#pageHost,#legalHost) .section-desc{margin:var(--space-3) 0 0;max-width:62ch;font-size:var(--font-size-md);color:var(--text-secondary);text-wrap:pretty;line-height:1.8}:is(#pageHost,#legalHost) .section-desc{margin:var(--space-3) 0 0;max-width:62ch;font-size:var(--font-size-md);color:var(--text-secondary);text-wrap:pretty;line-height:1.8}@media (max-width:768px){:-webkit-any(#pageHost,#legalHost) .section-header{flex-direction:column;align-items:flex-start}:-moz-any(#pageHost,#legalHost) .section-header{flex-direction:column;align-items:flex-start}:is(#pageHost,#legalHost) .section-header{flex-direction:column;align-items:flex-start}}.catalog-toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6);display:flex}.catalog-toolbar .search-box{flex:260px;max-width:460px}.fav-tools .field.inline{align-items:center;gap:var(--space-2);flex:none;margin:0;display:inline-flex}.fav-tools .field.inline select{border-radius:var(--radius-full);border-color:var(--border-gold-line);background-color:var(--bg-surface);min-height:44px;min-width:160px}.section-subhead{align-items:center;gap:var(--space-4);margin:var(--space-8) 0 var(--space-4);font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;font-size:1.35rem;font-weight:700;line-height:1.3;display:flex}.section-subhead:after{content:"";background:var(--divider-gold);flex:auto;height:1px}.section-actions-row{gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-6);display:flex}.section-actions-row .btn{min-height:44px}#pageHost .cards-grid.pages-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,112px),1fr))}.page-card{justify-content:center;align-items:center;gap:var(--space-1);min-height:96px;padding:var(--space-4) var(--space-3);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-md);box-shadow:var(--shadow-luxe);color:var(--text-primary);text-align:center;transition:transform var(--dur-fast) var(--ease-luxe), box-shadow var(--dur) var(--ease-luxe), border-color var(--dur-fast) var(--ease-luxe);flex-direction:column;text-decoration:none;display:flex;position:relative}.page-card:hover{border-color:var(--color-gold);box-shadow:var(--shadow-luxe-hover);transform:translateY(-2px)}.page-card:active{transition:none;transform:translateY(0)}.page-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.page-card-num{font-family:var(--font-display);color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:700;line-height:1}.page-card-meta{flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:100%;display:flex}.page-card-juz{font-size:var(--font-size-xs);color:var(--color-gold-strong);font-weight:700}.page-card-label{font-size:var(--font-size-xs);color:var(--text-secondary);overflow-wrap:anywhere;font-weight:600}[data-hizb-list] .page-card{min-height:132px;padding:var(--space-6) var(--space-5);border-radius:var(--radius-lg)}[data-hizb-list] .page-card-num{font-size:2.2rem}[data-hizb-list] .page-card-label{font-size:var(--font-size-sm)}.hizb-detail{gap:var(--space-6);flex-direction:column;display:flex}.hizb-meta{isolation:isolate;padding:var(--space-8) var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--line-on-night);background:var(--night-gradient);color:var(--text-on-night);text-align:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.hizb-meta:before{content:"";z-index:-1;background-image:var(--pattern-star);background-size:var(--pattern-size) var(--pattern-size);opacity:calc(var(--pattern-opacity) + .03);pointer-events:none;background-position:50%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,transparent 100%);mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,transparent 100%)}.hizb-meta:after{content:"";background:var(--divider-gold);pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}.hizb-name{font-family:var(--font-display);color:var(--text-on-night);text-wrap:balance;margin:0;font-size:max(1.8rem,min(3.5vw,2.6rem));font-weight:700;line-height:1.25}.hizb-sub{margin:var(--space-2) 0 0;color:var(--color-gold-bright);font-weight:700;font-size:var(--font-size-md);font-variant-numeric:tabular-nums}.hizb-surahs-title{align-items:center;gap:var(--space-4);font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;margin:0;font-size:1.5rem;font-weight:700;line-height:1.3;display:flex}.hizb-surahs-title:after{content:"";background:var(--divider-gold);flex:auto;height:1px}.hizb-surahs{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));display:grid}.hizb-surahs p{color:var(--text-muted);grid-column:1/-1}.hizb-surah-link{align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-4);border:1px solid var(--border-gold-line);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-luxe);color:var(--text-primary);transition:transform var(--dur-fast) var(--ease-luxe), border-color var(--dur-fast) var(--ease-luxe), box-shadow var(--dur) var(--ease-luxe);font-weight:700;text-decoration:none;display:flex}.hizb-surah-link:hover{border-color:var(--color-gold);box-shadow:var(--shadow-luxe-hover);transform:translateY(-2px)}.hizb-surah-link:active{transition:none;transform:translateY(0)}.hizb-surah-link:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.hizb-surah-num,.tafsir-ayah .ayah-number,.topic-ayah-ref-num{--rosette-size:40px;width:var(--rosette-size);height:var(--rosette-size);box-shadow:none;font-family:var(--font-display);font-weight:700;font-size:calc(var(--rosette-size) * .42);color:var(--color-primary);font-variant-numeric:tabular-nums;isolation:isolate;background:0 0;border:0;border-radius:0;flex:none;place-items:center;margin:0;padding:0;line-height:1;display:inline-grid;position:relative}.hizb-surah-num:before,.hizb-surah-num:after,.tafsir-ayah .ayah-number:before,.tafsir-ayah .ayah-number:after,.topic-ayah-ref-num:before,.topic-ayah-ref-num:after{content:"";z-index:-1;clip-path:polygon(50% 0%,63.7% 13.7%,82.3% 8.3%,86.3% 27.3%,100% 40%,90.6% 56.6%,95.1% 76.3%,76.3% 82.3%,66.3% 100%,50% 88.4%,33.7% 100%,23.7% 82.3%,4.9% 76.3%,9.4% 56.6%,0% 40%,13.7% 27.3%,17.7% 8.3%,36.3% 13.7%);position:absolute;top:0;bottom:0;left:0;right:0}.hizb-surah-num:before,.tafsir-ayah .ayah-number:before,.topic-ayah-ref-num:before{background:var(--color-gold)}.hizb-surah-num:after,.tafsir-ayah .ayah-number:after,.topic-ayah-ref-num:after{background:var(--bg-surface);top:2px;bottom:2px;left:2px;right:2px}.hizb-nav{justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--border-gold-line);flex-wrap:wrap;padding-top:var(--space-5);display:flex}.hizb-nav-link{min-height:44px;padding-inline:var(--space-5);border:1px solid var(--border-gold-line);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--color-primary);font-weight:700;font-size:var(--font-size-sm);box-shadow:var(--shadow-xs);transition:border-color var(--dur-fast) var(--ease-luxe), transform var(--dur-fast) var(--ease-luxe), box-shadow var(--dur-fast) var(--ease-luxe);justify-content:center;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.hizb-nav-link:hover{border-color:var(--color-gold);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.hizb-nav-link:active{transition:none;transform:translateY(0)}.hizb-nav-link:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.detail-hero{align-items:center;gap:var(--space-6);padding:var(--space-7) var(--space-7);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-xl);box-shadow:var(--shadow-luxe);flex-wrap:wrap;margin-bottom:var(--space-8);display:flex;position:relative}.detail-hero.tafsir-detail:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:4px solid var(--color-primary)}.detail-hero.tafsir-detail:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:4px solid var(--color-primary)}.detail-hero.tafsir-detail:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:4px solid var(--color-primary)}.detail-hero.tafsir-detail:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:4px solid var(--color-primary)}.detail-hero.tafsir-detail:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:4px solid var(--color-primary)}.detail-hero.tafsir-detail:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:4px solid var(--color-primary)}.detail-meta{flex:260px;min-width:0}.detail-meta h1{font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;margin:0;font-size:max(1.8rem,min(3.4vw,2.6rem));font-weight:700;line-height:1.25}.detail-meta p{margin:var(--space-1) 0 0;color:var(--text-secondary);line-height:1.8}.detail-meta>p:first-child{color:var(--color-gold-strong);align-items:center;gap:10px;font-weight:700;display:inline-flex}.detail-meta>p:first-child:before{content:"";background:var(--gold-gradient-line);border-radius:2px;height:2px;width:20px}.detail-sub{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600}.detail-actions{gap:var(--space-3);flex-wrap:wrap;flex:0 auto;display:flex}.detail-actions .btn{border-radius:var(--radius-full);min-height:46px}.tafsir-browse{gap:var(--space-6);flex-direction:column;display:flex}.tafsir-browse .field{gap:var(--space-2);max-width:420px;color:var(--text-primary);flex-direction:column;font-weight:700;display:flex}.tafsir-browse select{border:1px solid var(--border-gold-line);border-radius:var(--radius-md);background-color:var(--bg-surface);min-height:46px;width:100%;color:var(--text-primary);padding-inline:var(--space-4);font:inherit;box-shadow:var(--shadow-xs);font-weight:600}.tafsir-browse select:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.tafsir-verses{padding:calc(var(--space-6) + 7px) clamp(var(--space-4), 3vw, var(--space-8));background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-lg);box-shadow:var(--frame-double), var(--shadow-luxe);flex-direction:column;gap:0;display:flex}.tafsir-verses>.section-empty,.tafsir-verses>.section-error{margin-block:var(--space-2)}.ayah.tafsir-ayah{align-items:flex-start;gap:var(--space-4);padding:var(--space-6) var(--space-2);box-shadow:none;border:0;border-bottom:1px solid transparent;border-image:var(--divider-gold) 1;background:0 0;border-radius:0;margin:0;scroll-margin-block-start:calc(var(--header-height) + 24px);display:flex;position:relative}.ayah.tafsir-ayah:last-child{border-bottom:0;border-image:}.ayah.tafsir-ayah:hover{box-shadow:none}.tafsir-ayah .ayah-number{margin-top:6px}.tafsir-ayah .ayah-body{flex:auto;min-width:0}.tafsir-ayah .ayah-text{font-family:var(--font-quran);color:var(--text-primary);text-align:justify;letter-spacing:0;word-spacing:.06em;margin:0;font-size:max(1.35rem,min(2.6vw,1.75rem));line-height:2.2}.tafsir-ayah .ayah-tafsir{border-top:1px solid var(--border-light);margin-top:var(--space-4);padding-top:var(--space-4)}.tafsir-ayah .ayah-tafsir:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:3px solid var(--color-primary);padding-left:var(--space-4);border-top-left-radius:2px}.tafsir-ayah .ayah-tafsir:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:3px solid var(--color-primary);padding-left:var(--space-4);border-top-left-radius:2px}.tafsir-ayah .ayah-tafsir:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:3px solid var(--color-primary);padding-left:var(--space-4);border-top-left-radius:2px}.tafsir-ayah .ayah-tafsir:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:3px solid var(--color-primary);padding-right:var(--space-4);border-top-right-radius:2px}.tafsir-ayah .ayah-tafsir:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:3px solid var(--color-primary);padding-right:var(--space-4);border-top-right-radius:2px}.tafsir-ayah .ayah-tafsir:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:3px solid var(--color-primary);padding-right:var(--space-4);border-top-right-radius:2px}.tafsir-ayah .ayah-tafsir p{color:var(--text-secondary);text-wrap:pretty;margin:0;line-height:1.95}.bookmarks-dashboard,.notes-dashboard,.highlights-dashboard,.memorize-dashboard{gap:var(--space-5);flex-direction:column;display:flex}.bm-toolbar,.notes-header{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.notes-search{flex:260px;min-width:0}.notes-search-input{min-height:48px;width:100%;min-width:0;padding-inline:var(--space-5);border:1px solid var(--border-gold-line);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-primary);font:inherit;box-shadow:var(--shadow-luxe);transition:border-color var(--dur-fast) var(--ease-luxe), box-shadow var(--dur-fast) var(--ease-luxe);flex:260px}.notes-search-input::placeholder{color:var(--text-muted)}.notes-search-input:focus-visible{border-color:var(--color-gold);box-shadow:var(--shadow-luxe), var(--shadow-gold-glow), 0 0 0 3px var(--color-primary);outline:none}.notes-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.notes-actions .btn{border-radius:var(--radius-full);min-height:44px}.notes-stats-row{align-items:center;gap:var(--space-3);padding-block:var(--space-1);display:flex}.notes-stat{font-weight:700;font-size:var(--font-size-md);color:var(--text-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:inline-flex}.notes-stat:before{content:"";background:var(--color-gold);height:8px;width:8px;box-shadow:0 0 0 3px var(--bg-body), 0 0 0 4px var(--color-gold-line);transform:rotate(45deg)}.notes-stat b{font-family:var(--font-display);color:var(--color-primary);font-size:1.3rem;line-height:1}.bm-tabs,.bm-tag-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.bm-tab,.bm-tag-btn{border:1px solid var(--border-gold-line);border-radius:var(--radius-full);background:var(--bg-surface);min-height:44px;color:var(--text-secondary);font:inherit;font-weight:600;font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-luxe), color var(--dur-fast) var(--ease-luxe), border-color var(--dur-fast) var(--ease-luxe), box-shadow var(--dur-fast) var(--ease-luxe), transform var(--dur-fast) var(--ease-luxe);align-items:center;gap:8px;padding:0 16px;display:inline-flex}.bm-tag-btn{min-height:40px;font-size:var(--font-size-xs);padding-left:14px;padding-right:14px}.bm-tab:hover,.bm-tag-btn:hover{border-color:var(--color-gold);color:var(--color-primary);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.bm-tab.active,.bm-tag-btn.active{background:var(--color-primary-fill);border-color:var(--color-primary-fill);color:var(--on-primary);box-shadow:var(--ring-gold);transition:none}.bm-tab:active,.bm-tag-btn:active{transition:none;transform:translateY(0)}.bm-tab:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.bm-tag-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.bm-folder-badge,.bm-tag-badge{border-radius:var(--radius-full);min-height:24px;font-size:var(--font-size-xs);align-items:center;padding-left:10px;padding-right:10px;font-weight:700;display:inline-flex}.bm-folder-badge{background:var(--primary-subtle-light);border:1px solid var(--border-gold-line);color:var(--color-primary)}.bm-tag-badge{background:var(--bg-body);border:1px solid var(--border-light);color:var(--text-secondary)}#pageHost .cards-grid[data-bm-list]{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.card.bookmark-item .bookmark-link{align-items:center;gap:var(--space-2) var(--space-3);flex-flow:wrap}.card.bookmark-item .bookmark-surah{flex:0 auto}.card.bookmark-item .bookmark-icon{color:var(--color-gold);font-size:1.1rem;line-height:1}.card.bookmark-item .bookmark-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.card.bookmark-item .bookmark-icon:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.card.bookmark-item .bookmark-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.card.bookmark-item .bookmark-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.card.bookmark-item .bookmark-icon:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.card.bookmark-item .bookmark-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.bookmark-actions{align-items:center;gap:var(--space-1);flex:none;display:flex}.bookmark-actions .icon-btn{border-radius:var(--radius-full);height:44px;width:44px}.history-group-title{align-items:center;gap:var(--space-4);margin:var(--space-8) 0 var(--space-4);font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;border:0;padding:0;font-size:1.35rem;font-weight:700;line-height:1.3;display:flex;position:relative}.history-group-title:before{content:"";background:var(--color-gold);height:10px;width:10px;box-shadow:0 0 0 4px var(--bg-body), 0 0 0 5px var(--color-gold-line);flex:none;transform:rotate(45deg)}.history-group-title:after{content:"";background:var(--divider-gold);flex:auto;height:1px}#pageHost .cards-grid[data-hist-list]{gap:var(--space-3);grid-template-columns:minmax(0,1fr);position:relative}#pageHost .cards-grid[data-hist-list]:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:30px}#pageHost .cards-grid[data-hist-list]:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:30px}#pageHost .cards-grid[data-hist-list]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:30px}#pageHost .cards-grid[data-hist-list]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:30px}#pageHost .cards-grid[data-hist-list]:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:30px}#pageHost .cards-grid[data-hist-list]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:30px}#pageHost .cards-grid[data-hist-list]:before{content:"";background:linear-gradient(180deg, transparent, var(--color-gold-line) 12%, var(--color-gold-line) 88%, transparent);pointer-events:none;width:1px;position:absolute;top:8px;bottom:8px}#pageHost .cards-grid[data-hist-list]:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:4px}#pageHost .cards-grid[data-hist-list]:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:4px}#pageHost .cards-grid[data-hist-list]:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:4px}#pageHost .cards-grid[data-hist-list]:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:4px}#pageHost .cards-grid[data-hist-list]:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:4px}#pageHost .cards-grid[data-hist-list]:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:4px}.card.continue-card{overflow:visible}.card.continue-card:after{content:"";border-radius:var(--radius-full);background:var(--color-gold);height:9px;width:9px;box-shadow:0 0 0 3px var(--bg-body), 0 0 0 4px var(--color-gold-line);pointer-events:none;margin-top:-5px;position:absolute;top:50%}.card.continue-card:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:-30px}.card.continue-card:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:-30px}.card.continue-card:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:-30px}.card.continue-card:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:-30px}.card.continue-card:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:-30px}.card.continue-card:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:-30px}.card.continue-card .icon-btn{border-radius:var(--radius-full);flex:none;height:44px;width:44px}.notes-list,.highlights-list,.memorize-list{gap:var(--space-3);flex-direction:column;display:flex}.note-card{padding:var(--space-5) var(--space-6);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-luxe);transition:box-shadow var(--dur) var(--ease-luxe), border-color var(--dur-fast) var(--ease-luxe);position:relative}.note-card:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:4px solid var(--color-primary)}.note-card:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:4px solid var(--color-primary)}.note-card:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left:4px solid var(--color-primary)}.note-card:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:4px solid var(--color-primary)}.note-card:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:4px solid var(--color-primary)}.note-card:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right:4px solid var(--color-primary)}.note-card:hover{border-color:var(--color-gold);box-shadow:var(--shadow-luxe-hover)}.note-card:hover:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left-color:var(--color-primary)}.note-card:hover:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left-color:var(--color-primary)}.note-card:hover:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-left-color:var(--color-primary)}.note-card:hover:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:var(--color-primary)}.note-card:hover:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:var(--color-primary)}.note-card:hover:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-right-color:var(--color-primary)}.note-card-header{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3);display:flex}.note-ref,.highlight-ref{min-width:0;font-family:var(--font-display);color:var(--color-primary);font-size:1.2rem;font-weight:700;line-height:1.3}.note-date{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600}.note-card-text{color:var(--text-secondary);font-size:var(--font-size-md);white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:var(--space-4);line-height:1.9}.note-card-footer,.highlight-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.note-card-footer .btn,.highlight-actions .btn{border-radius:var(--radius-full);min-height:44px}.btn-danger{color:var(--color-danger);background:var(--danger-subtle);border:1px solid var(--danger-border)}.btn-danger:hover{color:var(--color-danger);background:var(--danger-subtle);border-color:var(--color-danger)}.btn-danger:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.highlight-card{align-items:center;gap:var(--space-4);min-height:72px;padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-luxe);transition:box-shadow var(--dur) var(--ease-luxe), border-color var(--dur-fast) var(--ease-luxe);flex-wrap:wrap;display:flex}.highlight-card:hover{border-color:var(--color-gold);box-shadow:var(--shadow-luxe-hover)}.highlight-swatch{border-radius:var(--radius-full);height:30px;width:30px;box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 3px var(--color-gold);flex:none}.highlight-info{flex-direction:column;flex:200px;gap:2px;min-width:0;display:flex}.highlight-color{color:var(--text-muted);font-size:.82rem;font-weight:600}.stats-dashboard{gap:var(--space-10);flex-direction:column;display:flex}.stats-today,.stats-section{gap:var(--space-4);flex-direction:column;display:flex}.stats-section-title{align-items:center;gap:var(--space-4);font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;border:0;margin:0;padding:0;font-size:1.5rem;font-weight:700;line-height:1.3;display:flex}.stats-section-title:after{content:"";background:var(--divider-gold);flex:auto;height:1px}.stats-cards-row{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));display:grid}.stat-card-big{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-luxe);flex-direction:column;display:flex}.stat-big-value{font-family:var(--font-display);color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:2.4rem;font-weight:700;line-height:1}.stat-big-label{color:var(--text-secondary);font-size:.82rem;font-weight:600;line-height:1.5}.goal-met{color:var(--color-success)}.bar-chart{align-items:flex-end;gap:var(--space-2);height:170px;padding:var(--space-8) var(--space-4) var(--space-3);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-luxe);display:flex}.bar-chart-col{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-direction:column;flex:1 1 0;height:100%;min-width:0;display:flex}.bar-chart-bar{border-radius:var(--radius-sm) var(--radius-sm) 2px 2px;background:var(--emerald-gradient);min-height:3px;width:100%;max-width:44px;box-shadow:inset 0 2px 0 var(--color-gold-light);position:relative}.bar-chart-val{text-align:center;font-size:var(--font-size-xs);color:var(--color-gold-strong);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;position:absolute;top:-22px;left:0;right:0}.bar-chart-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:600}.heatmap-container{padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-luxe);grid-template-columns:repeat(auto-fill,minmax(16px,1fr));gap:4px;display:grid}.heatmap-cell{aspect-ratio:1;border-radius:var(--radius-xs);border:1px solid var(--border-light);min-width:14px;transition:transform var(--dur-fast) var(--ease-luxe)}.heatmap-cell[data-level="0"]{background:var(--bg-band)}.heatmap-cell[data-level="1"]{background:var(--primary-subtle-strong);border-color:var(--border-gold-line)}.heatmap-cell[data-level="2"]{background:var(--color-primary);border-color:var(--color-primary)}.heatmap-cell[data-level="3"]{background:var(--gold-gradient);border-color:var(--color-gold)}.heatmap-cell:hover{transform:scale(1.35)}.goal-setting{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.goal-input{min-height:46px;width:96px;padding-inline:var(--space-3);border:1px solid var(--border-gold-line);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font:inherit;font-family:var(--font-display);text-align:center;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-xs);font-size:1.25rem;font-weight:700}.goal-input:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-color:var(--color-gold)}.goal-unit{color:var(--text-secondary);font-weight:600;font-size:var(--font-size-sm)}.goal-setting .btn{border-radius:var(--radius-full);min-height:46px}.memorize-intro{max-width:68ch;color:var(--text-secondary);text-wrap:pretty;margin:0;line-height:1.9}.memorize-row{column-gap:var(--space-5);row-gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-luxe);transition:border-color var(--dur-fast) var(--ease-luxe), box-shadow var(--dur) var(--ease-luxe);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.memorize-row:hover{border-color:var(--color-gold);box-shadow:var(--shadow-luxe-hover)}.memorize-row-info{justify-content:space-between;align-items:center;gap:var(--space-3);grid-area:1/1;min-width:0;display:flex}.memorize-progress-bar{border-radius:var(--radius-full);background:var(--color-gold-soft);grid-area:2/1;height:6px;overflow:hidden}.memorize-progress-fill{border-radius:var(--radius-full);background:var(--emerald-gradient);height:100%}.memorize-toggle{border-radius:var(--radius-full);white-space:nowrap;grid-area:1/2/span 2;min-height:44px}a.memorize-surah-name{min-height:44px;min-width:0;color:var(--text-primary);text-underline-offset:4px;overflow-wrap:anywhere;align-items:center;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}a.memorize-surah-name:hover{color:var(--color-primary);text-decoration:underline;-webkit-text-decoration-color:var(--color-gold);text-decoration-color:var(--color-gold)}a.memorize-surah-name:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-xs)}.memorize-verses-count{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:.82rem;font-weight:700}@media (max-width:560px){.memorize-row{grid-template-columns:minmax(0,1fr)}.memorize-toggle{grid-area:3/1;justify-self:start}}.plan-empty-state{isolation:isolate;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);text-align:center;background:var(--bg-band);border:1px solid var(--border-gold-line);border-radius:var(--radius-xl);box-shadow:var(--frame-gold);flex-direction:column;display:flex;position:relative;overflow:hidden}.plan-empty-state:before{content:"";z-index:-1;background-image:var(--pattern-star);background-size:var(--pattern-size) var(--pattern-size);opacity:var(--pattern-opacity);pointer-events:none;background-position:50%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(80% 90%,#000 20%,transparent 100%);mask-image:radial-gradient(80% 90%,#000 20%,transparent 100%)}.plan-empty-icon{height:60px;width:60px;border-radius:var(--radius-full);background:var(--bg-surface);color:var(--color-gold-strong);box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 3px var(--color-gold);place-items:center;margin-bottom:var(--space-3);font-size:1.5rem;display:inline-grid}.plan-empty-icon svg{height:26px;width:26px}.plan-empty-title{font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;margin:0;font-size:1.6rem;font-weight:700;line-height:1.3}.plan-empty-desc{max-width:48ch;color:var(--text-secondary);text-wrap:pretty;margin:0;line-height:1.8}.stats-empty{gap:var(--space-5);justify-items:center;display:grid}.stats-empty>.section-empty{width:100%}.stats-empty-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.stats-empty-actions .btn{border-radius:var(--radius-full);min-height:46px}.legal-block,.legal-block.lx-paper{--legal-pad:clamp(var(--space-6), 4vw, var(--space-12));gap:var(--space-5);width:100%;max-width:calc(68ch + 2 * var(--legal-pad) + 18px);padding:var(--legal-pad);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-xl);box-shadow:var(--shadow-luxe);flex-direction:column;display:flex;position:relative}.legal-block:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--legal-pad) + 18px)}.legal-block:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--legal-pad) + 18px)}.legal-block:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--legal-pad) + 18px)}.legal-block.lx-paper:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--legal-pad) + 18px)}.legal-block.lx-paper:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--legal-pad) + 18px)}.legal-block.lx-paper:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:calc(var(--legal-pad) + 18px)}.legal-block:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--legal-pad) + 18px)}.legal-block:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--legal-pad) + 18px)}.legal-block:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--legal-pad) + 18px)}.legal-block.lx-paper:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--legal-pad) + 18px)}.legal-block.lx-paper:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--legal-pad) + 18px)}.legal-block.lx-paper:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:calc(var(--legal-pad) + 18px)}.legal-block:before{content:"";inset-block:var(--space-8);background:linear-gradient(180deg, transparent, var(--color-gold-line) 8%, var(--color-gold) 50%, var(--color-gold-line) 92%, transparent);pointer-events:none;width:1px;position:absolute}.legal-block:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:calc(var(--legal-pad) - 4px)}.legal-block:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:calc(var(--legal-pad) - 4px)}.legal-block:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:calc(var(--legal-pad) - 4px)}.legal-block:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:calc(var(--legal-pad) - 4px)}.legal-block:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:calc(var(--legal-pad) - 4px)}.legal-block:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:calc(var(--legal-pad) - 4px)}.legal-title{font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;margin:0;font-size:max(1.8rem,min(3.4vw,2.6rem));font-weight:700;line-height:1.25}.legal-body{gap:var(--space-4);min-width:0;max-width:68ch;color:var(--text-secondary);flex-direction:column;font-size:1.02rem;line-height:1.95;display:flex}.legal-body>*{margin:0}.legal-body h2{font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;align-items:center;gap:12px;margin-top:var(--space-5);font-size:max(1.4rem,min(2.2vw,1.7rem));font-weight:700;line-height:1.3;display:flex}.legal-body h2:before{content:"";background:var(--color-gold);height:8px;width:8px;box-shadow:0 0 0 3px var(--bg-surface), 0 0 0 4px var(--color-gold-line);flex:none;transform:rotate(45deg)}.legal-body h2:after{content:"";background:var(--divider-gold);flex:auto;height:1px;min-width:24px}.legal-body h2:first-child{margin-top:0}.legal-body h3{font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;margin-top:var(--space-3);font-size:1.25rem;font-weight:700;line-height:1.35}.legal-body p{color:var(--text-secondary);text-wrap:pretty}.legal-body strong{color:var(--text-primary);font-weight:700}.legal-body ul,.legal-body ol{gap:var(--space-2);flex-direction:column;display:flex}.legal-body ul:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:1.4rem}.legal-body ul:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:1.4rem}.legal-body ul:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:1.4rem}.legal-body ol:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:1.4rem}.legal-body ol:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:1.4rem}.legal-body ol:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:1.4rem}.legal-body ul:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:1.4rem}.legal-body ul:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:1.4rem}.legal-body ul:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:1.4rem}.legal-body ol:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:1.4rem}.legal-body ol:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:1.4rem}.legal-body ol:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:1.4rem}.legal-body ul{list-style:outside}.legal-body li::marker{color:var(--color-gold)}.legal-body a{color:var(--color-primary);text-decoration:underline;-webkit-text-decoration-color:var(--color-gold-line);text-decoration-color:var(--color-gold-line);text-underline-offset:4px;transition:text-decoration-color var(--dur-fast) var(--ease-luxe);font-weight:600}.legal-body a:hover{-webkit-text-decoration-color:var(--color-gold);text-decoration-color:var(--color-gold)}.legal-body a:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-xs)}.legal-body code{border:1px solid var(--border-gold-line);border-radius:var(--radius-xs);background:var(--bg-body);color:var(--text-primary);direction:ltr;unicode-bidi:embed;padding:1px 8px;font-size:.9em}.legal-updated{font-size:var(--font-size-sm);color:var(--text-muted)}.legal-page .reader-container{flex-direction:column;align-items:stretch;display:flex}.legal-nav{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--border-gold-line);border-radius:var(--radius-xl);background:var(--bg-band);box-shadow:var(--frame-gold);flex-direction:column;margin-top:var(--space-8);display:flex}.legal-nav-title{font-family:var(--font-main);font-size:var(--font-size-sm);color:var(--color-gold-strong);margin:0;font-weight:700;line-height:1.4}.legal-nav-links{gap:var(--space-2);flex-wrap:wrap;display:flex}.legal-nav-link,.legal-nav-links .lx-chip{white-space:normal;min-height:44px;text-decoration:none}.legal-nav-link:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.legal-nav-link[aria-current=page]{background:var(--color-primary-fill);border-color:var(--color-primary-fill);color:var(--on-primary)}@media (min-width:1024px){.legal-page .reader-container{column-gap:var(--space-10);grid-template-columns:minmax(0,1fr) 280px;align-items:start;display:grid}.legal-page .reader-container>.breadcrumb,.legal-page .reader-container>.section-header{grid-column:1/-1}.legal-page .legal-block{grid-column:1}.legal-page .legal-nav{grid-column:2;margin-top:0;position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + var(--space-6))}.legal-page .legal-nav-links{flex-direction:column;align-items:stretch}.legal-page .legal-nav-link{justify-content:flex-start}}.about-block{gap:var(--space-6);flex-direction:column;max-width:68ch;display:flex}.about-lead,.contact-lead{color:var(--text-secondary);text-wrap:pretty;margin:0;font-size:1.15rem;line-height:1.9}.about-developer,.contact-dev{isolation:isolate;gap:var(--space-2);padding:var(--space-7) var(--space-6);border:1px solid var(--border-gold-line);border-radius:var(--radius-xl);background:var(--bg-band);box-shadow:var(--frame-gold);flex-direction:column;display:flex;position:relative;overflow:hidden}.about-developer:before,.contact-dev:before{content:"";z-index:-1;background-image:var(--pattern-star);background-size:var(--pattern-size) var(--pattern-size);opacity:var(--pattern-opacity);pointer-events:none;background-position:50%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%,#000 60%,transparent);mask-image:linear-gradient(90deg,transparent,#000 40%,#000 60%,transparent)}.about-developer h3,.about-contact h3,.contact-dev h2{font-family:var(--font-main);font-size:var(--font-size-sm);color:var(--color-gold-strong);align-items:center;gap:10px;margin:0;font-weight:700;display:inline-flex}.about-developer h3:before,.about-contact h3:before,.contact-dev h2:before{content:"";background:var(--gold-gradient-line);border-radius:2px;height:2px;width:20px}.about-developer-name{margin:var(--space-1) 0 0;font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;font-size:1.8rem;font-weight:700;line-height:1.3}.about-developer-role{font-size:var(--font-size-md);color:var(--text-secondary);margin:0;font-weight:600}.about-developer-version{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums}.about-developer-version strong{color:var(--color-primary)}.about-contact{gap:var(--space-4);padding:var(--space-6);border:1px solid var(--border-gold-line);border-radius:var(--radius-xl);background:var(--bg-surface);box-shadow:var(--shadow-luxe);flex-direction:column;display:flex}.about-contact-links{gap:var(--space-3);flex-wrap:wrap;display:flex}.about-contact-link{min-height:46px;padding-inline:var(--space-4);border:1px solid var(--border-gold-line);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-primary);font-size:var(--font-size-sm);box-shadow:var(--shadow-xs);transition:color var(--dur-fast) var(--ease-luxe), border-color var(--dur-fast) var(--ease-luxe), transform var(--dur-fast) var(--ease-luxe), box-shadow var(--dur-fast) var(--ease-luxe);align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.about-contact-link:hover{color:var(--color-primary);border-color:var(--color-gold);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.about-contact-link:active{transition:none;transform:translateY(0)}.about-contact-link:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.about-contact-icon{border-radius:var(--radius-full);background:var(--gold-gradient-soft);height:28px;width:28px;color:var(--color-gold-strong);place-items:center;display:inline-grid}.contact-intro{gap:var(--space-3);max-width:68ch;flex-direction:column;margin-bottom:var(--space-8);display:flex}.contact-intro p{text-wrap:pretty}.contact-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin-bottom:var(--space-8);display:grid}.contact-card{align-items:center;gap:var(--space-2);padding:var(--space-7) var(--space-5);border:1px solid var(--border-gold-line);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-luxe);color:var(--text-secondary);text-align:center;transition:transform var(--dur-fast) var(--ease-luxe), border-color var(--dur-fast) var(--ease-luxe), box-shadow var(--dur) var(--ease-luxe);flex-direction:column;text-decoration:none;display:flex;position:relative}.contact-card:hover{border-color:var(--color-gold);box-shadow:var(--shadow-luxe-hover);transform:translateY(-2px)}.contact-card:active{transition:none;transform:translateY(0)}.contact-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.contact-card-icon{height:60px;width:60px;border-radius:var(--radius-full);background:var(--gold-gradient-soft);color:var(--color-primary);box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 3px var(--color-gold);place-items:center;margin-bottom:var(--space-2);display:inline-grid}.contact-card-label{font-size:var(--font-size-sm);color:var(--color-gold-strong);font-weight:700}.contact-card-value{font-size:var(--font-size-md);color:var(--text-primary);overflow-wrap:anywhere;font-weight:700}.contact-dev{max-width:68ch}.contact-dev p{color:var(--text-secondary);text-wrap:pretty;margin:0;line-height:1.9}.topic-view{padding-block:var(--space-6) var(--space-16)}#topicsHost .topic-view{width:min(var(--container), 94%);margin-left:auto;margin-right:auto}.topic-hub-header,.topic-detail-header{margin-bottom:var(--space-8);padding-bottom:var(--space-5);position:relative}.topic-hub-header:after,.topic-detail-header:after{content:"";background:var(--divider-gold);pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}.topic-hub-title,.topic-detail-title{margin:0 0 var(--space-2);font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;font-size:max(2rem,min(4vw,3rem));font-weight:700;line-height:1.25}.topic-hub-desc{max-width:62ch;color:var(--text-secondary);text-wrap:pretty;margin:0;line-height:1.8}.topic-detail-meta{font-weight:700;font-size:var(--font-size-sm);color:var(--color-gold-strong);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin:0;display:inline-flex}.topic-detail-meta:before{content:"";background:var(--gold-gradient-line);border-radius:2px;height:2px;width:20px}.topic-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));display:grid}.topic-card{align-items:flex-start;gap:var(--space-4);min-height:96px;padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-luxe);color:var(--text-primary);transition:transform var(--dur-fast) var(--ease-luxe), border-color var(--dur-fast) var(--ease-luxe), box-shadow var(--dur) var(--ease-luxe);text-decoration:none;display:flex;position:relative}.topic-card:hover{border-color:var(--color-gold);box-shadow:var(--shadow-luxe-hover);transform:translateY(-2px)}.topic-card:active{transition:none;transform:translateY(0)}.topic-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.topic-card-icon{border-radius:var(--radius-full);background:var(--gold-gradient-soft);height:44px;width:44px;box-shadow:0 0 0 1px var(--border-gold-line);flex:none;place-items:center;font-size:1.15rem;line-height:1;display:inline-grid}.topic-card-body{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.topic-card-label{font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;font-size:1.3rem;font-weight:700;line-height:1.3}.topic-card-meta{color:var(--color-gold-strong);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:700}.topic-card-keywords{flex-wrap:wrap;gap:4px;margin-top:var(--space-1);display:flex}.topic-keywords{gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-8);display:flex}.topic-keyword{border:1px solid var(--border-gold-line);border-radius:var(--radius-full);background:var(--bg-body);min-height:26px;color:var(--text-secondary);font-size:var(--font-size-xs);align-items:center;padding-left:10px;padding-right:10px;font-weight:700;display:inline-flex}.topic-keywords .topic-keyword{background:var(--bg-surface);min-height:32px;color:var(--color-primary);font-size:var(--font-size-sm);padding-left:14px;padding-right:14px}.topic-detail-references{margin-bottom:var(--space-8)}.topic-detail-subtitle{align-items:center;gap:var(--space-4);margin:0 0 var(--space-5);font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;font-size:max(1.5rem,min(2.4vw,2.1rem));font-weight:700;line-height:1.3;display:flex}.topic-detail-subtitle:after{content:"";background:var(--divider-gold);flex:auto;height:1px}.topic-ayahs{padding:calc(var(--space-4) + 7px) clamp(var(--space-4), 3vw, var(--space-8));background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-lg);box-shadow:var(--frame-double), var(--shadow-luxe);flex-direction:column;margin:0;list-style:none;display:flex}.topic-ayah{padding:var(--space-6) var(--space-2);border:0;border-bottom:1px solid transparent;border-image:var(--divider-gold) 1;background:0 0;border-radius:0}.topic-ayah:last-child{border-bottom:0;border-image:}.topic-ayah-ref{align-items:center;gap:var(--space-3);min-height:44px;border-radius:var(--radius-sm);margin-bottom:var(--space-3);text-decoration:none;display:inline-flex}.topic-ayah-ref-name{font-family:var(--font-display);color:var(--color-primary);text-underline-offset:5px;transition:text-decoration-color var(--dur-fast) var(--ease-luxe);font-size:1.2rem;font-weight:700;line-height:1.3;-webkit-text-decoration:underline transparent;text-decoration:underline transparent}.topic-ayah-ref:hover .topic-ayah-ref-name{-webkit-text-decoration-color:var(--color-gold);text-decoration-color:var(--color-gold)}.topic-ayah-ref:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.topic-ayah-ref-num{--rosette-size:36px}.topic-ayah-text{font-family:var(--font-quran);color:var(--text-primary);text-align:justify;letter-spacing:0;word-spacing:.06em;margin:0;font-size:max(1.35rem,min(2.6vw,1.75rem));line-height:2.2}.boot-error{isolation:isolate;max-width:36rem;margin:var(--space-16) auto;padding:var(--space-12) var(--space-8);text-align:center;border:1px solid var(--border-gold-line);border-radius:var(--radius-xl);background:var(--bg-surface);box-shadow:var(--frame-double), var(--shadow-luxe);position:relative;overflow:hidden}.boot-error:before{content:"";z-index:-1;background-image:var(--pattern-star);background-size:var(--pattern-size) var(--pattern-size);opacity:var(--pattern-opacity);pointer-events:none;background-position:50%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(80% 90% at 50% 0,#000 10%,transparent 100%);mask-image:radial-gradient(80% 90% at 50% 0,#000 10%,transparent 100%)}.boot-error-title{margin:0 0 var(--space-3);font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;font-size:max(1.6rem,min(3vw,2.2rem));font-weight:700;line-height:1.3}.boot-error-text{margin:0 0 var(--space-6);color:var(--text-secondary);text-wrap:pretty;line-height:1.8}.boot-error-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.boot-error-actions .btn{border-radius:var(--radius-full);min-height:46px}.settings-note{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.7}.settings-note a{color:var(--color-primary);text-decoration:underline;-webkit-text-decoration-color:var(--color-gold-line);text-decoration-color:var(--color-gold-line);text-underline-offset:3px}.pagination .pagination-page,.pagination .pagination-prev,.pagination .pagination-next{border:1px solid var(--border-gold-line);border-radius:var(--radius-full);background:var(--bg-surface);height:auto;min-height:44px;min-width:44px;color:var(--text-secondary);font-variant-numeric:tabular-nums;box-shadow:var(--shadow-xs);transition:border-color var(--dur-fast) var(--ease-luxe), color var(--dur-fast) var(--ease-luxe), box-shadow var(--dur-fast) var(--ease-luxe), transform var(--dur-fast) var(--ease-luxe);padding-left:14px;padding-right:14px;font-weight:700}.pagination .pagination-page:hover,.pagination .pagination-prev:hover:not(:disabled),.pagination .pagination-next:hover:not(:disabled){border-color:var(--color-gold);color:var(--color-primary);transform:translateY(-1px)}.pagination .pagination-page:active,.pagination .pagination-prev:active,.pagination .pagination-next:active{transition:none;transform:translateY(0)}.pagination .pagination-page.is-active{background:var(--color-primary-fill);border-color:var(--color-primary-fill);color:var(--on-primary);box-shadow:var(--ring-gold)}.pagination .pagination-page:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.pagination .pagination-prev:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.pagination .pagination-next:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.pagination .pagination-current{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:700}.section-action,.learn-cta-head a,.learn-section-title a,.zekr-counter-reset,.memorize-toggle{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.zekr-counter-reset{height:44px;width:44px}.skip-link:focus,.sr-only a:focus{min-height:44px;padding-inline:var(--space-4);align-items:center;display:inline-flex}.sr-only a:focus-visible{min-height:44px;padding-inline:var(--space-4);align-items:center;display:inline-flex}@media (prefers-reduced-motion:reduce){.page-card,.hizb-surah-link,.hizb-nav-link,.bm-tab,.bm-tag-btn,.note-card,.highlight-card,.memorize-row,.heatmap-cell,.about-contact-link,.contact-card,.topic-card,.topic-ayah-ref-name,.notes-search-input,.pagination .pagination-page,.pagination .pagination-prev,.pagination .pagination-next{transition:none}.page-card:hover,.hizb-surah-link:hover,.hizb-nav-link:hover,.bm-tab:hover,.bm-tag-btn:hover,.heatmap-cell:hover,.about-contact-link:hover,.contact-card:hover,.topic-card:hover,.pagination .pagination-page:hover,.pagination .pagination-prev:hover:not(:disabled),.pagination .pagination-next:hover:not(:disabled){transform:none}}@media (forced-colors:active){.page-card,.hizb-surah-link,.hizb-nav-link,.detail-hero,.tafsir-verses,.note-card,.highlight-card,.stat-card-big,.memorize-row,.plan-empty-state,.legal-body,.about-contact,.about-developer,.contact-card,.contact-dev,.topic-card,.topic-ayahs,.boot-error,.bm-tab,.bm-tag-btn{border:1px solid canvastext}.hizb-surah-num:before,.tafsir-ayah .ayah-number:before,.topic-ayah-ref-num:before{background:canvastext}.hizb-surah-num:after,.tafsir-ayah .ayah-number:after,.topic-ayah-ref-num:after{background:canvas}.bm-tab.active,.bm-tag-btn.active,.pagination .pagination-page.is-active{forced-color-adjust:none;color:highlighttext;background:highlight}}.catalog-sort{gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.catalog-sort:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.catalog-sort:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.catalog-sort:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.catalog-sort:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.catalog-sort:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.catalog-sort:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.catalog-sort .lx-chip{min-height:44px}.card.reader-card .reader-featured{border-radius:var(--radius-full);background:var(--gold-gradient-soft);border:1px solid var(--border-gold-line);color:var(--color-gold-strong);font-size:var(--font-size-2xs);align-items:center;gap:6px;margin-top:6px;padding:2px 10px;font-weight:700;line-height:1.6;display:inline-flex}.card.reader-card .reader-featured:before{content:"";background:var(--color-gold);height:6px;width:6px;transform:rotate(45deg)}@media (max-width:767px){.catalog-sort{width:100%}.catalog-sort:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0}.catalog-sort:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0}.catalog-sort:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:0}.catalog-sort:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}.catalog-sort:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}.catalog-sort:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:0}}.detail-hero.reader-detail{isolation:isolate;align-items:center;gap:var(--space-7);padding:clamp(var(--space-7), 4vw, var(--space-12)) clamp(var(--space-6), 4vw, var(--space-10));background:var(--night-gradient);color:var(--text-on-night);border:1px solid var(--line-on-night);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.detail-hero.reader-detail:before{content:"";z-index:-1;background-image:var(--pattern-star);background-size:var(--pattern-size) var(--pattern-size);opacity:calc(var(--pattern-opacity) + .03);pointer-events:none;background-position:50%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,transparent 100%);mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,transparent 100%)}.detail-hero.reader-detail:after{content:"";background:var(--divider-gold);opacity:.9;pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}.reader-detail .reader-hero-photo{border-radius:var(--radius-full);background:var(--color-emerald-ink);height:max(112px,min(16vw,168px));width:max(112px,min(16vw,168px));color:var(--color-gold-bright);box-shadow:0 0 0 3px var(--color-emerald-night), 0 0 0 5px var(--color-gold), 0 0 0 12px var(--color-emerald-night), 0 0 0 13px var(--line-on-night);flex:none;place-items:center;font-size:3.2rem;display:grid;overflow:hidden}.reader-hero-photo img{object-fit:cover;height:100%;width:100%;display:block}.reader-detail .detail-meta{flex:280px;min-width:0}.reader-detail .detail-meta h1{font-family:var(--font-display);color:var(--text-on-night);text-wrap:balance;margin:0;font-size:max(2rem,min(4vw,3rem));font-weight:700;line-height:1.2}.reader-detail .detail-meta p{color:var(--text-on-night-muted)}.reader-hero-riwayah{margin:var(--space-3) 0 0;font-weight:700;font-size:var(--font-size-md);color:var(--color-gold-bright);align-items:center;gap:10px;display:inline-flex}.reader-detail .detail-meta .reader-hero-riwayah{color:var(--color-gold-bright)}.reader-hero-riwayah:before{content:"";background:var(--gold-gradient-line);border-radius:2px;height:2px;width:20px}.reader-hero-riwayah:empty{display:none}.reader-hero-translit{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);text-align:start;color:var(--text-on-night-muted);font-weight:600}.reader-detail .detail-sub{font-size:var(--font-size-sm);color:var(--text-on-night-muted);font-variant-numeric:tabular-nums;margin-top:var(--space-2);font-weight:600}.reader-detail .detail-actions{gap:var(--space-3);flex-wrap:wrap;flex:100%;display:flex}.reader-detail .detail-actions .btn{border-radius:var(--radius-full);min-height:48px}.reader-detail .detail-actions .btn-primary{box-shadow:0 0 0 1px var(--color-gold-light), var(--shadow-md)}.reader-detail .detail-actions .btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-gold-line)}.reader-detail .detail-actions .btn-secondary.is-active{background:var(--gold-gradient);color:var(--color-gold-ink);border-color:var(--color-gold)}.reader-detail .detail-actions .btn-ghost{color:var(--text-on-night);border:1px solid var(--line-on-night);background:0 0}.reader-detail .detail-actions .btn-ghost:hover{border-color:var(--color-gold-light);background:var(--glass-bg-subtle);color:var(--text-on-night)}.reader-detail :focus-visible{outline:3px solid var(--color-gold-bright);outline-offset:3px}.reader-moshaf-section,.reader-surah-section{margin-bottom:var(--space-10)}.reader-section-title{align-items:center;gap:var(--space-4);margin:0 0 var(--space-2);font-family:var(--font-display);color:var(--text-primary);text-wrap:balance;font-size:max(1.5rem,min(2.4vw,2.1rem));font-weight:700;line-height:1.3;display:flex}.reader-section-title:after{content:"";background:var(--divider-gold);flex:auto;height:1px}.reader-section-note{margin:0 0 var(--space-5);max-width:62ch;color:var(--text-secondary);font-size:var(--font-size-sm);text-wrap:pretty;line-height:1.8}.reader-moshaf-options{gap:var(--space-3);flex-wrap:wrap;display:flex}.reader-moshaf-options>.section-empty{width:100%}.reader-moshaf-option{align-items:center;gap:var(--space-2);min-height:48px;padding:var(--space-2) var(--space-5);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-full);box-shadow:var(--shadow-luxe);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-luxe), background-color var(--dur-fast) var(--ease-luxe), box-shadow var(--dur-fast) var(--ease-luxe), transform var(--dur-fast) var(--ease-luxe);flex-wrap:wrap;display:inline-flex;position:relative}.reader-moshaf-option:hover{border-color:var(--color-gold);transform:translateY(-1px)}.reader-moshaf-option.is-active{background:var(--primary-subtle-light);border-color:var(--color-gold);box-shadow:var(--shadow-luxe), var(--shadow-gold-glow);transition:none}.reader-moshaf-option:has(input:focus-visible){outline:3px solid var(--color-primary);outline-offset:3px}.reader-moshaf-option input{height:18px;width:18px;accent-color:var(--color-primary);margin:0}.reader-moshaf-name{color:var(--text-primary);font-weight:700}.reader-moshaf-option.is-active .reader-moshaf-name{color:var(--color-primary)}.reader-moshaf-meta,.reader-moshaf-type,.reader-moshaf-rewaya,.reader-moshaf-sync{border-radius:var(--radius-full);min-height:24px;font-size:var(--font-size-xs);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;padding-left:10px;padding-right:10px;font-weight:700;display:inline-flex}.reader-moshaf-meta{background:var(--bg-body);border:1px solid var(--border-light);color:var(--text-secondary)}.reader-moshaf-type{background:var(--gold-gradient-soft);border:1px solid var(--border-gold-line);color:var(--color-gold-strong)}.reader-moshaf-rewaya{background:var(--bg-body);border:1px solid var(--border-gold-line);color:var(--text-primary)}.reader-moshaf-sync.is-available{background:var(--success-subtle);color:var(--color-success)}.reader-moshaf-sync.is-unavailable{background:var(--bg-body);border:1px solid var(--border-light);color:var(--text-secondary)}.reader-surah-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));display:grid}.reader-surah-item{align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-luxe);color:var(--text-primary);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--dur-fast) var(--ease-luxe), background-color var(--dur-fast) var(--ease-luxe), box-shadow var(--dur) var(--ease-luxe), transform var(--dur-fast) var(--ease-luxe);display:flex}.reader-surah-item:hover:not(:disabled){border-color:var(--color-gold);box-shadow:var(--shadow-luxe-hover);transform:translateY(-2px)}.reader-surah-item:active:not(:disabled){transition:none;transform:translateY(0)}.reader-surah-item:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.reader-surah-item:disabled{cursor:not-allowed}.reader-surah-item.is-unavailable{opacity:.45;box-shadow:none}.reader-surah-item.is-unavailable .reader-surah-name:after{content:" غير متاحة";color:var(--text-secondary);font-size:var(--font-size-2xs);font-weight:600}.reader-surah-item.is-playing{background:var(--color-gold-soft);border-color:var(--color-gold);box-shadow:var(--shadow-luxe), var(--shadow-gold-glow)}.reader-surah-num{--rosette-size:36px;width:var(--rosette-size);height:var(--rosette-size);font-family:var(--font-display);font-weight:700;font-size:calc(var(--rosette-size) * .42);color:var(--color-primary);font-variant-numeric:tabular-nums;isolation:isolate;background:0 0;border-radius:0;flex:none;place-items:center;line-height:1;display:inline-grid;position:relative}.reader-surah-num:before,.reader-surah-num:after{content:"";z-index:-1;clip-path:polygon(50% 0%,63.7% 13.7%,82.3% 8.3%,86.3% 27.3%,100% 40%,90.6% 56.6%,95.1% 76.3%,76.3% 82.3%,66.3% 100%,50% 88.4%,33.7% 100%,23.7% 82.3%,4.9% 76.3%,9.4% 56.6%,0% 40%,13.7% 27.3%,17.7% 8.3%,36.3% 13.7%);position:absolute;top:0;bottom:0;left:0;right:0}.reader-surah-num:before{background:var(--color-gold)}.reader-surah-num:after{background:var(--bg-surface);top:2px;bottom:2px;left:2px;right:2px}.reader-surah-item.is-playing .reader-surah-num{color:var(--color-gold-ink)}.reader-surah-item.is-playing .reader-surah-num:after{background:var(--gold-gradient)}.reader-surah-name{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-weight:700;overflow:hidden}.reader-surah-eq{color:var(--color-gold-strong);flex:none;font-weight:700}.reader-surah-eq:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.reader-surah-eq:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.reader-surah-eq:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-left:auto}.reader-surah-eq:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.reader-surah-eq:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}.reader-surah-eq:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:auto}@media (prefers-reduced-motion:no-preference){.reader-surah-eq{animation:1s ease-in-out infinite qx-eq-pulse}}@keyframes qx-eq-pulse{0%,to{opacity:.4}50%{opacity:1}}@media (max-width:640px){.detail-hero.reader-detail{text-align:center;justify-content:center;gap:var(--space-5);flex-direction:column}.reader-detail .reader-hero-photo{margin-left:auto;margin-right:auto}.reader-detail .detail-meta{flex-basis:auto;width:100%}.reader-hero-riwayah{justify-content:center}.reader-hero-translit{text-align:center}.reader-detail .detail-actions,.reader-moshaf-options{justify-content:center}.reader-surah-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),1fr))}}@media (prefers-reduced-motion:reduce){.reader-moshaf-option,.reader-surah-item{transition:none}.reader-moshaf-option:hover,.reader-surah-item:hover:not(:disabled){transform:none}}@media (forced-colors:active){.detail-hero.reader-detail,.reader-moshaf-option,.reader-surah-item{border:1px solid canvastext}.reader-surah-num:before{background:canvastext}.reader-surah-num:after{background:canvas}.reader-surah-item.is-playing,.reader-moshaf-option.is-active{forced-color-adjust:none;color:highlighttext;background:highlight}}.qx-qibla{isolation:isolate;gap:var(--space-6);max-width:640px;padding:calc(clamp(var(--space-6),4vw,var(--space-8)) + 7px);text-align:center;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-xl);box-shadow:var(--frame-double),var(--shadow-luxe);justify-items:center;margin-left:auto;margin-right:auto;display:grid;position:relative;overflow:hidden}.qx-qibla:before{content:"";z-index:-1;background-image:var(--pattern-star);background-size:var(--pattern-size) var(--pattern-size);opacity:calc(var(--pattern-opacity) * .7);pointer-events:none;background-position:50%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 0%,transparent 100%);mask-image:radial-gradient(90% 70% at 50% 0,#000 0%,transparent 100%)}.qx-qibla-location{align-items:center;gap:var(--space-3);min-height:52px;max-width:100%;padding-block:var(--space-1);padding-inline:var(--space-2) var(--space-5);border-radius:var(--radius-full);background:var(--bg-body);border:1px solid var(--border-gold-line);box-shadow:var(--shadow-xs);display:inline-flex}.qx-qibla-location-icon{height:40px;width:40px;font-size:var(--font-size-lg);border-radius:var(--radius-full);background:var(--bg-surface);box-shadow:0 0 0 1px var(--color-gold-line);flex:none;place-items:center;line-height:1;display:inline-grid}.qx-qibla-location>div{text-align:start;gap:1px;min-width:0;display:grid}.qx-qibla-location b{font-size:var(--font-size-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.qx-qibla-location small{font-size:var(--font-size-xs);color:var(--color-gold-strong);font-variant-numeric:tabular-nums;font-weight:600}.qx-qibla-compass{--dial-size:min(76vw,340px);--needle-w:10px;width:var(--dial-size);aspect-ratio:1;background:radial-gradient(circle at 50% 42%,var(--bg-elevated) 0%,var(--bg-surface) 48%,var(--bg-band) 100%);box-shadow:0 0 0 1px var(--color-gold-line), 0 0 0 6px var(--bg-surface), 0 0 0 8px var(--color-gold), 0 0 0 9px var(--bg-surface), 0 0 0 10px var(--border-gold-line), var(--shadow-luxe);border-radius:50%;margin:12px;position:relative}.qx-qibla-compass:before,.qx-qibla-compass:after{content:"";pointer-events:none;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.qx-qibla-compass:before{background:repeating-conic-gradient(from -1.1deg,var(--color-gold) 0 2.2deg,transparent 2.2deg 30deg);-webkit-mask-image:radial-gradient(circle closest-side,transparent 82%,#000 82.5%,#000 95.5%,transparent 96%);mask-image:radial-gradient(circle closest-side,transparent 82%,#000 82.5%,#000 95.5%,transparent 96%)}.qx-qibla-compass:after{background:repeating-conic-gradient(from -.45deg,var(--color-gold-line) 0 .9deg,transparent .9deg 6deg);-webkit-mask-image:radial-gradient(circle closest-side,transparent 88%,#000 88.5%,#000 95.5%,transparent 96%);mask-image:radial-gradient(circle closest-side,transparent 88%,#000 88.5%,#000 95.5%,transparent 96%)}.qx-qibla-dial{border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.qx-qibla-ring{border:1px solid var(--color-gold-line);box-shadow:inset 0 0 0 1px transparent, 0 0 0 calc(var(--dial-size) * .07) transparent, 0 0 0 calc(var(--dial-size) * .07 + 1px) var(--border-gold-line), 0 0 0 calc(var(--dial-size) * .155) transparent, 0 0 0 calc(var(--dial-size) * .155 + 1px) var(--color-gold-line);background:radial-gradient(circle,var(--gold-subtle) 0%,transparent 70%);pointer-events:none;border-radius:50%;position:absolute;top:22%;bottom:22%;left:22%;right:22%}.qx-qibla-tick{background:linear-gradient(180deg,transparent,var(--color-gold-line) 22%,var(--color-gold-line) 78%,transparent);transform-origin:50%;pointer-events:none;width:1px;position:absolute;top:16%;bottom:16%}.qx-qibla-tick:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(50% - .5px)}.qx-qibla-tick:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(50% - .5px)}.qx-qibla-tick:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(50% - .5px)}.qx-qibla-tick:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(50% - .5px)}.qx-qibla-tick:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(50% - .5px)}.qx-qibla-tick:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(50% - .5px)}.qx-qibla-tick-a{transform:rotate(45deg)}.qx-qibla-tick-b{transform:rotate(-45deg)}.qx-qibla-cardinal{height:1.6em;width:1.6em;font-family:var(--font-main);font-size:var(--font-size-md);color:var(--text-secondary);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;place-items:center;font-weight:800;line-height:1;display:grid;position:absolute}.qx-qibla-n{color:var(--color-gold-strong);top:11%}.qx-qibla-n:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(50% - .8em)}.qx-qibla-n:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(50% - .8em)}.qx-qibla-n:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(50% - .8em)}.qx-qibla-n:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(50% - .8em)}.qx-qibla-n:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(50% - .8em)}.qx-qibla-n:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(50% - .8em)}.qx-qibla-s{bottom:11%}.qx-qibla-s:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(50% - .8em)}.qx-qibla-s:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(50% - .8em)}.qx-qibla-s:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(50% - .8em)}.qx-qibla-s:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(50% - .8em)}.qx-qibla-s:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(50% - .8em)}.qx-qibla-s:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(50% - .8em)}.qx-qibla-e{top:calc(50% - .8em)}.qx-qibla-e:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:11%}.qx-qibla-e:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:11%}.qx-qibla-e:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:11%}.qx-qibla-e:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:11%}.qx-qibla-e:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:11%}.qx-qibla-e:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:11%}.qx-qibla-w{top:calc(50% - .8em)}.qx-qibla-w:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:11%}.qx-qibla-w:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:11%}.qx-qibla-w:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:11%}.qx-qibla-w:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:11%}.qx-qibla-w:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:11%}.qx-qibla-w:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:11%}.qx-qibla-needle{width:var(--needle-w);transform-origin:50% 100%;height:38%;transition:transform var(--dur) var(--ease-luxe);pointer-events:none;will-change:transform;position:absolute;top:50%;transform:translate(-50%,-100%)rotate(0)}.qx-qibla-needle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(50% - var(--needle-w))}.qx-qibla-needle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(50% - var(--needle-w))}.qx-qibla-needle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(50% - var(--needle-w))}.qx-qibla-needle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(50% - var(--needle-w))}.qx-qibla-needle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(50% - var(--needle-w))}.qx-qibla-needle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(50% - var(--needle-w))}.qx-qibla-arrow{background:linear-gradient(180deg,var(--color-gold-light) 0%,var(--color-gold) 26%,var(--color-primary-fill) 27%,var(--color-emerald-royal) 100%);clip-path:polygon(50% 0,100% 18%,78% 24%,78% 100%,22% 100%,22% 24%,0 18%);box-shadow:var(--shadow-sm);position:absolute;top:0;bottom:0;left:0;right:0}.qx-qibla-needle:before{content:"";background:linear-gradient(180deg,transparent 30%,var(--color-gold-light) 30%,var(--color-gold-light) 42%,transparent 42%), var(--color-emerald-night);height:22px;width:22px;box-shadow:0 0 0 1.5px var(--color-gold),0 0 0 4px var(--bg-surface),var(--shadow-md);border-radius:3px;position:absolute;top:-16px}.qx-qibla-needle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:calc(50% - 11px)}.qx-qibla-needle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:calc(50% - 11px)}.qx-qibla-needle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:calc(50% - 11px)}.qx-qibla-needle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:calc(50% - 11px)}.qx-qibla-needle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:calc(50% - 11px)}.qx-qibla-needle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:calc(50% - 11px)}.qx-qibla-dial:after{content:"";background:var(--bg-surface);height:18px;width:18px;box-shadow:inset 0 0 0 2px var(--color-gold),0 0 0 1px var(--border-gold-line),var(--shadow-sm);pointer-events:none;border-radius:50%;margin-top:-9px;position:absolute;top:50%}.qx-qibla-dial:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{margin-left:-9px;left:50%}.qx-qibla-dial:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{margin-left:-9px;left:50%}.qx-qibla-dial:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{margin-left:-9px;left:50%}.qx-qibla-dial:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{margin-right:-9px;right:50%}.qx-qibla-dial:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{margin-right:-9px;right:50%}.qx-qibla-dial:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{margin-right:-9px;right:50%}.qx-qibla-readout{gap:var(--space-1);justify-items:center;display:grid}.qx-qibla-readout b{font-family:var(--font-display);font-variant-numeric:tabular-nums lining-nums;color:var(--color-primary);font-size:max(3rem,min(9vw,4.6rem));font-weight:700;line-height:1}.qx-qibla-readout span{font-size:var(--font-size-md);color:var(--text-secondary);font-weight:700}.qx-qibla-distance{font-size:var(--font-size-sm);color:var(--color-gold-strong);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin:0;font-weight:700;display:inline-flex}.qx-qibla-distance:before,.qx-qibla-distance:after{content:"";background:var(--gold-gradient-line);border-radius:2px;height:2px;width:20px}.qx-qibla-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;width:100%;display:flex}.qx-qibla-actions .btn{min-height:48px}.qx-qibla-actions .btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.qx-qibla .btn-ghost{border:1px solid var(--border-gold-line);color:var(--text-primary)}.qx-qibla .btn-ghost:hover{border-color:var(--color-gold);background:var(--gold-subtle)}.qx-qibla-hint{min-height:1.4em;width:100%;font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;font-weight:600;line-height:1.6}.qx-qibla-hint:not(:empty){padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-gold-line);background:var(--bg-body)}.qx-qibla-hint.is-ok{color:var(--color-primary);border-color:var(--primary-subtle-strong)}.qx-qibla-hint.is-warn{color:var(--color-warning);background:var(--warning-subtle);border-color:var(--color-gold-line)}@media (prefers-reduced-motion:reduce){.qx-qibla-needle{transition:none}}@media (forced-colors:active){.qx-qibla,.qx-qibla-location,.qx-qibla-hint:not(:empty){border:1px solid canvastext}.qx-qibla-compass{box-shadow:0 0 0 2px canvastext}.qx-qibla-arrow{forced-color-adjust:none;background:highlight}.qx-qibla-needle:before{forced-color-adjust:none;background:canvastext;box-shadow:0 0 0 2px canvas}.qx-qibla-compass:before,.qx-qibla-compass:after{display:none}}.khatma-page{gap:var(--space-8);max-width:1040px;margin-left:auto;margin-right:auto;display:grid}.khatma-stats{gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.khatma-stat{gap:var(--space-1);min-width:0;padding:var(--space-5) var(--space-3) var(--space-4);text-align:center;background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-luxe);justify-items:center;display:grid;position:relative}.khatma-stat:after{content:"";background:var(--gold-gradient-line);border-radius:2px;order:1;height:2px;width:28px}.khatma-stat b{font-family:var(--font-display);font-variant-numeric:tabular-nums lining-nums;color:var(--color-primary);font-size:max(1.9rem,min(3vw,2.5rem));font-weight:700;line-height:1}.khatma-stat span{font-size:var(--font-size-xs);color:var(--text-secondary);text-wrap:balance;order:2;font-weight:700}.khatma-hero{isolation:isolate;gap:var(--space-5);padding:clamp(var(--space-6),4vw,var(--space-9));color:var(--text-on-night);background:var(--night-gradient);border:1px solid var(--line-on-night);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:grid;position:relative;overflow:hidden}.khatma-hero:before{content:"";z-index:-1;background-image:var(--pattern-star);background-size:var(--pattern-size) var(--pattern-size);opacity:calc(var(--pattern-opacity) + .03);pointer-events:none;background-position:50%;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,transparent 100%);mask-image:radial-gradient(120% 90% at 50% 0,#000 30%,transparent 100%)}.khatma-hero:after{content:"";border:1px solid var(--line-on-night);border-radius:calc(var(--radius-xl) - 8px);pointer-events:none;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.khatma-hero :focus-visible{outline:3px solid var(--color-gold-bright);outline-offset:3px}.khatma-hero-progress{align-items:center;gap:var(--space-4);display:flex}.khatma-hero-bar{border-radius:var(--radius-full);background:var(--glass-bg-subtle);height:16px;min-width:0;box-shadow:inset 0 0 0 1px var(--line-on-night);flex:auto;position:relative;overflow:hidden}.khatma-hero-bar>span{border-radius:var(--radius-full);background:var(--gold-gradient);max-width:calc(100% - 4px);box-shadow:0 0 0 1px var(--color-gold-strong);position:absolute;top:2px;bottom:2px}.khatma-hero-bar>span:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:2px}.khatma-hero-bar>span:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:2px}.khatma-hero-bar>span:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:2px}.khatma-hero-bar>span:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:2px}.khatma-hero-bar>span:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:2px}.khatma-hero-bar>span:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:2px}.khatma-hero-pct{min-width:3.2ch;font-family:var(--font-display);font-variant-numeric:tabular-nums lining-nums;color:var(--color-gold-bright);text-align:end;flex:none;font-size:max(1.6rem,min(3vw,2.2rem));font-weight:700;line-height:1}.khatma-hero-note{font-size:var(--font-size-md);color:var(--text-on-night-muted);text-wrap:balance;margin:0;font-weight:600}.khatma-hero-note b{font-family:var(--font-display);color:var(--color-gold-bright);font-size:1.2em;font-weight:700}.khatma-hero-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.khatma-hero-actions .btn{min-height:48px}.khatma-hero .btn-ghost{color:var(--text-on-night);border:1px solid var(--line-on-night);background:0 0}.khatma-hero .btn-ghost:hover{background:var(--glass-bg-subtle);border-color:var(--color-gold-light);color:var(--color-gold-bright)}.khatma-hero .btn-gold:disabled{opacity:.6;box-shadow:none;cursor:not-allowed;transform:none}.khatma-target{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-luxe);flex-wrap:wrap;display:flex}.khatma-target-text{gap:4px;min-width:0;display:grid}.khatma-target-label{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--text-primary);align-items:center;gap:10px;font-weight:700;display:inline-flex}.khatma-target-label:before{content:"";background:var(--gold-gradient-line);border-radius:2px;height:2px;width:20px}.khatma-target-hint{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600}.khatma-target-controls{align-items:center;gap:var(--space-2);display:flex}.khatma-target-input{min-height:48px;width:120px;padding:0 var(--space-4);border:1px solid var(--border-gold-line);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-primary);font:inherit;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-xs);transition:border-color var(--dur-fast) var(--ease-luxe),box-shadow var(--dur-fast) var(--ease-luxe);font-weight:700}.khatma-target-input:hover{border-color:var(--color-gold)}.khatma-target-input:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-color:var(--color-gold);box-shadow:var(--ring-gold)}.khatma-target-controls .btn{min-height:48px}.khatma-target .btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.khatma-target-eta{border-top:1px solid var(--border-gold-line);font-size:var(--font-size-sm);color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-basis:100%;margin:0;padding-top:var(--space-3);font-weight:600}.khatma-target-eta b{font-family:var(--font-display);color:var(--color-primary);font-size:1.25em;font-weight:700}.khatma-grid-title{justify-content:center;align-items:center;gap:var(--space-4);font-family:var(--font-display);color:var(--text-primary);text-align:center;text-wrap:balance;margin:0;font-size:max(1.5rem,min(2.4vw,2.1rem));font-weight:700;line-height:1.3;display:flex;position:relative}.khatma-grid-title:before,.khatma-grid-title:after{content:"";background:var(--divider-gold);flex:1 1 0;height:1px}.khatma-grid{gap:var(--space-2);padding:var(--space-4);background:var(--bg-body);border:1px solid var(--border-gold-line);border-radius:var(--radius-xl);box-shadow:var(--frame-gold);grid-template-columns:repeat(auto-fill,minmax(62px,1fr));display:grid}.khatma-surah{min-height:64px;min-width:0;padding:var(--space-2) var(--space-1);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-xs);transition:border-color var(--dur-fast) var(--ease-luxe),box-shadow var(--dur-fast) var(--ease-luxe),transform var(--dur-fast) var(--ease-luxe),background-color var(--dur-fast) var(--ease-luxe);align-content:center;place-items:center;gap:2px;text-decoration:none;display:grid;position:relative}.khatma-surah-num{font-family:var(--font-display);font-size:var(--font-size-lg);font-variant-numeric:tabular-nums lining-nums;font-weight:700;line-height:1}.khatma-surah-name{min-height:14px;font-size:var(--font-size-2xs);color:var(--text-secondary);place-items:center;font-weight:700;display:grid}.khatma-surah-check{height:14px;width:14px;display:block}.khatma-surah:hover{border-color:var(--color-gold);box-shadow:var(--shadow-luxe-hover);transform:translateY(-2px)}.khatma-surah:active{transition:none;transform:translateY(0)}.khatma-surah:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.khatma-surah.is-done{background:var(--gold-gradient);border-color:var(--color-gold-strong);color:var(--color-gold-ink);box-shadow:inset 0 1px 0 var(--color-gold-bright),var(--shadow-xs)}.khatma-surah.is-done .khatma-surah-name{color:var(--color-gold-ink)}.khatma-surah.is-done:hover{border-color:var(--color-gold-deep)}.khatma-surah.is-current{background:var(--color-primary-fill);border-color:var(--color-primary-fill);color:var(--on-primary);box-shadow:0 0 0 2px var(--bg-body),0 0 0 4px var(--color-gold)}.khatma-surah.is-current .khatma-surah-name{color:var(--color-gold-bright)}.khatma-surah.is-current:hover{border-color:var(--color-primary-fill)}.khatma-surah.is-done.is-current{background:var(--gold-gradient);border-color:var(--color-gold-strong);color:var(--color-gold-ink);box-shadow:0 0 0 2px var(--bg-body),0 0 0 4px var(--color-primary)}.khatma-surah.is-done.is-current .khatma-surah-name{color:var(--color-gold-ink)}.khatma-footer{justify-content:flex-end;padding-top:var(--space-2);display:flex}.khatma-footer .btn-danger{min-height:44px}.khatma-footer .btn-danger:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}@media (max-width:900px){.khatma-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.khatma-stat:nth-child(4),.khatma-stat:nth-child(5){grid-column:span 1}}@media (max-width:720px){.khatma-page{gap:var(--space-6)}.khatma-target{flex-direction:column;align-items:stretch}.khatma-target-controls{width:100%}.khatma-target-input{flex:auto;width:auto}.khatma-grid{padding:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.khatma-hero-actions .btn{flex:auto}}@media (max-width:440px){.khatma-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.khatma-stat:nth-child(5){grid-column:1/-1}.khatma-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.khatma-surah,.khatma-target-input{transition:none}.khatma-surah:hover{transform:none}}@media (forced-colors:active){.khatma-stat,.khatma-hero,.khatma-target,.khatma-grid,.khatma-surah{border:1px solid canvastext}.khatma-surah.is-done{forced-color-adjust:none;color:highlighttext;background:highlight}.khatma-surah.is-current{outline-offset:2px;outline:3px solid canvastext}.khatma-hero-bar>span{forced-color-adjust:none;background:highlight}}.mushaf-view{direction:rtl;width:100%;max-width:840px;margin-left:auto;margin-right:auto}.mushaf-title{align-items:center;gap:var(--space-4);margin:0 0 var(--space-4);font-family:var(--font-display);letter-spacing:normal;text-align:center;color:var(--color-gold-strong);font-variant-numeric:tabular-nums;text-wrap:balance;font-size:max(1.5rem,min(3.2vw,2.1rem));font-weight:700;line-height:1.3;display:flex}.mushaf-title:before,.mushaf-title:after{content:"";background:var(--divider-gold);flex:1 1 0;height:1px;min-width:16px}.mushaf-ranges{justify-content:center;gap:var(--space-2);margin:0 0 var(--space-6);flex-wrap:wrap;padding:0;list-style:none;display:flex}.mushaf-range{margin:0}.mushaf-range-link{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-1) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);transition:border-color var(--dur-fast) var(--ease-luxe), box-shadow var(--dur-fast) var(--ease-luxe), transform var(--dur-fast) var(--ease-luxe);text-decoration:none;display:inline-flex}.mushaf-range-link:hover{border-color:var(--color-gold);box-shadow:var(--shadow-luxe-hover);transform:translateY(-1px)}.mushaf-range-link:active{transition:none;transform:translateY(0)}.mushaf-range-link:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.mushaf-range-name{font-family:var(--font-display);color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.2}.mushaf-range-ayahs{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}.mushaf-text{--page-pad:clamp(22px, 4.2vw, 52px);--corner:16px;--mushaf-font:clamp(1rem, 4.4vw, 2.05rem);--mushaf-line:1.92;padding:var(--page-pad);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-md);box-shadow:var(--frame-double), var(--page-shadow);margin-bottom:var(--space-6);position:relative;container-type:inline-size}.mushaf-text:before,.mushaf-text:after,.mushaf-verses:before,.mushaf-verses:after{content:"";border:0 solid var(--color-gold);pointer-events:none;height:24px;width:24px;position:absolute}.mushaf-text:before{border-top-width:1px;top:var(--corner)}.mushaf-text:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:var(--corner);border-left-width:1px}.mushaf-text:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:var(--corner);border-left-width:1px}.mushaf-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:var(--corner);border-left-width:1px}.mushaf-text:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:var(--corner);border-right-width:1px}.mushaf-text:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:var(--corner);border-right-width:1px}.mushaf-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:var(--corner);border-right-width:1px}.mushaf-text:after{border-top-width:1px;top:var(--corner)}.mushaf-text:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{right:var(--corner);border-right-width:1px}.mushaf-text:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{right:var(--corner);border-right-width:1px}.mushaf-text:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{right:var(--corner);border-right-width:1px}.mushaf-text:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{left:var(--corner);border-left-width:1px}.mushaf-text:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{left:var(--corner);border-left-width:1px}.mushaf-text:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{left:var(--corner);border-left-width:1px}.mushaf-verses:before{border-bottom-width:1px;bottom:var(--corner)}.mushaf-verses:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:var(--corner);border-left-width:1px}.mushaf-verses:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:var(--corner);border-left-width:1px}.mushaf-verses:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):before{left:var(--corner);border-left-width:1px}.mushaf-verses:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:var(--corner);border-right-width:1px}.mushaf-verses:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:var(--corner);border-right-width:1px}.mushaf-verses:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):before{right:var(--corner);border-right-width:1px}.mushaf-verses:after{border-bottom-width:1px;bottom:var(--corner)}.mushaf-verses:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{right:var(--corner);border-right-width:1px}.mushaf-verses:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{right:var(--corner);border-right-width:1px}.mushaf-verses:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{right:var(--corner);border-right-width:1px}.mushaf-verses:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{left:var(--corner);border-left-width:1px}.mushaf-verses:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{left:var(--corner);border-left-width:1px}.mushaf-verses:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{left:var(--corner);border-left-width:1px}.mushaf-verses{min-width:0;position:static}.mushaf-page-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 0 var(--space-3);border-bottom:1px solid var(--color-gold-line);font-family:var(--font-main);color:var(--color-gold-strong);font-variant-numeric:tabular-nums;padding-bottom:var(--space-2);font-size:.8rem;font-weight:700;display:flex}.mushaf-head-surah,.mushaf-head-juz{white-space:nowrap}.mushaf-page-foot{border-top:1px solid var(--color-gold-line);justify-content:center;margin-top:var(--space-3);padding-top:var(--space-2);display:flex}.mushaf-page-num{min-width:2.4em;font-family:var(--font-display);color:var(--color-gold-strong);border:1px solid var(--border-gold-line);border-radius:var(--radius-full);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:0 .6em;font-size:1rem;font-weight:700;line-height:1.6;display:inline-flex}.mushaf-lines{flex-direction:column;display:flex}.mushaf-line{box-sizing:border-box;height:calc(var(--mushaf-font) * var(--mushaf-line));flex:none;min-width:0;margin:0;padding:0}.mushaf-line-ayah{font-family:var(--font-mushaf);font-size:var(--mushaf-font);font-weight:400;line-height:var(--mushaf-line);letter-spacing:0;word-spacing:0;white-space:nowrap;text-align:justify;text-align-last:justify;text-justify:inter-word;color:var(--text-primary);text-rendering:optimizelegibility;font-feature-settings:"liga" 1, "calt" 1, "kern" 1;-webkit-font-smoothing:antialiased}.mushaf-lines>.mushaf-line{position:relative}.mushaf-lines>.mushaf-line:first-child{z-index:15}.mushaf-lines>.mushaf-line:nth-child(2){z-index:14}.mushaf-lines>.mushaf-line:nth-child(3){z-index:13}.mushaf-lines>.mushaf-line:nth-child(4){z-index:12}.mushaf-lines>.mushaf-line:nth-child(5){z-index:11}.mushaf-lines>.mushaf-line:nth-child(6){z-index:10}.mushaf-lines>.mushaf-line:nth-child(7){z-index:9}.mushaf-lines>.mushaf-line:nth-child(8){z-index:8}.mushaf-lines>.mushaf-line:nth-child(9){z-index:7}.mushaf-lines>.mushaf-line:nth-child(10){z-index:6}.mushaf-lines>.mushaf-line:nth-child(11){z-index:5}.mushaf-lines>.mushaf-line:nth-child(12){z-index:4}.mushaf-lines>.mushaf-line:nth-child(13){z-index:3}.mushaf-lines>.mushaf-line:nth-child(14){z-index:2}.mushaf-lines>.mushaf-line:nth-child(15){z-index:1}.mushaf-line-end{text-align-last:center}.mushaf-line-loose{text-align-last:center;word-spacing:.3em}.mushaf-word{transition:color var(--dur-fast) var(--ease-luxe), background-color var(--dur-fast) var(--ease-luxe);border-radius:4px}.mushaf-word:hover{color:var(--color-primary)}.mushaf-ayah .mushaf-word.is-active,.mushaf-ayah .mushaf-word[aria-current=true]{color:var(--color-gold-ink);background:linear-gradient(180deg, transparent 31%, color-mix(in srgb, var(--color-gold) 55%, var(--bg-surface)) 31%, color-mix(in srgb, var(--color-gold) 55%, var(--bg-surface)) 80%, transparent 80%);border-radius:.3em}[data-theme=dark] .mushaf-ayah .mushaf-word.is-active{color:var(--color-gold-bright)}.mushaf-line-basmala{font-family:var(--font-mushaf);font-size:calc(var(--mushaf-font) * .92);white-space:nowrap;color:var(--color-gold-strong);justify-content:center;align-items:center;line-height:1;display:flex}.mushaf-line-surah{padding-block:calc(var(--mushaf-font) * .12);justify-content:center;align-items:center;display:flex}.mushaf-surah-band{isolation:isolate;height:100%;width:100%;padding:0 var(--space-6);font-family:var(--font-mushaf);font-size:calc(var(--mushaf-font) * .74);white-space:nowrap;color:var(--color-gold-strong);border:1px solid var(--color-gold);border-radius:var(--radius-full);box-shadow:inset 0 0 0 3px var(--bg-surface), inset 0 0 0 4px var(--color-gold-line);justify-content:center;align-items:center;gap:.3em;font-weight:400;line-height:1;display:inline-flex;position:relative;overflow:hidden}.mushaf-surah-band-word,.mushaf-surah-band-name{position:relative;top:.08em}.mushaf-surah-band:after{content:"";background:linear-gradient(90deg, var(--color-gold), transparent 18%, transparent 82%, var(--color-gold));pointer-events:none;height:1px;position:absolute;top:50%;left:.9em;right:.9em}.mushaf-surah-band:before{content:"";z-index:-1;background-image:var(--pattern-star);opacity:calc(var(--pattern-opacity) * 1.6);pointer-events:none;background-size:60px 60px;position:absolute;top:0;bottom:0;left:0;right:0}.mushaf-surah-band-word{font-size:.72em}.mushaf-surah-band-name{font-size:1em}.mushaf-line-empty{pointer-events:none}.mushaf-verse-num{vertical-align:middle;color:var(--color-primary);transition:color var(--dur-fast) var(--ease-luxe), transform var(--dur-fast) var(--ease-luxe);background:0 0;border:0;margin:0;padding:.12em .14em;line-height:1;text-decoration:none;display:inline-block}.mushaf-verse-digits{height:1.18em;width:1.18em;font-family:var(--font-mushaf);clip-path:polygon(50% 0%,63.7% 13.7%,82.3% 8.3%,86.3% 27.3%,100% 40%,90.6% 56.6%,95.1% 76.3%,76.3% 82.3%,66.3% 100%,50% 88.4%,33.7% 100%,23.7% 82.3%,4.9% 76.3%,9.4% 56.6%,0% 40%,13.7% 27.3%,17.7% 8.3%,36.3% 13.7%);background:radial-gradient(circle at 50% 50%, var(--bg-surface) 0 55%, var(--color-gold) 56% 100%);color:var(--color-primary);font-variant-numeric:tabular-nums;place-items:center;font-size:.95em;font-weight:400;line-height:1;display:inline-grid}.mushaf-verse-digits>*{font-size:.5em}.mushaf-verse-num:hover{color:var(--color-gold-ink);transform:translateY(-1px)}.mushaf-verse-num:hover .mushaf-verse-digits{background:radial-gradient(circle at 50% 50%, var(--color-gold-bright) 0 55%, var(--color-gold) 56% 100%);color:var(--color-gold-ink)}.mushaf-verse-num:active{transition:none;transform:translateY(0)}.mushaf-verse-num:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-full)}.mushaf-page.is-centered .mushaf-lines{max-width:78%;padding-block:calc(var(--mushaf-font) * 1.6);margin-left:auto;margin-right:auto}.mushaf-page.is-centered .mushaf-line-ayah{text-align-last:center}.mushaf-page.is-centered .mushaf-lines{border:1px solid var(--color-gold-line);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 4px var(--bg-surface), inset 0 0 0 5px var(--border-gold-line);padding-inline:calc(var(--mushaf-font) * .8)}@supports (font-size:1cqw){.mushaf-text{--mushaf-base:4.6cqw;--mushaf-font:min(var(--mushaf-base), calc(98cqw / var(--page-em,21)))}.mushaf-page.is-centered{--mushaf-base:4.3cqw;--mushaf-font:min(var(--mushaf-base), calc((76cqw - 12px) / (var(--page-em,17) + 1.7)))}@media (max-width:767px){.mushaf-page.is-centered{--mushaf-font:min(var(--mushaf-base), calc((90cqw - 12px) / (var(--page-em,17) + 1.7)))}}}.mushaf-nav{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-6);display:grid}.mushaf-nav-card{align-items:center;gap:var(--space-3);min-height:72px;min-width:0;padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-luxe);color:var(--text-primary);transition:transform var(--dur-fast) var(--ease-luxe), box-shadow var(--dur) var(--ease-luxe), border-color var(--dur-fast) var(--ease-luxe);text-decoration:none;display:flex}a.mushaf-nav-card:hover{border-color:var(--color-gold);box-shadow:var(--shadow-luxe-hover);transform:translateY(-2px)}a.mushaf-nav-card:active{transition:none;transform:translateY(0)}a.mushaf-nav-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.mushaf-nav-card.is-disabled{opacity:.45;pointer-events:none;box-shadow:none}.mushaf-nav-prev{text-align:start;justify-content:flex-start}.mushaf-nav-prev .mushaf-nav-arrow{order:-1}.mushaf-nav-next{text-align:end;justify-content:flex-end}.mushaf-nav-arrow{color:var(--color-gold-strong);flex:none;font-size:1.1rem;line-height:1}.mushaf-nav-card-info{flex-direction:column;gap:2px;min-width:0;display:flex}.mushaf-nav-card-label{color:var(--color-gold-strong);font-size:.72rem;font-weight:700}.mushaf-nav-card-num{font-family:var(--font-display);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700;line-height:1.2}.mushaf-verse{align-items:end;gap:0 var(--space-2);margin:0 0 var(--space-3);grid-template-columns:minmax(0,1fr) auto;padding:0;list-style:none;display:grid}.mushaf-verse-text{min-width:0;font-family:var(--font-display);text-align:justify;text-align-last:start;color:var(--text-primary);order:1;margin:0;font-size:max(1.35rem,min(2.4vw,1.7rem));line-height:2.05}.mushaf-verse .mushaf-verse-num{order:2;font-size:1.4rem}@media (max-width:767px){.mushaf-title{gap:var(--space-3);font-size:max(1.3rem,min(5.5vw,1.7rem))}.mushaf-ranges{margin-bottom:var(--space-5)}.mushaf-range-name{font-size:1rem}.mushaf-text{--page-pad:clamp(10px, 3.2vw, 16px);--mushaf-line:1.98;border-radius:var(--radius-md);box-shadow:var(--shadow-luxe)}.mushaf-text:before,.mushaf-text:after,.mushaf-verses:before,.mushaf-verses:after{content:none}.mushaf-page-head{font-size:.72rem}.mushaf-surah-band{padding-inline:var(--space-3)}.mushaf-page.is-centered .mushaf-lines{max-width:92%}.mushaf-nav{gap:var(--space-2);grid-template-columns:1fr}.mushaf-nav-card{min-height:60px;padding:var(--space-3) var(--space-4)}}@media print{.mushaf-ranges,.mushaf-nav{display:none}.mushaf-text{box-shadow:none}.mushaf-text:before,.mushaf-text:after,.mushaf-verses:before,.mushaf-verses:after{content:none}.mushaf-line{break-inside:avoid}}@media (prefers-reduced-motion:reduce){.mushaf-range-link,.mushaf-word,.mushaf-verse-num,.mushaf-nav-card{transition:none}.mushaf-range-link:hover,.mushaf-verse-num:hover,a.mushaf-nav-card:hover{transform:none}}@media (forced-colors:active){.mushaf-text,.mushaf-range-link,.mushaf-surah-band,.mushaf-nav-card{border:1px solid canvastext}.mushaf-verse-digits{clip-path:none;background:canvas;border-radius:50%;outline:1px solid canvastext}.mushaf-text:before,.mushaf-text:after,.mushaf-verses:before,.mushaf-verses:after{border-color:canvastext}}.mushaf-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);flex-wrap:wrap;display:flex}.mushaf-toolbar-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.mushaf-toolbar-hint{color:var(--text-muted);margin:0;font-size:.78rem;font-weight:600}.mushaf-goto{gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-luxe);flex:100%;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:end;display:grid}.mushaf-goto-field{gap:var(--space-1);color:var(--color-gold-strong);flex-direction:column;font-size:.8rem;font-weight:700;display:flex}.mushaf-goto-field select,.mushaf-goto-field input{min-height:44px;padding:0 var(--space-3);font:inherit;color:var(--text-primary);background:var(--bg-elevated,var(--bg-surface));border:1px solid var(--border-gold-line);border-radius:var(--radius-sm);font-weight:600}.mushaf-goto-field select:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.mushaf-goto-field input:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.mushaf-word{cursor:pointer}.mushaf-ayah{isolation:isolate;padding:.04em 0;position:relative}.mushaf-ayah:before{content:"";z-index:-1;opacity:0;transition:opacity var(--dur) var(--ease-luxe), transform var(--dur) var(--ease-luxe);pointer-events:none;border-radius:.5em;position:absolute;top:1.02em;bottom:.66em;left:0;right:0;transform:scaleY(.85)}.mushaf-ayah.is-selected:before{opacity:1;background:linear-gradient(180deg, color-mix(in srgb, var(--color-gold) 14%, transparent), color-mix(in srgb, var(--color-gold) 26%, transparent));box-shadow:0 1px 0 color-mix(in srgb, var(--color-gold) 40%, transparent), 0 6px 14px -8px color-mix(in srgb, var(--color-gold) 60%, transparent);transform:none}.mushaf-ayah.is-selected .mushaf-word{color:var(--color-primary)}.mushaf-ayah.is-playing:before{opacity:1;background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 9%, transparent), color-mix(in srgb, var(--color-primary) 18%, transparent));box-shadow:0 1px 0 color-mix(in srgb, var(--color-primary) 45%, transparent);transform:none}.mushaf-ayah.is-playing .mushaf-word{color:var(--color-primary)}.mushaf-verse-num.is-selected .mushaf-verse-digits{background:radial-gradient(circle at 50% 50%, var(--color-gold-bright) 0 55%, var(--color-gold) 56% 100%);color:var(--color-gold-ink)}.mushaf-panel{z-index:var(--z-overlay);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-xl,24px) var(--radius-xl,24px) 0 0;max-height:min(66vh,560px);transition:transform var(--dur) var(--ease-luxe);overscroll-behavior:contain;border-bottom:0;flex-direction:column;display:flex;position:fixed;bottom:calc(var(--bottom-nav-height,72px) + env(safe-area-inset-bottom,0px));left:0;right:0;transform:translateY(105%);box-shadow:0 -24px 60px -24px rgba(0,0,0,.35)}.mushaf-panel[hidden]{display:none}.mushaf-panel.is-open{transform:translateY(0)}.mushaf-panel-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-2);display:flex}.mushaf-panel-title{flex-direction:column;gap:2px;min-width:0;display:flex}.mushaf-panel-kicker{color:var(--color-gold-strong);font-size:.74rem;font-weight:700}.mushaf-panel-ref{font-family:var(--font-display);color:var(--text-primary);font-size:1.25rem;line-height:1.2}.mushaf-panel-close{flex:none;height:44px;width:44px}.mushaf-panel-ayah{margin:0 var(--space-5) var(--space-3);padding:var(--space-3) var(--space-4);font-family:var(--font-mushaf);color:var(--text-primary);overscroll-behavior:contain;background:color-mix(in srgb, var(--color-gold) 6%, var(--bg-surface));border:1px solid var(--border-gold-line);border-radius:var(--radius-md);max-height:7.8em;font-size:1.2rem;line-height:1.9;overflow-y:auto}.mushaf-panel-actions{gap:var(--space-2);padding:0 var(--space-5) var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.mushaf-panel-actions .btn-ghost{border:1px solid var(--border-gold-line)}.mushaf-panel-actions .btn{min-width:0;padding-inline:var(--space-2);white-space:nowrap;text-overflow:ellipsis;justify-content:center;font-size:.85rem;overflow:hidden}.mushaf-panel-actions [aria-pressed=true]{border-color:var(--color-gold);color:var(--color-gold-strong)}.mushaf-panel-tabs{gap:var(--space-1);padding:0 var(--space-5);border-bottom:1px solid var(--border-gold-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mushaf-panel-tab{min-height:44px;padding:0 var(--space-2);text-align:center;font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid transparent;font-weight:700}.mushaf-panel-tab[aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--color-gold)}.mushaf-panel-tab:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}.mushaf-panel-body{min-height:120px;padding:var(--space-4) var(--space-5) var(--space-6);flex:auto;overflow:auto}.mushaf-pane-text{margin:0 0 var(--space-3);color:var(--text-primary);font-size:1.05rem;line-height:1.9}.mushaf-pane-text[lang=en]{font-family:var(--font-main)}.mushaf-pane-source,.mushaf-pane-meta{color:var(--text-muted);margin:0;font-size:.78rem;font-weight:600}.mushaf-pane-loading,.mushaf-pane-empty{color:var(--text-muted);margin:0}.mushaf-pane-word{margin:0 0 var(--space-2);font-family:var(--font-mushaf);text-align:center;color:var(--color-gold-strong);font-size:2.2rem;line-height:1.6}.mushaf-pane-root{margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--color-gold) 8%, var(--bg-surface));border:1px solid var(--border-gold-line);border-radius:var(--radius-md)}.mushaf-pane-label{color:var(--color-gold-strong);font-size:.78rem;font-weight:700}.mushaf-pane-links{gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3);display:flex}.mushaf-pane-links .lx-chip{cursor:pointer}@media (min-width:1200px){.mushaf-panel{height:calc(100vh - var(--header-height,72px) - var(--space-4) - var(--space-5));height:calc(100dvh - var(--header-height,72px) - var(--space-4) - var(--space-5));border:1px solid var(--border-gold-line);border-radius:var(--radius-lg);max-height:none;width:min(380px,30vw);box-shadow:var(--shadow-luxe-hover);opacity:0;transition:transform var(--dur) var(--ease-luxe), opacity var(--dur) var(--ease-luxe);top:calc(var(--header-height,72px) + var(--space-4));bottom:auto;transform:translate(-24px)}.mushaf-panel:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:auto;right:var(--space-5)}.mushaf-panel:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:auto;right:var(--space-5)}.mushaf-panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:auto;right:var(--space-5)}.mushaf-panel:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:auto;left:var(--space-5)}.mushaf-panel:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:auto;left:var(--space-5)}.mushaf-panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:auto;left:var(--space-5)}.mushaf-panel.is-open{opacity:1;transform:translate(0)}.mushaf-view.has-panel{max-width:calc(840px + min(380px, 30vw) + var(--space-8));transition:padding var(--dur) var(--ease-luxe)}.mushaf-view.has-panel:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:calc(min(380px, 30vw) + var(--space-8))}.mushaf-view.has-panel:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:calc(min(380px, 30vw) + var(--space-8))}.mushaf-view.has-panel:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:calc(min(380px, 30vw) + var(--space-8))}.mushaf-view.has-panel:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(min(380px, 30vw) + var(--space-8))}.mushaf-view.has-panel:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(min(380px, 30vw) + var(--space-8))}.mushaf-view.has-panel:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(min(380px, 30vw) + var(--space-8))}}@media (max-width:767px){.mushaf-toolbar-hint{display:none}.mushaf-panel{max-height:min(76vh,640px)}.mushaf-panel-head{padding-inline:var(--space-4)}.mushaf-panel-ayah{margin-inline:var(--space-4);max-height:6.4em;font-size:1.1rem}.mushaf-panel-actions{padding-inline:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.mushaf-panel-tabs,.mushaf-panel-body{padding-inline:var(--space-4)}}@media (prefers-reduced-motion:reduce){.mushaf-panel{transition:none}}@media print{.mushaf-toolbar,.mushaf-panel{display:none!important}}.tj-ghunnah{color:var(--tj-ghunnah)}.tj-idgham{color:var(--tj-idgham)}.tj-ikhfa{color:var(--tj-ikhfa)}.tj-iqlab{color:var(--tj-iqlab)}.tj-madd{color:var(--tj-madd)}.tj-madd-long{color:var(--tj-madd-long)}.tj-qalqalah{color:var(--tj-qalqalah)}.tj-silent{color:var(--tj-silent)}.mushaf-tj-legend{align-items:center;gap:var(--space-2) var(--space-4);margin:calc(-1 * var(--space-3)) 0 var(--space-6);padding:var(--space-3) var(--space-4);color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-gold-line);border-radius:var(--radius-md);flex-wrap:wrap;font-size:.78rem;font-weight:700;display:flex}.mushaf-tj-legend-item{align-items:center;gap:var(--space-2);display:inline-flex}.mushaf-tj-swatch{background:currentColor;border-radius:3px;height:12px;width:12px}.mushaf-tj-legend-src{opacity:.8;flex:100%;font-weight:600}.mushaf-pane-meaning{margin:0 0 var(--space-3)}.mushaf-pane-en,.mushaf-pane-tr{margin:0 0 var(--space-1);font-family:var(--font-main);color:var(--text-primary);text-align:start;font-size:1rem;line-height:1.7}.mushaf-pane-en .mushaf-pane-label,.mushaf-pane-tr .mushaf-pane-label{text-align:end;display:block}.mushaf-pane-tajweed{margin:0 0 var(--space-3)}.mushaf-tj-chips{gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;display:flex}.mushaf-tj-chip{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:color-mix(in srgb, var(--color-gold) 8%, var(--bg-surface));border:1px solid var(--border-gold-line);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;display:inline-flex}.mushaf-tj-chip .tj{font-family:var(--font-mushaf);font-size:1.25rem;line-height:1.2}@media (forced-colors:active){.tj{color:canvastext;text-decoration:underline}.mushaf-ayah.is-selected,.mushaf-ayah.is-playing{outline:2px solid highlight}.mushaf-ayah:before{display:none}}body.has-mushaf-mode{overflow:hidden}.mushaf-mode{z-index:calc(var(--z-modal) + 5);background:var(--night-gradient);color:var(--text-on-night);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.mushaf-mode:before{content:"";background-image:var(--pattern-star);opacity:.06;pointer-events:none;background-size:120px 120px;position:absolute;top:0;bottom:0;left:0;right:0}.mm-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid rgba(201,168,91,.25);padding-top:calc(var(--space-2) + env(safe-area-inset-top,0px));display:flex;position:relative}.mm-title{text-align:center;flex-direction:column;line-height:1.2;display:flex}.mm-kicker{color:var(--color-gold-light);font-size:.7rem;font-weight:700}.mm-title strong{font-family:var(--font-display);color:var(--color-gold-bright);font-variant-numeric:tabular-nums;font-size:1.1rem}.mm-tools{align-items:center;gap:var(--space-2);display:flex}.mm-btn{min-height:44px;min-width:44px;padding:0 var(--space-3);font:inherit;color:var(--color-gold-bright);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-luxe), border-color var(--dur-fast) var(--ease-luxe);background:rgba(255,255,255,.04);border:1px solid rgba(201,168,91,.35);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.mm-btn:hover{border-color:var(--color-gold);background:rgba(201,168,91,.14)}.mm-btn:focus-visible{outline:3px solid var(--color-gold-bright);outline-offset:2px}.mm-btn:disabled{opacity:.35;cursor:default}.mm-goto{align-items:center;gap:var(--space-1);display:flex}.mm-goto input{min-height:44px;width:5.5em;padding:0 var(--space-2);font:inherit;text-align:center;color:var(--color-gold-bright);border-radius:var(--radius-full);background:rgba(255,255,255,.04);border:1px solid rgba(201,168,91,.35);font-weight:700}.mm-stage{align-items:center;gap:var(--space-2);min-height:0;padding:var(--space-3) var(--space-2);flex:auto;grid-template-columns:56px minmax(0,1fr) 56px;display:grid;position:relative}.mm-turn{height:96px;width:48px;color:var(--color-gold-bright);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-luxe);background:rgba(255,255,255,.04);border:1px solid rgba(201,168,91,.35);justify-self:center;font-size:2.4rem;line-height:1}.mm-turn:hover{background:rgba(201,168,91,.16)}.mm-turn:disabled{opacity:.25;cursor:default}.mm-turn:focus-visible{outline:3px solid var(--color-gold-bright);outline-offset:2px}.mm-sheet{--mm-font:24px;--mm-pad:clamp(14px, 2.4vw, 34px);--paper:#f7f1e1;--paper-ink:#1b1305;--paper-gold:#7a5a1a;--paper-line:#c9b98f;max-height:100%;width:min(100%,74vh - 111px);padding:var(--mm-pad);color:var(--paper-ink);background:radial-gradient(120% 80% at 50% 0%, rgba(255,255,255,.55), transparent 60%), var(--paper);box-shadow:inset 0 0 0 5px var(--paper), inset 0 0 0 6px var(--paper-line), 0 30px 80px -30px rgba(0,0,0,.8);transition:opacity var(--dur) var(--ease-luxe);border:1px solid #b8a265;border-radius:6px;flex-direction:column;margin-left:auto;margin-right:auto;display:flex;position:relative}.mm-sheet.is-loading{opacity:.55}.mm-head,.mm-foot{font-family:var(--font-main);color:var(--paper-gold);justify-content:space-between;font-size:.78rem;font-weight:700;display:flex}.mm-head{border-bottom:1px solid var(--paper-line);margin-bottom:6px;padding-bottom:6px}.mm-foot{border-top:1px solid var(--paper-line);justify-content:center;margin-top:6px;padding-top:6px}.mm-num{font-family:var(--font-display);font-size:.95rem}.mm-lines{flex-direction:column;min-width:0;display:flex}.mm-line{box-sizing:border-box;height:calc(var(--mm-font) * 1.9);min-width:0}.mm-line-ayah{isolation:isolate;font-size:var(--mm-font);white-space:nowrap;color:var(--paper-ink);justify-content:space-between;align-items:center;line-height:1;display:flex}.mm-line-ayah.is-measuring{width:-webkit-max-content;width:-moz-max-content;width:max-content;display:inline-flex}.mm-line-ayah.is-loose,.mm-line-ayah.is-end{justify-content:center;gap:.35em}.mm-sheet.is-centered .mm-lines{max-width:78%;padding:calc(var(--mm-font) * 1.4) calc(var(--mm-font) * .6);border:1px solid var(--paper-line);box-shadow:inset 0 0 0 4px var(--paper), inset 0 0 0 5px #dccfaa;border-radius:14px;margin-left:auto;margin-right:auto}.mm-sheet.is-centered .mm-line-ayah{justify-content:center;gap:.35em}.mm-ayah{display:contents}.mm-line-ayah{position:relative}.mm-word{cursor:pointer;display:inline-block}.mm-hl{z-index:-1;pointer-events:none;border-radius:.4em;position:absolute;top:.16em;bottom:.1em}.mm-hl-selected{background:linear-gradient(rgba(154,117,40,.14),rgba(154,117,40,.26));box-shadow:0 1px rgba(154,117,40,.4)}.mm-hl-playing{background:linear-gradient(rgba(14,111,100,.1),rgba(14,111,100,.2));box-shadow:0 1px rgba(14,111,100,.45)}.mm-ayah.is-playing .mm-word{color:#0a544c}.mm-end{color:var(--paper-gold)}.mm-line-surah{padding-block:calc(var(--mm-font) * .12);justify-content:center;align-items:center;display:flex}.mm-band{isolation:isolate;height:100%;width:100%;font-family:var(--font-mushaf);font-size:calc(var(--mm-font) * 1.02);white-space:nowrap;color:var(--paper-gold);box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 4px var(--paper-line);border:1px solid #9a7528;border-radius:999px;justify-content:center;align-items:center;gap:.3em;line-height:1;display:inline-flex;position:relative;overflow:hidden}.mm-band:before{content:"";z-index:-1;background-image:var(--pattern-star);opacity:.14;pointer-events:none;background-size:60px 60px;position:absolute;top:0;bottom:0;left:0;right:0}.mm-band-word,.mm-band-name{position:relative;top:.08em}.mm-line-basmala{font-family:var(--font-mushaf);font-size:calc(var(--mm-font) * .95);white-space:nowrap;color:var(--paper-gold);justify-content:center;align-items:center;line-height:1;display:flex}.mm-hint{padding:var(--space-1) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom,0px));text-align:center;color:var(--color-gold-light);opacity:.8;margin:0;font-size:.74rem;font-weight:600}@media (max-width:767px){.mm-stage{grid-template-columns:34px minmax(0,1fr) 34px;gap:4px;padding-left:4px;padding-right:4px}.mm-turn{height:72px;width:30px;font-size:1.8rem}.mm-sheet{--mm-pad:10px;width:100%}.mm-goto,.mm-hint{display:none}.mm-head,.mm-foot{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.mm-sheet,.mm-btn,.mm-turn,.mm-hl{transition:none}}@media (forced-colors:active){.mm-sheet,.mm-btn,.mm-turn,.mm-band{border:1px solid canvastext}.mm-ayah.is-selected,.mm-ayah.is-playing{outline:2px solid highlight}}