@font-face{font-family:Archivo;src:url(../public/fonts/archivo-latin-400-normal.woff2);font-weight:400;font-display:swap}@font-face{font-family:Archivo;src:url(../public/fonts/archivo-latin-800-normal.woff2);font-weight:800;font-display:swap}@font-face{font-family:ArchivoBlack;src:url(../public/fonts/archivo-black-latin-400-normal.woff2);font-display:swap}:root{color-scheme:light;--ink:#0d0d12;--sub:#4a4f63;--yellow:#ffd93d;--surf:#f4f6fc;--green:#35d489;--pink:#ff7ab6}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 Archivo,system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer;min-height:44px}button:disabled{opacity:.65;cursor:default}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.header{position:sticky;top:0;z-index:3;padding:calc(16px + env(safe-area-inset-top)) max(22px,calc((100vw - 840px)/2)) 16px;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid #e1e2e9;display:flex;align-items:center;justify-content:space-between}.brand{font:26px/1.1 ArchivoBlack,sans-serif;text-decoration:none}.brand span{font:800 12px Archivo;background:var(--yellow);padding:5px 7px;border-radius:6px;vertical-align:middle}.brand small{display:block;font:400 13px/1.7 Archivo;color:var(--sub);margin-top:5px}.tag,.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px}.tag{color:var(--sub)}main{max-width:840px;margin:auto;padding:30px 22px calc(125px + env(safe-area-inset-bottom));min-height:75vh}h1{font:clamp(29px,6vw,42px)/1.12 ArchivoBlack,sans-serif;letter-spacing:-1px;margin:0 0 12px}h2{font-weight:800;line-height:1.25}p{margin:14px 0}.intro,.muted{color:var(--sub)}.welcome,.panel{padding:25px;border:3px solid var(--ink);border-radius:22px;box-shadow:5px 5px var(--ink);margin:25px 5px 30px 0}.welcome{background:var(--yellow)}.welcome h2{font:clamp(28px,5vw,38px)/1.15 ArchivoBlack;margin:18px 0}.welcome p{max-width:440px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border:2px solid var(--ink);border-radius:13px;background:var(--ink);color:#fff;text-decoration:none;font-weight:800;margin-top:12px;text-align:center}.panel .button{background:var(--yellow);color:var(--ink)}.section-title{font-size:21px}.list{border:3px solid var(--ink);border-radius:22px;overflow:hidden;margin-top:20px}.row{display:flex;gap:17px;align-items:center;padding:19px;text-decoration:none;min-height:97px}.list .row+.row,details+details{border-top:2px solid var(--ink)}.row strong,.row small{display:block}.row strong{font-size:18px}.row small{color:var(--sub);font-size:15px;margin-top:3px}.tile{width:51px;height:51px;border:2px solid var(--ink);border-radius:14px;display:grid;place-items:center;flex:none}.yellow{background:var(--yellow)}.green{background:var(--green)}.pink{background:var(--pink)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}nav{position:fixed;z-index:4;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:650px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:#fffffff0;backdrop-filter:blur(18px);border:2px solid var(--ink);border-bottom:0;border-radius:20px 20px 0 0;padding:9px 9px calc(10px + env(safe-area-inset-bottom))}nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;padding:8px 3px;border-radius:12px;min-height:58px;font-size:12px;font-weight:800}nav a[aria-current]{background:var(--yellow)}.back{display:inline-block;font-weight:800;margin-bottom:22px}.letters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.letters div{font-family:serif;font-size:45px;text-align:center;background:var(--surf);padding:12px 0;border-radius:12px}.letters small{font:14px Archivo;display:block}.count{font:60px ArchivoBlack;margin:20px 0}.count small{font:16px Archivo;display:block;color:var(--sub)}details{padding:20px}summary{font-size:18px;font-weight:800;cursor:pointer;min-height:44px}.danger{background:var(--surf);border:2px solid var(--ink);border-radius:10px;padding:10px 15px;color:#a82020;font-weight:800}.note{font-size:14px}.skip{position:fixed;left:15px;top:-100px;background:var(--yellow);z-index:9;padding:10px}.skip:focus{top:10px}@media(max-width:500px){.tag{display:none}.welcome,.panel{padding:21px}.letters{gap:7px}}@media(prefers-reduced-motion:no-preference){main{animation:arrive .25s ease-out}@keyframes arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#main:focus{outline:none}.study-hint{display:grid;gap:4px;background:var(--surf);padding:16px 18px;border-radius:14px}.study-hint span{color:var(--sub);font-size:15px}.surah-row{display:flex;align-items:center;gap:8px;padding:9px 12px;min-height:88px;background:#fff}.surah-row+.surah-row{border-top:1px solid #dddfe7}.surah-row.selected{background:#fff4b6}.surah-link{display:flex;align-items:center;gap:14px;flex:1;min-width:0;text-decoration:none;padding:8px 0}.surah-link strong,.surah-link small{display:block}.surah-link strong{font-size:17px}.surah-link small{color:var(--sub);font-size:13px}.surah-number{width:33px;font-size:13px;color:var(--sub);font-weight:800;text-align:center;flex:none}.surah-arabic{margin-inline-start:auto;font:24px/1.7 Geeza Pro,Noto Naskh Arabic,serif}.surah-play,.audio-toggle{display:grid;place-items:center;width:44px;height:44px;flex:none;border:2px solid var(--ink);border-radius:12px;background:var(--yellow);padding:0}.surah-play svg{width:17px;height:17px;fill:var(--ink);stroke-width:1}.search-label{display:block;font-size:14px;font-weight:800;margin:20px 0 8px}input[type=search]{width:100%;border:2px solid var(--ink);border-radius:13px;padding:14px;font:16px Archivo;background:var(--surf);color:var(--ink)}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.metric{border:2px solid var(--ink);border-radius:18px;padding:20px}.metric strong{display:block;font:38px ArchivoBlack}.metric strong small{font:15px Archivo;color:var(--sub)}.metric>span{font-size:14px;color:var(--sub)}.reader-subtitle{color:var(--sub);display:flex;align-items:center;gap:10px}.reader-subtitle [lang=ar]{font:28px/1.8 serif}.reader-tools{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.reader-tools .button{gap:10px}.subtle{background:#fff;border:0;font-weight:800;text-decoration:underline;text-underline-offset:5px}.subtle:disabled{text-decoration:none}.verse-content{margin:25px 0}.ayah{display:flex;align-items:baseline;gap:17px;border-bottom:1px solid #ececf0;padding:21px 0}.ayah-number{flex:none;border:1px solid #d7d9df;border-radius:50%;min-width:29px;height:29px;display:grid;place-items:center;font-size:12px;color:var(--sub)}.ayah p{flex:1;margin:0;font:var(--arabic-size,34px)/2.25 "Geeza Pro","Noto Naskh Arabic","Traditional Arabic",serif;text-align:right;overflow-wrap:anywhere}.reader-next{display:flex;justify-content:space-between;gap:18px;font-weight:800;margin-top:25px}#player-dock{position:fixed;z-index:5;bottom:calc(88px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:626px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:17px;padding:11px 14px;box-shadow:3px 3px var(--ink)}.player-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.player-top>a{font-size:17px;font-weight:800;text-decoration:none}.audio-toggle{width:40px;height:40px;min-height:40px;background:var(--ink);color:#fff}.audio-toggle svg{width:18px;height:18px}.player-bottom{display:flex;align-items:center;gap:9px;margin-top:6px}.player-bottom span{font-size:12px;font-variant-numeric:tabular-nums}.player-bottom input{min-width:0;flex:1;accent-color:var(--ink);height:26px}.player-bottom select{font:800 12px Archivo;border:1px solid var(--ink);border-radius:7px;padding:6px;background:#fff9d6;color:var(--ink)}#audio-error{font-size:13px;line-height:1.4;margin:10px 0 0}body.has-player main{padding-bottom:calc(275px + env(safe-area-inset-bottom))}details label{display:block;margin:16px 0 6px}details select{font:16px Archivo;padding:10px;border:2px solid var(--ink);border-radius:9px;background:#fff;color:var(--ink);width:100%}.danger{display:block;margin-top:18px}.toast{position:fixed;z-index:20;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translate(-50%);max-width:calc(100% - 30px);width:max-content;background:var(--ink);color:#fff;border-radius:12px;padding:14px 20px;box-shadow:0 4px 20px #0002}.empty{padding:20px}.aq-route-snapshot{overflow:hidden;contain:paint;user-select:none}.header{view-transition-name:quran-header}nav{view-transition-name:quran-tabs}#player-dock{view-transition-name:quran-player}::view-transition{pointer-events:none}::view-transition-old(root){animation:quran-out .2s ease both}::view-transition-new(root){animation:quran-in .26s ease both}::view-transition-group(quran-header),::view-transition-group(quran-tabs),::view-transition-group(quran-player){animation:none}::view-transition-old(quran-header),::view-transition-old(quran-tabs),::view-transition-old(quran-player){display:none}::view-transition-new(quran-header),::view-transition-new(quran-tabs),::view-transition-new(quran-player){animation:none}@keyframes quran-out{to{opacity:0;transform:translateY(-10px)}}@keyframes quran-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:420px){.surah-arabic{font-size:21px}.surah-row{gap:6px;padding:9px}.surah-link{gap:8px}.surah-link strong{font-size:16px}.surah-number{width:23px}.surah-link small{font-size:12px}.surah-play{width:39px;min-height:42px;border-width:1px}.ayah{gap:12px}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}input:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:3px}input[type=search]{appearance:none;-webkit-appearance:none}input[type=search]:focus{border-color:var(--ink)}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.reader-tools .button{margin-top:0;padding:11px 16px}.reader-tools{gap:12px}.reader-tools .subtle{font-size:14px}.reader-subtitle{margin:8px 0 18px}main:has(.verse-content){padding-top:20px}main:has(.verse-content) .back{margin-bottom:15px}.verse-content{margin-top:12px}#player-dock{position:static;left:auto;bottom:auto;transform:none;width:100%;max-width:none;margin:18px 0 12px;padding:12px 14px;border-radius:14px;box-shadow:none;background:var(--surf);view-transition-name:none}#reader-player-anchor{min-width:0}.player-close{margin-left:auto;border:0;background:none;font-size:26px;line-height:1;min-width:40px;min-height:40px;color:var(--ink)}.player-top{gap:6px}.player-bottom select{background:#fff}body.has-player main{padding-bottom:calc(125px + env(safe-area-inset-bottom))}.player-bottom{gap:8px}#player-dock .audio-toggle{background:var(--ink)}.ayah-select{flex:1;min-width:0;margin:0;padding:0 5px;border:0;background:transparent;text-align:right;color:var(--ink);border-radius:10px;cursor:pointer}.ayah-select>span{display:block;font:var(--arabic-size,34px)/2.25 "Geeza Pro","Noto Naskh Arabic","Traditional Arabic",serif;overflow-wrap:anywhere}.ayah-select:hover{background:#fff9d6}.ayah-select:focus-visible{outline:2px solid var(--ink);outline-offset:5px}#passage-tools{border-top:1px solid #d6d9e2;margin-top:14px;padding-top:14px}#passage-tools h2{font-size:17px;margin:0}#passage-tools p{margin:10px 0}.passage-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}.passage-points label{font-size:13px;font-weight:800}.passage-points input{display:block;width:100%;background:#fff;border:1px solid var(--ink);border-radius:9px;padding:10px;margin-top:5px;font:16px Archivo;color:var(--ink)}.passage-mark{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.passage-mark button{font-size:13px;font-weight:800;border:1px solid var(--ink);border-radius:9px;background:#fff;padding:8px}#passage-tools>.button{display:flex;width:100%;background:var(--yellow);color:var(--ink);font-size:15px}.clear-timing{display:block;margin:8px auto 0;padding:6px 12px;border:0;background:none;text-decoration:underline;font:14px Archivo;color:var(--sub)}.coach-state{background:var(--yellow);border-radius:10px;padding:10px 12px;font-size:17px;font-weight:800;line-height:1.4}.gap-label{display:block;font-size:13px;font-weight:800;margin:16px 0 6px}#practice-gap{width:100%;background:#fff;color:var(--ink);border:1px solid var(--ink);border-radius:9px;padding:11px;font:15px Archivo}.coach-ratings{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.coach-ratings button{border:1px solid var(--ink);background:#fff;color:var(--ink);border-radius:10px;padding:10px;font:800 13px Archivo}.coach-ratings button:last-child{background:var(--yellow)}#timing-details{padding:14px 0 0;margin-top:18px;border-top:1px solid #d6d9e2}#timing-details summary{min-height:36px;font-size:14px;color:var(--sub);font-weight:400}#timing-details .button{width:100%;background:var(--yellow);color:var(--ink);font-size:14px}#guided-marks button{font-size:14px;min-height:48px}#guided-marks button:last-child{background:var(--yellow)}.smart-next{margin-top:22px;padding-top:18px;border-top:1px solid #0d0d1233}.smart-next small,.smart-next strong{display:block}.smart-next small{font-size:10px;letter-spacing:1.3px;font-weight:800}.smart-next strong{font-size:19px;margin-top:8px}.smart-next .button{margin-top:16px}.hear-full{display:flex;width:100%;background:#fff!important;color:var(--ink)!important;font-size:14px;margin-top:14px}#confirm-timing{border-top:1px solid #d6d9e2;margin-top:16px;padding-top:6px}#confirm-timing .button{width:100%;background:var(--yellow);color:var(--ink);font-size:14px}.audio-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:620px;max-height:88vh;max-height:88dvh;border:2px solid var(--ink);border-bottom:0;border-radius:26px 26px 0 0;padding:0 0 calc(16px + env(safe-area-inset-bottom));background:#fff;color:var(--ink);box-shadow:0 -12px 60px #0002;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;outline:none}.audio-sheet::backdrop{background:#0d0d1261;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sheet-handle{display:grid;place-items:center;width:100%;height:32px;min-height:32px;position:sticky;top:0;z-index:2;background:#fff;border:0;cursor:grab;touch-action:none}.sheet-handle span{display:block;width:38px;height:5px;border-radius:10px;background:#b9bac3}.sheet-handle:active{cursor:grabbing}#audio-sheet #player-dock{margin:0;padding:5px 20px 20px;border:0;border-radius:0;box-shadow:none;background:#fff}#reader-player-anchor{display:none}.audio-sheet .player-top{position:relative;padding:0 0 8px;background:#fff}.audio-sheet .player-top>a{font-size:19px}.audio-sheet .player-bottom{margin:0 0 16px}.audio-sheet #passage-tools{margin-top:0}.audio-sheet .coach-state{font-size:17px}.audio-sheet .player-close{border-radius:12px;background:var(--surf);margin-right:5px}.audio-sheet button,.audio-sheet select,.audio-sheet input{touch-action:manipulation}.audio-sheet .sheet-handle{touch-action:none}@media(min-width:760px){.audio-sheet{max-height:85vh;max-height:85dvh;width:min(620px,calc(100% - 40px))}}@media(prefers-reduced-motion:reduce){.audio-sheet::backdrop{backdrop-filter:none}}@font-face{font-family:Archivo;src:url(../public/fonts/archivo-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}#audio-sheet{border:1px solid var(--line,#e1e2e9);border-bottom:0;max-width:520px;box-shadow:0 -8px 40px #0d0d1214}#audio-sheet #player-dock{padding:4px 24px 24px}#audio-sheet .arabic-player-heading{display:block;text-align:center;padding:10px 36px 0;min-height:145px}#audio-sheet .player-close{position:absolute;top:0;right:-8px;background:transparent;width:40px;min-height:40px;font-size:24px;margin:0;color:var(--sub)}#audio-sheet .player-reciter{font:400 12px/1.5 Archivo;margin:0 0 11px;color:var(--sub)}#player-arabic{font:400 36px/1.7 Geeza Pro,Noto Naskh Arabic,Traditional Arabic,serif;margin:0 0 7px}#audio-sheet #player-title{font:600 17px/1.4 Archivo;text-decoration:none;display:inline-block}#audio-sheet #player-context{font:400 13px/1.5 Archivo;color:var(--sub);margin:5px 0 0}.arabic-player-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin:21px 0 17px}#audio-sheet .quiet-audio-action{width:44px;height:44px;padding:12px;border:0;background:transparent;color:var(--sub);border-radius:50%}#audio-sheet #player-toggle{display:grid;place-items:center;width:56px;height:56px;min-height:56px;border:0;border-radius:50%;background:var(--yellow);color:var(--ink);padding:16px}#audio-sheet #player-toggle svg{width:24px;height:24px}#audio-sheet .quiet-audio-action svg{width:20px;height:20px}#audio-sheet .arabic-player-timeline{display:block;margin:0 0 16px}#audio-sheet #seek{display:block;width:100%;height:28px;margin:0;appearance:none;-webkit-appearance:none;background:transparent}#audio-sheet #seek::-webkit-slider-runnable-track{height:3px;border-radius:5px;background:linear-gradient(to right,var(--ink) var(--seek-fill,0%),#e7e8ed var(--seek-fill,0%))}#audio-sheet #seek::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border:0;border-radius:50%;background:var(--ink);margin-top:-4px}#audio-sheet #seek::-moz-range-track{height:3px;border:0;background:#e7e8ed}#audio-sheet #seek::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--ink)}.player-time-labels{display:flex;justify-content:space-between;color:var(--sub);font-size:12px;font-variant-numeric:tabular-nums}#audio-sheet .quiet-player-options{padding:0;margin:0;border-top:1px solid #ececf0}#audio-sheet .quiet-player-options>summary{font:400 14px/1.5 Archivo;color:var(--sub);min-height:48px;padding:14px 0}#audio-sheet .player-option-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px}#audio-sheet .player-option-row label{font:400 14px/1.5 Archivo;margin:0;color:var(--sub)}#audio-sheet .player-option-row select{width:auto;max-width:58%;min-height:44px;border:1px solid #e1e2e9;border-radius:10px;background:var(--surf);font:400 14px Archivo;padding:10px;color:var(--ink);margin:0}#audio-sheet #passage-tools{border:0;margin:0;padding:4px 0 0}#audio-sheet #passage-title{display:none}#audio-sheet .coach-state{font:600 14px/1.5 Archivo;background:transparent;padding:0;margin:5px 0 8px;border-radius:0}#audio-sheet #coach-help{font:400 14px/1.65 Archivo;margin:0 0 14px;color:var(--sub)}#audio-sheet .hear-full{font:400 14px Archivo!important;border:0;border-radius:10px!important;background:var(--surf)!important;min-height:44px;margin:0 0 10px;padding:10px 14px}#audio-sheet #guided-marks{gap:10px;margin-bottom:18px}#audio-sheet #guided-marks button{font:600 13px Archivo;border:1px solid #e1e2e9;min-height:44px;padding:10px;border-radius:10px;background:#fff}#audio-sheet #guided-marks button:last-child{background:var(--surf)}#audio-sheet #timing-details{padding:10px 0 0;margin-top:12px}#audio-sheet #timing-details summary{font:400 13px/1.5 Archivo;padding:10px 0;min-height:44px}#audio-sheet #confirm-timing .button,#audio-sheet #timing-details .button{border:0;box-shadow:none;border-radius:11px;min-height:44px;font:600 14px Archivo}#audio-sheet #confirm-timing p,#audio-sheet #coach-review p{font-size:14px;color:var(--sub)}#audio-sheet .coach-ratings button{font-weight:600;border-color:#e1e2e9}#audio-sheet #audio-error{font:400 13px/1.6 Archivo;color:#a82020}@media(max-width:359px){#audio-sheet #player-dock{padding-left:19px;padding-right:19px}.arabic-player-actions{gap:18px}}#audio-sheet .player-option-row select{font-size:16px}#audio-sheet .compact-repeat{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0 0;border-top:1px solid #ececf0}#audio-sheet .repeat-label{font:400 13px/1.5 Archivo;color:var(--sub)}#audio-sheet .repeat-choices{display:flex;align-items:center;gap:3px}#audio-sheet .repeat-choices button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:8px;border:0;border-radius:10px;background:transparent;color:var(--sub);font:400 14px Archivo}#audio-sheet .repeat-choices button[aria-pressed=true]{background:var(--surf);color:var(--ink);font-weight:600}#audio-sheet #audio-error:empty{display:none}main>h1{font:600 25px/1.25 Archivo,system-ui,sans-serif;letter-spacing:-.55px;margin-bottom:10px}.intro{font-size:15px;line-height:1.6;margin:0 0 24px}.reader-heading{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px;margin:0 0 8px}.reader-heading h1{font:600 21px/1.3 Archivo,system-ui,sans-serif;letter-spacing:-.3px;text-align:center;margin:0}.reader-back{display:grid;place-items:center;width:44px;height:44px;text-decoration:none;border-radius:12px}.reader-back svg{width:24px;height:24px}.reader-subtitle{justify-content:center;font-size:13px;color:var(--sub);margin:4px 0 16px}.reader-subtitle [lang=ar]{font-size:24px}.reader-tap-hint{font:400 13px/1.6 Archivo;color:var(--sub);text-align:center;margin:0 0 14px}.verse-content{margin-top:0}.continue-reading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #e5e6ec;border-radius:16px;text-decoration:none;background:var(--surf);margin-bottom:28px}.continue-reading small{display:block;font-size:13px;color:var(--sub);margin-bottom:4px}.continue-reading strong{font-size:18px;font-weight:600}.continue-reading>[lang=ar]{font:400 27px/1.6 Geeza Pro,Traditional Arabic,serif}.section-title{font:600 18px/1.4 Archivo;margin:24px 0 12px}.list{border:1px solid #e5e6ec;border-radius:16px;margin-top:12px}.list .row+.row,details+details{border-top:1px solid #ececf0}.row{padding:15px 16px;min-height:86px;gap:14px}.row strong{font-size:17px;font-weight:600}.row small{font-size:14px}.row .tile{width:44px;height:44px;background:var(--surf);border:0;border-radius:12px}.surah-row{padding:8px 12px}.surah-play{background:transparent;border:0;color:var(--ink);border-radius:50%;width:44px;height:44px}.surah-link strong{font-weight:600}.surah-row.selected{background:#fffaf0}.metric{border:1px solid #e5e6ec;border-radius:14px;padding:18px}.metric strong{font:600 30px/1.3 Archivo}.metric>span{font-size:14px}.empty-progress{font-size:15px;margin:24px 0}.list>details{padding:16px 18px}.list summary{font-size:16px;font-weight:600;min-height:42px}.list .button{font-size:14px;min-height:44px;font-weight:600;box-shadow:none;border-width:1px;padding:10px 16px}.list .danger{font-size:14px;font-weight:500;border-width:1px;min-height:44px}.list details label{font-size:14px;font-weight:400}.list details select{border-width:1px;border-color:#e1e2e9}.header{border-bottom:1px solid #ececf0}main{padding-top:24px}main:has(.verse-content){padding-top:12px}nav a{font-weight:600}main.library-main{padding-top:0}.quran-library{margin:0 -22px}.library-controls{position:sticky;top:var(--app-header-height,90px);z-index:2;padding:14px 22px 16px;background:#fffffff5;backdrop-filter:blur(16px);border-bottom:1px solid #e5e6ec}.library-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3px;padding:3px;border:1px solid #e1e2e9;border-radius:10px;margin-bottom:13px;background:#fff}.library-tabs button{border:0;min-height:38px;padding:7px 5px;border-radius:7px;background:transparent;font:600 14px Archivo;color:var(--sub)}.library-tabs button[aria-selected=true]{background:var(--yellow);color:var(--ink)}.library-search{display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #e1e2e9;border-radius:11px;background:var(--surf)}.library-search>svg{width:20px;height:20px;color:var(--sub);flex:none}.library-search input[type=search]{font:400 16px Archivo;width:100%;min-width:0;min-height:44px;padding:8px 0;border:0;border-radius:0;background:transparent;color:var(--ink)}.quran-index-row{display:block;text-decoration:none;background:#fff;border-bottom:1px solid #e9eaf0}.index-main{display:grid;grid-template-columns:44px minmax(0,1fr) 62px;align-items:center;gap:10px;min-height:72px;padding:10px 22px}.index-number{display:grid;place-items:center;width:36px;height:36px;background:#fff3b5;color:var(--ink);font:500 13px Archivo;clip-path:polygon(30% 0,50% 8%,70% 0,80% 20%,100% 30%,92% 50%,100% 70%,80% 80%,70% 100%,50% 92%,30% 100%,20% 80%,0 70%,8% 50%,0 30%,20% 20%)}.index-title{text-align:center;min-width:0}.index-title strong{display:block;font:600 16px/1.4 Archivo;overflow-wrap:anywhere}.index-title small{display:block;font:400 19px/1.5 Geeza Pro,Traditional Arabic,serif;color:var(--sub)}.index-page{text-align:right;font:400 12px/1.5 Archivo;color:var(--sub)}.index-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surf);padding:4px 22px;font:400 12px/1.5 Archivo;color:var(--sub)}.library-empty{padding:32px 22px;color:var(--sub);font-size:15px;line-height:1.7}.reader-bookmark{display:grid;place-items:center;width:44px;height:44px;background:transparent;border:0;border-radius:12px;color:var(--ink)}.reader-bookmark svg{width:22px;height:22px}.reader-bookmark.is-saved{background:#fff6ca}.reader-bookmark.is-saved svg{fill:var(--yellow)}.header{justify-content:flex-start;gap:12px}.menu-toggle{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;background:transparent;flex:none;border-radius:12px}.menu-toggle svg{width:23px;height:23px}.app-menu{position:fixed;inset:0 auto 0 0;margin:0;width:min(320px,86vw);height:100vh;height:100dvh;max-height:none;border:0;border-right:1px solid #e5e6ec;border-radius:0;padding:calc(20px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom));background:#fff;color:var(--ink);box-shadow:12px 0 50px #0002;overflow-y:auto;overscroll-behavior:contain}.app-menu::backdrop{background:#0d0d1259;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.menu-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 4px 20px}.menu-heading strong{font:600 19px Archivo}.menu-close{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:var(--surf);font:400 26px Archivo;color:var(--ink)}#app-menu nav{position:static;inset:auto;transform:none;display:grid;grid-template-columns:1fr;gap:7px;width:100%;max-width:none;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:0}#app-menu nav a{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:15px;min-height:52px;padding:12px 16px;border-radius:12px;font:500 16px/1.5 Archivo;text-decoration:none}#app-menu nav a[aria-current]{background:var(--yellow)}#app-menu nav svg{width:22px;height:22px}main,body.has-player main{padding-bottom:calc(36px + env(safe-area-inset-bottom))}@media(max-width:359px){.library-controls{padding-left:18px;padding-right:18px}.index-main{padding-left:18px;padding-right:18px;grid-template-columns:38px minmax(0,1fr) 54px;gap:7px}.index-meta{padding-left:18px;padding-right:18px}.library-tabs button{font-size:13px}}#player-dock.reading-player{position:fixed;z-index:8;inset:auto 0 0;margin:0 auto;transform:none;width:100%;max-width:680px;padding:10px 18px calc(10px + env(safe-area-inset-bottom));border:0;border-top:1px solid #e4e4e8;border-radius:0;background:#fff;box-shadow:0 -3px 18px #00000008;view-transition-name:quran-player}.reading-player-row{display:flex;align-items:center;gap:10px}.reading-player-label{flex:1;min-width:0}.reading-player-label a{font:600 16px/1.4 Archivo;text-decoration:none}.reading-player-label p{font:400 12px/1.5 Archivo;color:var(--sub);margin:2px 0 0}.reading-player .audio-toggle{border:0;border-radius:50%;background:var(--yellow);color:var(--ink);width:42px;height:42px;min-height:42px}.reading-player .player-close{font-size:24px;margin:0;color:var(--sub);min-width:36px;padding:0}.reading-player-seek{display:flex;align-items:center;gap:10px;margin-top:2px}.reading-player-seek span{font:400 11px/1.5 Archivo;color:var(--sub);font-variant-numeric:tabular-nums}.reading-player-seek input{flex:1;min-width:0;height:28px;accent-color:var(--ink)}body.has-player main{padding-bottom:calc(130px + env(safe-area-inset-bottom))}#player-dock.reading-player #player-toggle{background:var(--yellow);color:var(--ink)}#player-dock.reading-player #player-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none}.reading-repeat{min-width:36px;min-height:42px;padding:0;border:0;background:transparent;font:500 13px Archivo;color:var(--sub)}.header{isolation:isolate;z-index:10}.header>.brand{margin-right:auto}.header>.menu-toggle{margin-left:auto;padding:6px;border-radius:0}.header .hamburger-icon{display:block;width:32px;height:32px;overflow:visible;transition:transform .6s cubic-bezier(.4,0,.2,1)}.header .hamburger-line{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.header .hamburger-line-top-bottom{stroke-dasharray:12 63}.header .hamburger[aria-expanded=true] .hamburger-icon{transform:rotate(-45deg)}.header .hamburger[aria-expanded=true] .hamburger-line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}.header #app-menu{position:absolute;inset:100% 0 auto;transform:none;margin:0;width:100%;max-width:none;height:auto;max-height:calc(100dvh - var(--app-header-height,90px));display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px max(22px,calc((100vw - 840px)/2)) max(18px,env(safe-area-inset-bottom));border:0;border-bottom:1px solid #0d0d1210;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:auto;overscroll-behavior:contain;visibility:hidden;pointer-events:none;transition:visibility 0s linear .95s;view-transition-name:none}.header #app-menu:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:#f8faf8a6;backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1)}.header #app-menu a{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;min-height:54px;margin:0;padding:12px 0;border:0;border-bottom:1px solid #0d0d1214;border-radius:0;background:transparent;color:var(--ink);font:500 16px/1.5 Archivo;text-decoration:none;opacity:0;transform:translate(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.header #app-menu a:last-child{border-bottom:0}.header #app-menu svg{width:21px;height:21px}.header #app-menu a[aria-current] svg{background:var(--yellow);box-shadow:0 0 0 7px var(--yellow);border-radius:3px}.header #app-menu a[aria-current] span{font-weight:800}.header #app-menu.open{visibility:visible;pointer-events:auto;transition-delay:0s}.header #app-menu.open:before{opacity:1}.header #app-menu.open a{opacity:1;transform:translate(0);transition-duration:.7s;transition-delay:.1s}.header #app-menu.open a:nth-child(2){transition-delay:.15s}.header #app-menu.open a:nth-child(3){transition-delay:.2s}.header #app-menu.open a:nth-child(4){transition-delay:.25s}.header #app-menu.open a:nth-child(5){transition-delay:.3s}@media(prefers-reduced-motion:reduce){.header .hamburger-icon,.header .hamburger-line,.header #app-menu,.header #app-menu:before,.header #app-menu a{transition:none!important}}.header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.header:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:#ffffffed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.header{view-transition-name:none;isolation:auto}.header #app-menu{isolation:isolate}.header #app-menu:before{z-index:-1}.reading-mushaf{background:#fff}.reading-mushaf .header{border-bottom-color:#0d0d1209}.mushaf-main,body.has-player .mushaf-main{max-width:none;padding:0;min-height:0;margin:0}.mushaf-reader{--paper:#fff;--reader-height:calc(100dvh - var(--app-header-height,88px));height:var(--reader-height);min-height:400px;display:flex;flex-direction:column;background:var(--paper);position:relative;overflow:hidden}.mushaf-top{height:53px;min-height:53px;display:flex;align-items:center;gap:10px;padding:3px max(14px,calc((100vw - 580px)/2));background:#ffffffc9}.mushaf-top>div{flex:1;min-width:0}.mushaf-top strong{display:block;font:500 14px/1.4 Archivo;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mushaf-top small{display:block;font:400 11px/1.5 Archivo;color:var(--sub)}.mushaf-top a,.mushaf-top button,.mushaf-bottom button{display:grid;place-items:center;min-width:38px;min-height:44px;padding:7px;border:0;background:transparent;color:var(--ink);text-decoration:none}.mushaf-back{font:300 30px Archivo}.mushaf-top svg,.mushaf-bottom svg{width:19px;height:19px}.mushaf-stage{flex:1;min-height:0;width:min(100%,580px);margin:auto;position:relative;overflow:hidden;touch-action:none;outline-offset:-4px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.mushaf-book{margin:auto;position:relative;touch-action:none;isolation:isolate}.mushaf-sheet{background:var(--paper);overflow:hidden;contain:layout paint}.mushaf-paper{height:100%;width:100%;padding:clamp(8px,2.5vw,18px) clamp(9px,3vw,22px) 10px;display:flex;flex-direction:column;justify-content:center;gap:10px;box-shadow:inset 1px 0 #0000000a}.mushaf-image-space{position:relative;flex:0 1 auto;min-height:0;aspect-ratio:1024/1656;max-height:calc(100% - 28px);width:100%;margin:auto}.mushaf-sheet-image{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;opacity:0;user-select:none;-webkit-user-drag:none;pointer-events:none}.image-ready .mushaf-sheet-image{opacity:1}.mushaf-printed-number{font:400 16px/1.5 Geeza Pro,serif;text-align:center;color:#272720;margin:0 auto auto}.mushaf-image-status{position:absolute;inset:0;display:grid;place-items:center;font:400 14px Archivo;color:var(--sub)}.image-ready .mushaf-image-status{display:none}.mushaf-image-retry{display:none;background:transparent;border:0;padding:16px;font:400 14px/1.6 Archivo;color:var(--sub);text-decoration:underline}.image-error .mushaf-image-retry{display:block}.image-error .mushaf-loading{display:none}.mushaf-bottom{display:flex;align-items:center;justify-content:center;gap:12px;height:43px;min-height:43px;padding:0 16px}.mushaf-bottom button{font:300 25px Archivo}.mushaf-page-jump{display:flex;align-items:center;gap:5px;font:400 12px Archivo;color:var(--sub)}.mushaf-page-jump input{width:46px;min-height:36px;border:0;border-bottom:1px solid #0d0d121c;background:transparent;color:var(--ink);font:400 16px Archivo;text-align:center;appearance:textfield;-moz-appearance:textfield}.mushaf-page-jump input::-webkit-inner-spin-button{appearance:none}.mushaf-save[aria-pressed=true] svg{fill:var(--yellow)}.mushaf-hint{font:400 10px/1.5 Archivo;color:#66665d;margin:0;text-align:center;padding:1px 10px calc(7px + env(safe-area-inset-bottom));min-height:23px}.mushaf-restore{display:none;position:absolute;z-index:5;right:10px;top:7px;min-width:44px;min-height:36px;font:600 20px Archivo;border:0;background:#ffffffd9;border-radius:20px;color:#57574f}.mushaf-focused .header{display:none}.mushaf-reader.is-focused{height:100dvh;--reader-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.mushaf-reader.is-focused .mushaf-top,.mushaf-reader.is-focused .mushaf-bottom,.mushaf-reader.is-focused .mushaf-hint{display:none}.mushaf-reader.is-focused .mushaf-restore{display:block}.reading-mushaf.has-player .mushaf-reader{height:calc(var(--reader-height) - 100px - env(safe-area-inset-bottom))}.reading-mushaf #player-dock.reading-player{max-width:none}.mushaf-reader .stf__parent{touch-action:none;transform:translateZ(0)}.mushaf-reader .stf__wrapper{position:relative;width:100%;height:100%}.mushaf-reader .stf__block{position:absolute;width:100%;height:100%;box-sizing:border-box;perspective:2000px}.mushaf-reader .stf__item{display:none;position:absolute;transform-style:preserve-3d}.mushaf-reader .stf__outerShadow,.mushaf-reader .stf__innerShadow,.mushaf-reader .stf__hardShadow,.mushaf-reader .stf__hardInnerShadow{position:absolute;left:0;top:0;pointer-events:none}@media(max-height:520px){.mushaf-reader{min-height:300px}.mushaf-stage{max-width:360px}.mushaf-hint{display:none}}.mushaf-network{position:absolute;z-index:6;top:45%;left:50%;transform:translate(-50%);width:min(300px,85%);padding:18px;background:var(--paper);text-align:center;font:400 14px/1.6 Archivo;color:var(--sub)}.mushaf-network button{display:block;margin:8px auto 0;background:transparent;border:0;text-decoration:underline;color:var(--ink);font:500 14px Archivo}.mushaf-ayah-layer{position:absolute;pointer-events:none}.mushaf-ayah-layer span{position:absolute;background:#ffdf3261;border-radius:3px;box-shadow:0 0 0 1px #ffdf321f;mix-blend-mode:multiply}.ayah-hold-ring{position:absolute;z-index:7;pointer-events:none;width:32px;height:32px}.ayah-hold-ring svg{display:block;width:32px;height:32px;overflow:visible;transform:rotate(-90deg);fill:#ffffff80}.ayah-hold-ring circle{fill:none;stroke:#c69b00;stroke-width:2;stroke-dasharray:88;stroke-dashoffset:88}.mushaf-accessible{height:0}.mushaf-accessible-ayah:focus-visible{position:fixed;z-index:30;top:16px;left:16px;right:16px;width:auto;height:auto;clip:auto;white-space:normal;overflow:visible;padding:16px;background:#fff;border:2px solid #c69b00;border-radius:12px;font:24px/1.8 Geeza Pro,serif}.mushaf-stage[data-turning=true]{cursor:grabbing}body.reading-mushaf{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden}.mushaf-accessible-ayah{inset:0 auto auto 0;margin:0}body.reading-mushaf .mushaf-reader,body.reading-mushaf.has-player .mushaf-reader{height:100dvh;min-height:0;--reader-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}body.reading-mushaf .mushaf-stage{height:100%;flex:1 1 100%;width:min(100%,580px)}body.reading-mushaf .header{display:flex;position:fixed;inset:0 0 auto;width:100%;z-index:35;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .24s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s linear .3s}body.reading-mushaf.reader-header-open .header{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}body.reading-mushaf #player-dock.reading-player{position:fixed;inset:auto 0 0;width:100%;max-width:none;margin:0;z-index:34;background:#fffffff0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity .24s ease,transform .3s cubic-bezier(.22,1,.36,1),visibility 0s linear .3s}body.reading-mushaf.reader-header-open.has-player #player-dock.reading-player{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}.mushaf-menu-access:focus-visible{position:absolute;z-index:40;inset:12px 12px auto auto;clip:auto;width:auto;height:auto;padding:12px 16px;overflow:visible;background:#fff;border:2px solid var(--ink);border-radius:12px;white-space:normal}@media(prefers-reduced-motion:reduce){body.reading-mushaf .header,body.reading-mushaf #player-dock.reading-player{transition:none}}body.reading-mushaf .mushaf-paper{padding:8px 0;gap:6px}.collection-main>h1{font:600 26px/1.3 Archivo;letter-spacing:-.4px;margin-bottom:22px}.collection-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 22px 18px}.collection-header h1{font:600 26px/1.25 Archivo;letter-spacing:-.4px;margin:0}.collection-header p{font:400 14px/1.6 Archivo;color:var(--sub);margin:6px 0 0}.collection-header p[lang=ar]{font:400 22px/1.6 Geeza Pro,Traditional Arabic,serif}.collection-total{font:400 12px/1.5 Archivo;color:var(--sub);white-space:nowrap;padding-top:7px}.collection-section-title{font:500 16px/1.4 Archivo;margin:30px 0 8px;color:var(--sub)}.home-reading,.collection-links{border-top:1px solid var(--surf)}.reading-resume,.collection-links>a{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px;padding:16px 0;border-bottom:1px solid var(--surf);text-decoration:none}.reading-resume small{display:block;font:400 13px/1.5 Archivo;color:var(--sub);margin-bottom:4px}.reading-resume strong,.collection-links strong{display:block;font:500 20px/1.5 Archivo}.reading-resume strong[lang=ar]{font:400 23px/1.7 Geeza Pro,serif}.resume-position,.collection-links>a>span{font:400 13px/1.6 Archivo;color:var(--sub);text-align:right}.collection-links>a{min-height:76px}.collection-links>a>span{max-width:145px}.quran-entry{display:block;text-decoration:none;color:inherit}.quran-save-row{position:relative}.quran-save-row .index-main{padding-right:64px}.quran-save{position:absolute;right:8px;top:18px}.hadith-library{margin:0 -22px}.hadith-controls{padding:0 22px 16px;position:sticky;top:var(--app-header-height,90px);z-index:2;background:#fffffff5;backdrop-filter:blur(16px)}.hadith-tabs{grid-template-columns:1fr 1fr}.hadith-index-row{display:flex;align-items:center;gap:8px;padding:14px 16px 14px 22px;min-height:90px;border-bottom:1px solid var(--surf)}.hadith-index-row>a{display:flex;align-items:center;gap:16px;flex:1;min-width:0;text-decoration:none}.collection-number{font:400 13px Archivo;color:var(--sub);width:24px;flex:none;font-variant-numeric:tabular-nums}.hadith-row-copy{min-width:0;flex:1}.hadith-row-copy strong{display:block;font:400 23px/1.65 Geeza Pro,Traditional Arabic,serif;overflow-wrap:anywhere;text-align:right}.hadith-row-copy small{display:block;font:400 14px/1.7 Geeza Pro,serif;color:var(--sub);text-align:right;margin-top:2px}.hadith-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.collection-back{display:flex;align-items:center;gap:8px;font:400 16px/1.5 Archivo;text-decoration:none}.collection-back:first-letter{font-size:24px}.hadith-position{font:400 13px/1.5 Archivo;color:var(--sub);margin:0 0 12px}.hadith-position span{margin-left:5px}.hadith-reading-title{font:500 29px/1.8 Geeza Pro,Traditional Arabic,serif;letter-spacing:0;margin:0 0 26px;text-align:right}.hadith-matn{font:400 26px/2 Geeza Pro,Traditional Arabic,serif;text-align:right;overflow-wrap:anywhere}.hadith-matn p{margin:0 0 24px}.hadith-paging{position:static;display:flex;align-items:center;justify-content:space-between;gap:20px;transform:none;width:100%;max-width:none;background:transparent;border:0;border-top:1px solid var(--surf);border-radius:0;padding:22px 0 0;margin-top:34px;backdrop-filter:none}.hadith-paging>a{display:block;min-height:44px;padding:10px 0;font:500 15px Archivo}.hadith-paging>a:last-child{margin-left:auto}.saved-collection{margin:24px 0}.saved-collection h2{display:flex;justify-content:space-between;gap:12px;align-items:center;font:500 19px Archivo;margin:0 0 12px}.saved-collection h2 small{font:400 12px Archivo;color:var(--sub)}.saved-collection .hadith-index-row{padding-left:0;padding-right:0}.saved-empty{font:400 16px/1.8 Archivo;color:var(--sub);padding:12px 0}.saved-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:24px}.saved-links a,.text-action{font:500 15px Archivo;color:var(--ink)}.text-action{border:0;background:transparent;padding:12px 0;text-decoration:underline}@media(max-width:359px){.collection-header{padding-left:18px;padding-right:18px}.hadith-index-row{padding-left:18px;gap:2px}.hadith-row-copy strong{font-size:21px}.collection-total{font-size:11px}.hadith-matn{font-size:24px}}.hadith-row-copy small[lang=en]{font:400 14px/1.5 Archivo;text-align:right;margin-top:5px}.hadith-language{display:flex;gap:4px;padding:4px;background:var(--surf);border-radius:12px;margin:0 0 24px;max-width:360px}.hadith-language button{flex:1;min-height:44px;border:0;border-radius:9px;background:transparent;color:var(--sub);font:500 14px Archivo;padding:8px 12px}.hadith-language button[aria-pressed=true]{background:var(--yellow,#ffdf32);color:var(--ink)}.hadith-language button[lang=ar]{font-family:Geeza Pro,serif;font-size:18px}.hadith-reading-title>span{display:block}.hadith-reading-title>span[hidden],.hadith-reader [hidden]{display:none}.hadith-english-title{font:500 23px/1.5 Archivo;letter-spacing:-.3px;text-align:left;margin-top:10px}.hadith-english{border-top:1px solid var(--surf);padding-top:24px;margin-top:32px;font:400 18px/1.85 Archivo;overflow-wrap:anywhere}.hadith-english h2{font:500 14px/1.5 Archivo;color:var(--sub);margin:0 0 18px}.hadith-english p{margin:0 0 22px}.hadith-reader[data-language=en] .hadith-english{border-top:0;padding-top:0;margin-top:0}.hadith-reader[data-language=en] .hadith-english h2{display:none}[data-hadith-hold]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y}.hadith-listen-hint{font:400 14px/1.65 Archivo;color:var(--sub);margin:-8px 0 24px}.hadith-listen-actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px}.hadith-listen-actions .text-action{min-height:44px}.hadith-player{position:fixed;z-index:45;inset:auto 0 0;max-width:840px;margin:auto;padding:12px 22px calc(12px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e1e2e9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 -6px 30px #0d0d1208}.hadith-player[hidden]{display:none}.hadith-audio-row{display:flex;align-items:center;gap:10px}.hadith-audio-row>div{flex:1;min-width:0}.hadith-audio-row strong{display:block;font:500 16px/1.5 Archivo}.hadith-audio-row small{display:block;font:400 13px/1.6 Archivo;color:var(--sub)}.hadith-audio-toggle,.hadith-audio-close{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:12px;background:var(--surf);color:var(--ink)}.hadith-audio-toggle{background:var(--yellow)}.hadith-audio-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2}.hadith-audio-close{font:400 27px Archivo;background:transparent}.hadith-audio-seek{display:flex;align-items:center;gap:12px;margin-top:8px;font:400 12px Archivo;color:var(--sub);font-variant-numeric:tabular-nums}.hadith-audio-seek input{width:100%;height:22px;accent-color:var(--ink);margin:0}.hadith-audio-error{font:400 14px/1.6 Archivo;color:var(--sub);margin:8px 0 0}[data-hadith-word]{border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}[data-hadith-word].is-spoken{background:#ffe052;color:#0d0d13;box-shadow:0 0 0 2px #ffe052}#app-menu .menu-listen{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;border:0;background:transparent;color:var(--ink);text-align:left;font:600 17px Archivo;border-radius:12px}#app-menu .menu-listen svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}#app-menu .menu-listen:active{background:var(--yellow)}.mushaf-number-layer{position:absolute;pointer-events:none;z-index:3}.ayah-repeat-marker{position:absolute;border-radius:50%;mix-blend-mode:multiply;transition:background-color .18s ease,box-shadow .18s ease}.ayah-repeat-marker.repeat-start{background:#24cc7e73;box-shadow:inset 0 0 0 1.2px #16844f}.ayah-repeat-marker.repeat-end{background:#f4526066;box-shadow:inset 0 0 0 1.2px #b62c40}@media(prefers-reduced-motion:reduce){.ayah-repeat-marker{transition:none}}.usage-guide dl{margin:12px 0 0}.usage-guide dt{font-weight:700;margin:20px 0 6px}.usage-guide dd{margin:0;color:var(--muted,#53566b);font-size:1rem;line-height:1.65}.usage-guide dt:first-child{margin-top:6px}.startup-loader{position:fixed;inset:0;z-index:100;background:#fff;display:grid;place-items:center;padding:env(safe-area-inset-top) 24px env(safe-area-inset-bottom);opacity:1;transition:opacity .24s ease;overscroll-behavior:none}.startup-loader.is-leaving{opacity:0;pointer-events:none}body.is-starting{overflow:hidden}.startup-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;transform:translateY(-12px)}.startup-content h1{font:clamp(38px,11vw,48px)/1.1 ArchivoBlack,Arial,sans-serif;letter-spacing:-1.6px;margin:12px 0 0}.startup-content p{font:400 16px/1.6 Archivo,Arial,sans-serif;color:var(--sub);margin:0}.startup-dots{display:flex;gap:9px;align-items:center;margin-top:9px;height:12px}.startup-dots i{width:6px;height:6px;border-radius:50%;background:var(--ink);animation:hanuun-start-dot 1.8s ease-in-out infinite}.startup-dots i:nth-child(2){background:var(--yellow);animation-delay:.2s}.startup-dots i:nth-child(3){background:#a0a0a6;animation-delay:.4s}@keyframes hanuun-cover-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes hanuun-start-dot{0%,80%,to{opacity:.35}40%{opacity:1}}@media(max-height:520px){.startup-loader .scene{transform:scale(.78);margin:-20px 0}.startup-content{gap:10px;transform:none}.startup-content h1{font-size:32px;margin-top:0}}@media(prefers-reduced-motion:reduce){.startup-loader{transition:none}.startup-dots i{animation:none}}.hanuun-home{padding-bottom:4px}.home-welcome{padding:4px 0 22px}.home-welcome .home-bismillah{font:25px/1.8 Geeza Pro,Traditional Arabic,serif;color:#826b2e;text-align:center;margin:0 0 18px}.home-welcome h1{font:800 27px/1.25 Archivo,Arial,sans-serif;letter-spacing:-.65px;margin:0 0 9px}.home-welcome>p:last-child{font:400 15px/1.6 Archivo;color:var(--sub);margin:0}.home-quran-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:195px;padding:24px 16px 24px 22px;border:1px solid #e6dec7;border-radius:22px;background:linear-gradient(125deg,#fff9e7,#fffdf6 65%,#f5ecd2);text-decoration:none;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.home-quran-copy{position:relative;z-index:1;min-width:0;flex:1}.home-eyebrow{font:800 10px/1.5 Archivo;letter-spacing:1.1px;color:#76663e}.home-quran-copy h2{font:800 23px/1.3 Archivo;letter-spacing:-.3px;margin:9px 0 5px;overflow-wrap:anywhere}.home-location{font:400 13px/1.5 Archivo;color:#635e50;display:block}.home-read-action{display:flex;align-items:center;gap:9px;font:800 13px/1.5 Archivo;margin-top:21px}.home-read-action svg{width:17px;height:17px}.home-cover{position:relative;width:103px;height:142px;flex:none}.home-cover img{position:absolute;width:160px;height:164px;max-width:none;left:-28px;top:-10px;object-fit:contain;clip-path:polygon(20% 6%,78% 5.5%,82% 5.8%,83% 6.5%,79.8% 92%,78% 94%,76% 94.4%,17% 89.4%);transform:rotate(6deg)}.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:29px 0 13px}.home-section-heading h2{font:800 16px/1.5 Archivo;letter-spacing:-.2px;margin:0}.home-section-heading>a{font:400 13px/1.5 Archivo;color:var(--sub);text-decoration:none}.home-collections{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-library-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:18px 15px;border:1px solid #e9e9ed;border-radius:18px;background:#fff;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}.home-library-icon{display:grid;place-items:center;width:38px;height:38px;background:#fff1bb;border-radius:11px;margin-bottom:16px}.home-library-icon svg{width:21px;height:21px}.home-hadith-card .home-library-icon{background:#f0efe9;color:#615a46}.home-library-card strong{font:800 17px/1.4 Archivo}.home-library-card>span:not(.home-library-icon){font:400 12px/1.6 Archivo;color:var(--sub);margin-top:3px}.home-library-card small{font:400 12px/1.5 Archivo;margin-top:17px;display:flex;gap:5px;align-items:center}.home-library-card small svg{width:14px;height:14px}.home-hadith-resume{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;margin-top:17px;border-bottom:1px solid #eeeef0;text-decoration:none}.home-hadith-resume>div{min-width:0}.home-hadith-resume strong{display:block;font:800 15px/1.5 Archivo;margin-top:7px}.home-hadith-resume [lang=ar]{display:block;font:21px/1.7 Geeza Pro,serif;text-align:left;color:var(--sub);margin-top:4px}.home-hadith-resume>svg{width:19px;height:19px;flex:none;color:#777}.home-footer-note{text-align:center;font:400 12px/1.6 Archivo;color:#71717a;margin:23px 0 0}@media(hover:hover){.home-quran-card:hover,.home-library-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #10101408}.home-section-heading>a:hover{text-decoration:underline}}.home-quran-card:active,.home-library-card:active{transform:scale(.985)}.startup-content h1{color:var(--ink)}.startup-content h1 span{display:inline-block;background:linear-gradient(105deg,#101014 25% 40%,#9b7721 48%,#101014 56% 75%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:hanuun-letter-reveal .65s cubic-bezier(.2,.7,.2,1) both,hanuun-word-shine 3s ease-in-out infinite;animation-delay:calc(var(--letter)*65ms),0s}@keyframes hanuun-word-shine{0%,15%{background-position:100% 0}85%,to{background-position:0 0}}@keyframes hanuun-letter-reveal{0%{opacity:0;transform:translateY(7px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(max-width:360px){.home-quran-card{padding:20px 12px 20px 17px}.home-cover{width:90px}.home-cover img{width:140px;height:144px;left:-24px;top:0}.home-quran-copy h2{font-size:21px}.home-library-card{padding:16px 12px}.home-welcome h1{font-size:25px}}@media(prefers-reduced-motion:reduce){.home-quran-card,.home-library-card{transition:none}.startup-content h1,.startup-content h1 span{animation:none;filter:none;transform:none;opacity:1}.startup-content h1,.startup-content h1 span{background:none;color:var(--ink)}}.mushaf-decoration{position:absolute;z-index:1;pointer-events:none;background:url(../public/images/mushaf-margin-frame.svg) center/100% 100% no-repeat}[data-mushaf-page="1"] .mushaf-decoration,[data-mushaf-page="2"] .mushaf-decoration{background-image:url(../public/images/mushaf-opening-ornament.svg),url(../public/images/mushaf-margin-frame.svg)}.mushaf-ayah-layer{z-index:2}.startup-loader .scene{position:relative;isolation:isolate}.startup-loader .book{z-index:1}.startup-ripple{--size:258px;--duration:2s;width:var(--size);aspect-ratio:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none}.startup-ripple .ripple-box{position:absolute;background:linear-gradient(0deg,#bfa2500b,#e1ca8517);border-radius:50%;border-top:1px solid rgba(173,145,68,.55);box-shadow:0 10px 10px #4a3c1809;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:hanuun-ripple var(--duration) infinite ease-in-out}.startup-ripple .ripple-box:nth-child(1){inset:40%;z-index:5}.startup-ripple .ripple-box:nth-child(2){inset:30%;z-index:4;border-color:#ad914466;animation-delay:.2s}.startup-ripple .ripple-box:nth-child(3){inset:20%;z-index:3;border-color:#ad91444d;animation-delay:.4s}.startup-ripple .ripple-box:nth-child(4){inset:10%;z-index:2;border-color:#ad914438;animation-delay:.6s}.startup-ripple .ripple-box:nth-child(5){inset:0;z-index:1;border-color:#ad914426;animation-delay:.8s}@keyframes hanuun-ripple{0%,to{transform:scale(1);box-shadow:0 10px 10px #4a3c1809}50%{transform:scale(1.3);box-shadow:0 30px 20px #4a3c180b}}.startup-content h1[data-particle]{position:relative;display:block;width:300px;max-width:100%;height:76px;font-size:58px;line-height:76px;font-weight:400;letter-spacing:-1.5px;animation:none;background:none;color:var(--ink);margin:6px 0 0}.startup-content h1[data-particle]>.particle-fallback{display:block;height:100%;line-height:76px;animation:none;background:none;color:var(--ink);filter:none;transform:none}.startup-content h1.particle-ready>.particle-fallback{opacity:0}.startup-content h1 .kexsio-original-mount{position:absolute;inset:0;display:block;animation:none;background:none;color:var(--ink);filter:none;transform:none}.startup-content h1[data-particle] canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}@media(max-width:360px){.startup-content h1[data-particle]{width:266px;font-size:51px}}@media(prefers-reduced-motion:reduce){.startup-ripple .ripple-box{animation:none}.startup-content h1[data-particle]>.particle-fallback{opacity:1}}.startup-loader{transition:opacity .65s cubic-bezier(.22,.61,.36,1)}.startup-loader.is-leaving{pointer-events:auto}body.is-entering{overflow:hidden}body.is-starting:not(.reading-mushaf) #main,body.is-starting:not(.reading-mushaf)>.header{opacity:0}body.is-entering:not(.reading-mushaf) #main{animation:hanuun-dashboard-in .65s cubic-bezier(.22,.61,.36,1) both}body.is-entering:not(.reading-mushaf)>.header{animation:hanuun-header-in .65s cubic-bezier(.22,.61,.36,1) both}@keyframes hanuun-dashboard-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hanuun-header-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.startup-loader{transition:none}body.is-entering:not(.reading-mushaf) #main,body.is-entering:not(.reading-mushaf)>.header{animation:none}}.brand .brand-arabic{display:block;font:400 41px/1.1 Geeza Pro,Noto Naskh Arabic,Traditional Arabic,serif;letter-spacing:0;background:none;color:var(--ink)}.startup-content h1[data-particle][lang=ar]{font-family:Geeza Pro,Noto Naskh Arabic,Traditional Arabic,serif;font-size:76px;height:96px;line-height:96px;letter-spacing:0}.startup-content h1[data-particle][lang=ar]>.particle-fallback{line-height:96px}@media(max-width:360px){.startup-content h1[data-particle][lang=ar]{font-size:68px}.brand .brand-arabic{font-size:38px}}