.annotation-canvas-container{z-index:50;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.annotation-canvas{width:100%;height:100%;display:block}.annotation-highlight-layer{z-index:40;pointer-events:none;mix-blend-mode:multiply;width:100%;height:100%;display:block;position:absolute;inset:0}:root[data-theme=dark] .annotation-highlight-layer{mix-blend-mode:screen}.annotation-canvas--inactive{pointer-events:none;cursor:default}.annotation-canvas--pen-permanent{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'/%3E%3C/svg%3E") 2 22,crosshair}.annotation-canvas--pen-vanishing{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-dasharray='2 2'%3E%3Cpath d='M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z'/%3E%3C/svg%3E") 2 22,crosshair}.annotation-canvas--highlighter{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='2' y='10' width='20' height='7' rx='1.5' fill='%23fbbf24' stroke='%23000' stroke-width='1.2' opacity='0.85'/%3E%3C/svg%3E") 3 13,crosshair}.annotation-canvas--eraser{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M20 20H7L2 15l10-10 8 8-5 5'/%3E%3Cpath d='M18 13l-8-8'/%3E%3C/svg%3E") 12 12,crosshair}.annotation-canvas--shape,.annotation-canvas--line{cursor:crosshair}.annotation-canvas--text{cursor:text}.annotation-canvas--select{cursor:default}.annotation-inline-input{border:none;border-bottom:1.5px dashed var(--ui-border-accent);z-index:100;background:0 0;outline:none;min-width:100px;margin:0;padding:0;font-family:Arial,sans-serif;position:absolute}.annotation-inline-input:focus{border-bottom-color:var(--ui-accent);background:var(--ui-accent-wash)}@media (pointer:coarse){.annotation-canvas--pen-permanent,.annotation-canvas--pen-vanishing,.annotation-canvas--highlighter,.annotation-canvas--eraser,.annotation-canvas--text{cursor:none}}.annotation-rail{--rail-bg:linear-gradient(180deg, #26398f 0%, #141a3d 100%);--rail-ink:#c9d2ff;--rail-ink-strong:#f2f3ff;--rail-hover:#c9d2ff24;--rail-active-bg:#f2f3ff;--rail-active-ink:#141a3d;--rail-line:#c9d2ff38;z-index:10000;pointer-events:auto;direction:ltr;width:60px;transition:transform .15s ease-out,box-shadow .15s ease-out;position:fixed;top:50%;transform:translateY(-50%)}.annotation-rail--tucked{transform:translate(calc(-100% - 24px),-50%)}.annotation-rail--tucked.is-out{transform:translateY(-50%)}.toolbar-body{background:var(--rail-bg);scrollbar-width:none;border-radius:22px;flex-direction:column;align-items:center;gap:2px;max-height:calc(100dvh - 9rem);padding:8px 0;display:flex;overflow:visible auto;box-shadow:0 1px 2px #0a0e244d,0 12px 30px #141a3d52}.toolbar-body::-webkit-scrollbar{width:0}.is-peek .toolbar-body{box-shadow:0 2px 4px #0a0e2459,0 20px 44px #0a0e2480}.annotation-toolbar__item-wrapper{position:relative}.tool-btn{width:42px;height:42px;color:var(--rail-ink);cursor:pointer;background:0 0;border:none;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,box-shadow .15s;display:flex}.tool-btn:hover{background:var(--rail-hover);color:var(--rail-ink-strong)}.tool-btn.active{background:var(--rail-active-bg);color:var(--rail-active-ink);box-shadow:0 4px 12px #00000040}.tool-btn.popup-open{color:var(--rail-ink-strong);background:#c9d2ff38}.tool-btn:focus-visible{outline-offset:2px;outline:2px solid #8fa8ff}.tool-btn.disabled,.tool-btn:disabled{opacity:.3;cursor:not-allowed}.toolbar-divider{background:var(--rail-line);flex-shrink:0;width:28px;height:1px;margin:4px 0}.close-btn{color:#ffb4b4}.close-btn:hover,.delete-btn:hover:not(.disabled):not(:disabled){color:#ffd6d6;background:#ff6b6b33}.rail-handle{--rail-active-bg:#f2f3ff;z-index:10000;cursor:pointer;background:linear-gradient(#26398f 0%,#141a3d 100%);border:0;border-radius:0 12px 12px 0;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:16px;height:116px;padding:0;transition:opacity .15s ease-out,width .15s ease-out;display:flex;position:fixed;top:50%;left:0;transform:translateY(-50%);box-shadow:0 6px 18px #141a3d59}.rail-handle:hover{width:20px}.rail-handle:focus-visible{outline-offset:2px;outline:2px solid #8fa8ff}.rail-handle--out{opacity:0;pointer-events:none}.rail-handle__grip{background:radial-gradient(circle,#c9d2ff 1.5px,#0000 1.6px) 50%/4px 7px repeat-y;width:4px;height:28px}.rail-handle__ink{border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 2px #141a3d99}@media (prefers-reduced-motion:reduce){.annotation-rail,.rail-handle{transition:none}}.save-warning{color:#ff9f0a;cursor:help;background:#ff9f0a2e}.save-warning:hover{background:#ff9f0a4d}.tool-popup{background:var(--ui-surface);box-shadow:0 10px 30px var(--ui-shadow);border:1px solid var(--ui-border-accent);z-index:10001;border-radius:12px;flex-direction:column;gap:.8rem;min-width:150px;max-height:80vh;padding:.6rem;display:flex;position:fixed;overflow-y:auto}.popup-section{flex-direction:column;gap:.4rem;display:flex}.section-title{color:var(--ui-ink-subtle);text-transform:uppercase;letter-spacing:1px;font-size:.65rem;font-weight:600}.options-grid{flex-wrap:wrap;gap:.4rem;display:flex}.sub-btn{width:32px;height:32px;color:var(--ui-ink);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:6px;justify-content:center;align-items:center;transition:background .2s,transform .2s;display:flex}.sub-btn:hover{background:var(--ui-border);transform:translateY(-1px)}.sub-btn.active{background:var(--ui-accent);border-color:var(--ui-accent);box-shadow:0 4px 10px var(--ui-accent-wash)}.width-grid{grid-template-columns:repeat(4,1fr);display:grid}.width-btn{cursor:pointer;background:#ffffff14;border:none;border-radius:6px;justify-content:center;align-items:center;height:30px;padding:0 .3rem;transition:background .2s;display:flex}.width-btn:hover{background:var(--ui-surface-3)}.width-btn.active{background:var(--ui-accent)}.width-visual{background:var(--ui-surface);border-radius:2px;width:100%}.color-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.color-box{aspect-ratio:1;cursor:pointer;border:1px solid #0000;border-radius:6px;transition:transform .2s;box-shadow:0 2px 4px #0003}.color-box:hover{transform:scale(1.15)}.color-box.active{border-color:var(--ui-surface);box-shadow:0 0 0 1.5px var(--ui-accent)}.stamps-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.stamp-icon{font-size:1.25rem}.tool-popup::-webkit-scrollbar{width:4px}.tool-popup::-webkit-scrollbar-thumb{background:var(--ui-border);border-radius:2px}.display-popup{min-width:208px}.display-size__head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.display-size__value{color:var(--ui-accent);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:700}.display-size__row{align-items:center;gap:.55rem;margin:.6rem 0 .5rem;display:flex}.display-size__glyph{color:var(--ui-ink-muted);flex-shrink:0;font-weight:700;line-height:1}.display-size__glyph--sm{font-size:.7rem}.display-size__glyph--lg{font-size:1.15rem}.display-size__range{appearance:none;cursor:pointer;background:0 0;flex:auto;min-width:0;height:18px;margin:0}.display-size__range:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px;border-radius:4px}.display-size__range::-webkit-slider-runnable-track{background:var(--ui-border);border-radius:999px;height:4px}.display-size__range::-moz-range-track{background:var(--ui-border);border-radius:999px;height:4px}.display-size__range::-webkit-slider-thumb{appearance:none;background:var(--ui-accent);border:2px solid var(--ui-surface);width:15px;height:15px;box-shadow:0 1px 4px var(--ui-shadow);border-radius:50%;margin-top:-5.5px}.display-size__range::-moz-range-thumb{background:var(--ui-accent);border:2px solid var(--ui-surface);width:15px;height:15px;box-shadow:0 1px 4px var(--ui-shadow);border-radius:50%}.display-size__steppers{align-items:center;gap:.3rem;display:flex}.display-size__step{border:1px solid var(--ui-border);width:26px;height:26px;color:var(--ui-ink);cursor:pointer;background:0 0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.display-size__step:hover:not(:disabled){background:var(--ui-accent-wash);border-color:var(--ui-border-accent)}.display-size__step:disabled{opacity:.35;cursor:not-allowed}.display-size__presets{flex:auto;justify-content:center;gap:.2rem;display:flex}.display-size__preset{min-width:0;color:var(--ui-ink-muted);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1 1 0;padding:.28rem 0;font-size:.68rem;font-weight:700}.display-size__preset:hover{background:var(--ui-border);color:var(--ui-ink)}.display-size__preset.active{background:var(--ui-accent-wash);color:var(--ui-accent)}.font-popup{width:200px}.font-option{text-align:left;border-radius:8px;justify-content:flex-start;width:100%;height:auto;padding:.5rem .6rem;font-size:13px}.font-option.active{box-shadow:none}.annotation-note-popover{z-index:120;color:#2b2b2b;background:#fff8d6;border:1px solid #00000029;border-radius:.5rem;flex-direction:column;gap:.4rem;width:15rem;max-width:calc(100vw - 2rem);padding:.5rem;display:flex;position:absolute;transform:translate(.6rem,.6rem);box-shadow:0 8px 22px #00000047}.annotation-note-popover__text{resize:vertical;width:100%;min-height:4.5rem;color:inherit;font:inherit;background:0 0;border:none;outline:none;font-size:.85rem;line-height:1.4}.annotation-note-popover__actions{justify-content:flex-end;display:flex}.annotation-note-popover__actions button{cursor:pointer;color:inherit;background:#0000001a;border:none;border-radius:.35rem;padding:.25rem .7rem;font-size:.78rem;font-weight:600}.annotation-note-popover__actions button:hover{background:#0000002e}:root[data-theme=dark] .annotation-note-popover{box-shadow:0 8px 26px var(--ui-shadow)}.annotation-inline-input{resize:none;white-space:pre-wrap;line-height:1.35;overflow:hidden}.stamp-icon--word{direction:rtl;font-size:.62rem;font-weight:700;line-height:1}.tool-popup{max-height:80vh;overflow-y:auto}.color-box--custom{cursor:pointer;background:conic-gradient(#e53935,#fb8c00,#fdd835,#43a047,#1e88e5,#8e24aa,#e53935);justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.color-box--custom input[type=color]{opacity:0;cursor:pointer;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0}.section-title--sub{opacity:.55;margin-top:.5rem}.eraser-modes{flex-direction:column;gap:.2rem;display:flex}.sub-btn--wide{justify-content:flex-start;width:100%;padding:.3rem .5rem;font-size:.75rem;font-weight:600}.eraser-dot{background:var(--ui-surface-3);border-radius:50%;display:block;box-shadow:inset 0 0 0 1px #ffffff80}.toggle-row{color:var(--ui-ink-muted);cursor:pointer;align-items:center;gap:.45rem;font-size:.75rem;display:flex}.toggle-row input{accent-color:var(--ui-accent);cursor:inherit}.tool-btn__swatch{width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--ui-border), 0 0 0 1.5px var(--ui-border-accent);border-radius:50%;display:block}.annotation-canvas--underline{cursor:ew-resize}.annotation-canvas--word{cursor:pointer}.annotation-canvas--spotlight{cursor:none}
.word-loupe{z-index:9000;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;top:0;left:0}.word-loupe__glass{background:var(--mushaf-page-bg,#faf6ee);border:2px solid var(--mushaf-surah-band-bg,#76a6f6);border-radius:16px;max-width:92vw;max-height:82vh;padding:.75rem 1.25rem;overflow:hidden;box-shadow:0 12px 40px #00000059}.word-loupe__content{white-space:nowrap;direction:rtl;justify-content:center;align-items:center;gap:1.5rem;display:flex}
.bottom-navbar{z-index:900;font-size:calc(1rem * var(--nav-scale,1));color:var(--ui-ink);--pill-fill:var(--ui-surface);--page-pill-fill:var(--ui-surface-2);will-change:transform;background:0 0;flex-wrap:wrap;justify-content:center;align-items:center;gap:.7em;padding:.75em 1em 1em;transition:transform .3s ease-in-out;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(calc(100% - 12px))}.bottom-navbar:hover,.bottom-navbar--pinned{transform:translateY(0)}.bottom-navbar:before{content:"";height:30px;position:absolute;bottom:100%;left:0;right:0}.bottom-navbar:after{content:"• • •";letter-spacing:4px;color:color-mix(in srgb, var(--mushaf-surah-band-bg) 70%, transparent);font-size:.6em;transition:opacity .3s;position:absolute;top:0;left:50%;transform:translate(-50%)}.bottom-navbar:hover:after,.bottom-navbar--pinned:after{opacity:0}.bottom-navbar--over-text{--pill-fill:var(--ui-surface);--pill-alpha:72%}.bottom-navbar--over-text .bottom-navbar__btn{background:color-mix(in srgb, var(--pill-fill) var(--pill-alpha), transparent)}.bottom-navbar--over-text .bottom-navbar__page,.bottom-navbar--over-text .bottom-navbar__page-edit{background:color-mix(in srgb, var(--page-pill-fill) calc(var(--pill-alpha) + 10%), transparent)}.bottom-navbar--over-text .bottom-navbar__btn,.bottom-navbar--over-text .bottom-navbar__page{border-color:color-mix(in srgb, var(--mushaf-surah-band-bg) 78%, transparent)}.bottom-navbar--over-text .bottom-navbar__btn:hover:not(:disabled){background:var(--pill-fill)}:root[data-theme=dark] .bottom-navbar--over-text{--pill-alpha:82%}.bottom-navbar__section{flex-wrap:wrap;align-items:center;gap:.55em;display:flex}.bottom-navbar__section--center{flex-wrap:nowrap;flex-shrink:0;gap:.5em}.bottom-navbar__section--left,.bottom-navbar__section--right{flex:1 1 0;min-width:0}.bottom-navbar__section--left{justify-content:flex-end}.bottom-navbar__section--right{justify-content:flex-start}.bottom-navbar__nav-btn{flex:none;justify-content:center;min-width:5.64em}.bottom-navbar__btn{border:1px solid color-mix(in srgb, var(--mushaf-surah-band-bg) 55%, transparent);background:var(--pill-fill);color:var(--ui-ink);cursor:pointer;white-space:nowrap;border-radius:.74em;align-items:center;gap:.47em;padding:.59em .94em;font-size:.85em;font-weight:500;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex;position:relative;box-shadow:0 2px 8px #5a3f2629,0 1px 3px #00000014}.bottom-navbar__btn:hover:not(:disabled){border-color:var(--mushaf-surah-band-bg);box-shadow:0 4px 16px color-mix(in srgb, var(--mushaf-surah-band-bg) 30%, transparent), 0 2px 6px #0000001a;transform:translateY(-2px)}.bottom-navbar__btn:active{transform:translateY(0)}.bottom-navbar__btn--active{background:var(--ui-accent-wash);border-color:var(--brand-blue)}.bottom-navbar__nav-btn{letter-spacing:.03em;padding:.64em .9em;font-size:.78em;font-weight:700}.bottom-navbar__nav-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.bottom-navbar__page,.bottom-navbar__page-edit{text-align:center;border:2px solid color-mix(in srgb, var(--mushaf-surah-band-bg) 55%, transparent);background:var(--page-pill-fill);min-width:5.5em;color:var(--ui-ink);cursor:pointer;border-radius:.75em;padding:.4em 1.25em;font-family:Arial,Helvetica,sans-serif;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 3px 12px #5a3f262e,0 1px 4px #00000014}.bottom-navbar__page strong{color:var(--mushaf-basmallah-ink);font-size:1.35em;font-weight:700}.bottom-navbar__page:hover{border-color:var(--mushaf-surah-band-bg);transform:scale(1.02)translateY(-2px)}.bottom-navbar__page-edit{cursor:text;font-size:1.1em;font-weight:700}.bottom-navbar__badge{background:var(--ui-danger);color:#fff;border-radius:.74em;padding:.12em .35em;font-size:.765em;font-weight:700;line-height:1;position:absolute;top:-.44em;right:-.44em}@media (max-width:30rem){.bottom-navbar__section--left .bottom-navbar__btn span:not(.bottom-navbar__badge),.bottom-navbar__section--right .bottom-navbar__btn span:not(.bottom-navbar__badge){display:none}.bottom-navbar__section--left .bottom-navbar__btn,.bottom-navbar__section--right .bottom-navbar__btn{padding:.59em}.bottom-navbar__nav-btn{padding:.64em .7em;font-size:.7em}.bottom-navbar__page,.bottom-navbar__page-edit{min-width:6em;padding:.4em .7em}}@media (hover:none),(pointer:coarse){.mushaf-reader{min-height:100dvh;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}.bottom-navbar{padding:.55em max(.65em, env(safe-area-inset-right,0px)) calc(.55em + env(safe-area-inset-bottom,0px)) max(.65em, env(safe-area-inset-left,0px));touch-action:manipulation;gap:.38em;transform:none}.bottom-navbar:before,.bottom-navbar:after{display:none}.bottom-navbar__section{gap:.35em}.bottom-navbar__section--left .bottom-navbar__btn span:not(.bottom-navbar__badge),.bottom-navbar__section--right .bottom-navbar__btn span:not(.bottom-navbar__badge),.bottom-navbar__nav-btn span{display:none}.bottom-navbar__section--left .bottom-navbar__btn,.bottom-navbar__section--right .bottom-navbar__btn,.bottom-navbar__nav-btn{justify-content:center;min-width:44px;min-height:44px;padding:.55em}.bottom-navbar__nav-btn:before{font-size:1.55em;font-weight:400;line-height:.75}.bottom-navbar__nav-btn:first-child:before{content:"‹"}.bottom-navbar__nav-btn:last-child:before{content:"›"}.bottom-navbar__page,.bottom-navbar__page-edit{min-width:4.85em;min-height:44px;padding:.35em .65em}.nav-dialog-overlay,.settings-backdrop,.mistakes-backdrop{padding:max(.75rem, env(safe-area-inset-top,0px)) max(.75rem, env(safe-area-inset-right,0px)) max(.75rem, env(safe-area-inset-bottom,0px)) max(.75rem, env(safe-area-inset-left,0px))}.nav-dialog,.settings-panel,.mistakes-panel{max-height:88dvh}.home-screen{padding:max(1.25rem, env(safe-area-inset-top,0px)) max(.75rem, env(safe-area-inset-right,0px)) calc(1.5rem + env(safe-area-inset-bottom,0px)) max(.75rem, env(safe-area-inset-left,0px))}.home-screen__title{font-size:clamp(2rem,10vw,2.6rem)}.nav-grid{grid-template-columns:repeat(auto-fill,minmax(min(8.25rem,100%),1fr));padding-inline:.75rem}}@media (max-width:22rem) and (hover:none),(max-width:22rem) and (pointer:coarse){.bottom-navbar{grid-template-columns:1fr 1fr;grid-template-areas:"center center""left right";row-gap:.38em;display:grid}.bottom-navbar__section--center{grid-area:center;justify-content:center}.bottom-navbar__section--left{grid-area:left}.bottom-navbar__section--right{grid-area:right}}.nav-dialog-overlay{z-index:1200;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.nav-dialog{background:var(--ui-surface);width:min(760px,100%);max-height:82vh;color:var(--ui-ink);border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 60px #0006}.nav-dialog--list{width:min(520px,100%)}.nav-dialog__header{border-bottom:1px solid color-mix(in srgb, var(--ui-ink) 15%, transparent);justify-content:space-between;align-items:center;padding:.9rem 1.1rem;display:flex}.nav-dialog__header h3{margin:0;font-size:1.05rem;font-weight:700}.nav-dialog__close{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem .4rem;font-size:1rem}.nav-dialog__close:hover{background:color-mix(in srgb, var(--ui-ink) 12%, transparent)}.nav-dialog__tabs{gap:.4rem;padding:.6rem 1.1rem 0;display:flex}.nav-dialog__tabs button{border:1px solid color-mix(in srgb, var(--ui-ink) 18%, transparent);color:inherit;cursor:pointer;background:0 0;border-radius:9999px;flex:1;padding:.4rem .6rem;font-size:.82rem}.nav-dialog__tabs button.active{background:var(--brand-blue);color:var(--brand-blue-ink);border-color:#0000;font-weight:600}.nav-dialog__empty{opacity:.7;padding:1.5rem 1.1rem;font-size:.9rem}.nav-grid{direction:rtl;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;padding:.9rem 1.1rem;display:grid}.nav-grid__item{text-align:center;border:1px solid color-mix(in srgb, var(--ui-ink) 15%, transparent);color:inherit;cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:.15rem;padding:.6rem .4rem;transition:background .15s,transform .15s;display:flex}.nav-grid__item:hover:not(:disabled){background:color-mix(in srgb, var(--ui-ink) 8%, transparent);transform:translateY(-1px)}.nav-grid__item:disabled{opacity:.4;cursor:default}.nav-grid__item--active{border-color:var(--brand-blue);box-shadow:inset 0 0 0 1px var(--brand-blue)}.nav-grid__num{color:var(--mushaf-basmallah-ink);font-size:.72rem;font-weight:700}.nav-grid__label{font-size:.95rem;font-weight:600}.nav-grid__label--ar{font-family:Indo Pak,serif;font-size:1.2rem}.nav-grid__meta{opacity:.7;font-size:.7rem}.nav-list{padding:.6rem;overflow-y:auto}.nav-list__row{align-items:stretch;gap:.4rem;padding:.2rem .3rem;display:flex}.nav-list__jump{color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;align-items:flex-start;padding:.5rem .6rem;display:flex}.nav-list__jump:hover{background:color-mix(in srgb, var(--ui-ink) 8%, transparent)}.nav-list__page{font-size:.9rem;font-weight:600}.nav-list__meta{opacity:.7;font-size:.72rem}.nav-list__remove{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0 .5rem}.nav-list__remove:hover{background:var(--ui-danger-wash);color:var(--ui-danger);opacity:1}.home-screen{z-index:1100;background:var(--ui-surface);color:var(--ui-ink);flex-direction:column;align-items:center;padding:2rem 1rem 3rem;display:flex;position:fixed;inset:0;overflow-y:auto}.home-screen__hero{text-align:center;margin-bottom:1.5rem}.home-screen__title{color:var(--mushaf-basmallah-ink);margin:0 0 .3rem;font-family:Indo Pak,serif;font-size:2.6rem}.home-screen__subtitle{opacity:.7;margin:0 0 1rem;font-size:.9rem}.home-screen__resume{background:var(--brand-blue);color:var(--brand-blue-ink);cursor:pointer;border:none;border-radius:9999px;padding:.6rem 1.4rem;font-size:.95rem;font-weight:600}.home-screen__resume:hover{filter:brightness(1.05)}.home-screen__panel{border:1px solid color-mix(in srgb, var(--ui-ink) 12%, transparent);border-radius:16px;flex-shrink:0;width:min(900px,100%);overflow:hidden}.home-screen__search{border:1px solid color-mix(in srgb, var(--ui-ink) 30%, transparent);width:calc(100% - 2.2rem);color:inherit;background:0 0;border-radius:.5rem;margin:.75rem 1.1rem 0;padding:.5rem .75rem;font-size:.9rem}.bottom-navbar__btn--mistake{color:var(--jadval-crimson);border-color:color-mix(in srgb, var(--jadval-crimson) 45%, transparent)}.bottom-navbar__btn--mistake:hover{background:color-mix(in srgb, var(--jadval-crimson) 12%, transparent)}.bottom-navbar__btn--mistake .bottom-navbar__badge{background:var(--jadval-crimson);color:var(--ui-accent-ink)}.nav-dialog__bookmark-toggle{border:1px solid color-mix(in srgb, var(--brand-blue) 55%, transparent);color:var(--mushaf-basmallah-ink);cursor:pointer;text-align:right;direction:rtl;background:0 0;border-radius:10px;align-items:center;gap:.5rem;margin:.7rem 1.1rem 0;padding:.55rem .8rem;font-size:.85rem;font-weight:600;display:flex}.nav-dialog__bookmark-toggle:hover{background:color-mix(in srgb, var(--brand-blue) 12%, transparent)}.nav-dialog__bookmark-toggle.active{background:color-mix(in srgb, var(--brand-blue) 22%, transparent);color:var(--ui-ink)}.nav-dialog__bookmark-toggle svg{flex-shrink:0}.mobile-reader-nav{--bar-inset:12px;left:var(--bar-inset);right:var(--bar-inset);bottom:calc(var(--bar-inset) + env(safe-area-inset-bottom,0px));z-index:950;-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);color:#eef2fb;-webkit-user-select:none;user-select:none;background:#141a3de6;border:1px solid #ffffff1a;border-radius:32px;max-width:32rem;margin:0 auto;padding:6px;display:none;position:fixed;box-shadow:0 10px 30px #0000004d,inset 0 1px #ffffff14}.mobile-reader-nav__container{justify-content:space-around;align-items:center;gap:2px;width:100%;display:flex}.mobile-reader-nav__btn{color:#eef2fb;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:26px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:44px;min-height:54px;padding:.3rem .2rem;transition:background-color .15s,transform .1s;display:flex}.mobile-reader-nav__btn:hover:not(:disabled){background:#ffffff14}.mobile-reader-nav__btn:active:not(:disabled){background:#ffffff24;transform:scale(.94)}.mobile-reader-nav__btn:focus-visible{outline-offset:2px;outline:2px solid #9cbcf8}.mobile-reader-nav__btn:disabled{opacity:.35;cursor:not-allowed}.mobile-reader-nav__icon{justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:2px;display:flex}.mobile-reader-nav__icon svg{stroke-width:1.9px;width:24px;height:24px}.mobile-reader-nav__label{letter-spacing:.01em;opacity:.82;font-size:11px;font-weight:600}.mobile-reader-nav__btn--home{color:#fff;background:#2f5bbd;flex:1.7;padding:0 10px}.mobile-reader-nav__btn--home:hover:not(:disabled){background:#3566cf}.mobile-reader-nav__btn--home:active:not(:disabled){background:#2a52aa}.mobile-reader-nav__chip{flex-direction:column;align-items:center;min-width:0;max-width:100%;line-height:1.15;display:flex}.mobile-reader-nav__chip-page{letter-spacing:.01em;font-size:15px;font-weight:700}.mobile-reader-nav__chip-where{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;font-weight:600;overflow:hidden}@media (max-width:48rem),(max-height:30rem) and (pointer:coarse){.bottom-navbar{display:none!important}.mobile-reader-nav{transition:transform .2s,opacity .2s;display:block}:root[data-reader-bars=hidden] .mobile-reader-nav{transform:translateY(calc(100% + var(--bar-inset) + 8px + env(safe-area-inset-bottom,0px)));opacity:0;pointer-events:none}:root[data-reader-bars=hidden] .reader-tour-invite{opacity:0;pointer-events:none}.reader-bars-hint{left:50%;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));z-index:960;color:#f2f3ff;text-align:center;pointer-events:none;background:#141a3d;border-radius:999px;max-width:calc(100vw - 2rem);padding:.55rem 1rem;font-size:.85rem;line-height:1.4;animation:3.5s forwards reader-bars-hint;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #0a0e2459}.reader-bars-hint[lang=ur]{font-family:Tour Nastaliq,Noto Nastaliq Urdu,serif;font-size:.95rem;line-height:2}.mushaf-reader{padding:4px}.home-screen{padding:calc(1rem + env(safe-area-inset-top,0px)) 1rem calc(4.5rem + env(safe-area-inset-bottom,0px))}}.home-screen__container{flex-direction:column;align-items:center;width:min(900px,100%);display:flex}.home-screen__hero-top{justify-content:space-between;align-items:flex-start;width:100%;display:flex;position:relative}.home-screen__branding{text-align:center;flex:1}.home-screen__close-btn{border:1px solid color-mix(in srgb, var(--ui-ink) 18%, transparent);background:var(--ui-surface-2);width:36px;height:36px;color:var(--ui-ink);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;transition:all .15s;display:flex;position:absolute;top:0;right:0}.home-screen__close-btn:hover{background:color-mix(in srgb, var(--ui-ink) 12%, transparent);transform:scale(1.05)}.home-screen__resume{background:linear-gradient(135deg, var(--brand-blue), color-mix(in srgb, var(--brand-blue) 80%, black));color:#fff;cursor:pointer;text-align:left;border:none;border-radius:14px;justify-content:space-between;align-items:center;width:100%;max-width:34rem;margin:.8rem auto 0;padding:.85rem 1.2rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 14px #00000029}.home-screen__resume:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000038}.home-screen__resume-icon{margin-right:.8rem;font-size:1.6rem}.home-screen__resume-info{flex-direction:column;flex:1;display:flex}.home-screen__resume-label{letter-spacing:.01em;font-size:1rem;font-weight:700}.home-screen__resume-meta{opacity:.9;margin-top:2px;font-size:.8rem}.home-screen__resume-arrow{margin-left:.8rem;font-size:1.3rem;font-weight:700}.home-screen__tab-content{padding:.8rem 0}.home-screen__search-wrapper{width:calc(100% - 2.2rem);margin:.5rem 1.1rem .8rem;position:relative}.home-screen__search-wrapper .home-screen__search{border-radius:10px;width:100%;margin:0;padding:.65rem 2.2rem .65rem .85rem;font-size:.95rem}.home-screen__search-clear{color:var(--ui-ink);opacity:.6;cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:.9rem;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.home-screen__jump-tab{padding:1.5rem 1.2rem}.home-screen__jump-form{text-align:center;max-width:28rem;margin:0 auto 2rem}.home-screen__jump-label{margin-bottom:.75rem;font-size:1rem;font-weight:600;display:block}.home-screen__jump-row{justify-content:center;gap:.6rem;display:flex}.home-screen__jump-input{text-align:center;border:2px solid color-mix(in srgb, var(--ui-ink) 25%, transparent);width:9rem;color:inherit;background:0 0;border-radius:10px;padding:.65rem 1rem;font-size:1.1rem;font-weight:700}.home-screen__jump-input:focus{border-color:var(--brand-blue);outline:none}.home-screen__jump-btn{background:var(--brand-blue);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.65rem 1.4rem;font-size:.95rem;font-weight:600;transition:filter .15s}.home-screen__jump-btn:hover{filter:brightness(1.08)}.home-screen__jump-error{color:var(--ui-danger,#d32f2f);margin-top:.6rem;font-size:.85rem}.home-screen__quick-jumps{text-align:center;max-width:36rem;margin:0 auto}.home-screen__section-title{text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin-bottom:.75rem;font-size:.9rem;font-weight:600}.home-screen__chips{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.home-screen__links{align-items:center;margin-top:.75rem}.home-screen__links .reader-help-home{margin-top:0}.home-screen__chip{white-space:nowrap;border:1px solid color-mix(in srgb, var(--ui-ink) 18%, transparent);background:color-mix(in srgb, var(--ui-ink) 4%, transparent);color:inherit;cursor:pointer;border-radius:9999px;padding:.45rem .85rem;font-size:.82rem;font-weight:500;transition:all .15s}.home-screen__chip:hover{background:color-mix(in srgb, var(--brand-blue) 16%, transparent);border-color:var(--brand-blue);color:var(--brand-blue)}.home-screen__bookmark-item{justify-content:space-between;align-items:center;padding:0;display:flex;position:relative}.home-screen__bookmark-select{text-align:left;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;padding:.65rem .75rem;display:flex}.home-screen__bookmark-delete{color:inherit;opacity:.5;cursor:pointer;background:0 0;border:none;border-radius:8px;margin-right:.35rem;padding:.65rem .75rem;font-size:.9rem}.home-screen__bookmark-delete:hover{opacity:1;color:var(--ui-danger,#d32f2f);background:color-mix(in srgb, var(--ui-danger,#d32f2f) 12%, transparent)}.home-screen__tools-tab{padding:1.2rem 1.1rem}.home-screen__tools-list{flex-direction:column;gap:.8rem;max-width:32rem;margin:0 auto;display:flex}.home-screen__tool-card{background:var(--ui-surface-2);border:1px solid color-mix(in srgb, var(--ui-ink) 12%, transparent);color:inherit;cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.2rem;transition:all .15s;display:flex}.home-screen__tool-card:hover{border-color:var(--brand-blue);background:color-mix(in srgb, var(--brand-blue) 8%, var(--ui-surface-2));transform:translateY(-1px)}.home-screen__tool-icon{flex-shrink:0;font-size:1.8rem}.home-screen__tool-info{flex:1}.home-screen__tool-title{margin-bottom:.2rem;font-size:.98rem;font-weight:700}.home-screen__tool-desc{opacity:.75;font-size:.78rem;line-height:1.35}.home-screen__tool-action{color:var(--brand-blue);flex-shrink:0;font-size:.85rem;font-weight:600}.home-screen__empty-state{text-align:center;padding:2.5rem 1rem}.home-screen__empty-icon{margin-bottom:.6rem;font-size:2.5rem;display:block}.home-screen__empty-sub{opacity:.7;max-width:20rem;margin:.3rem auto 0;font-size:.82rem}@keyframes reader-bars-hint{0%{opacity:0;transform:translate(-50%,6px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.mobile-reader-nav,.title-strip{transition:none!important}.reader-bars-hint{animation:none}}
.mistakes-backdrop{z-index:70;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.mistakes-panel{background:var(--ui-surface);width:min(32rem,100%);max-height:80vh;color:var(--ui-ink);border:1px solid color-mix(in srgb, var(--jadval-gold) 45%, transparent);direction:ltr;border-radius:.7rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 32px #0000004d}.mistakes-panel__head{background:color-mix(in srgb, var(--jadval-gold) 10%, transparent);border-bottom:1px solid color-mix(in srgb, var(--jadval-gold) 35%, transparent);justify-content:space-between;align-items:center;padding:.9rem 1.1rem;display:flex}.mistakes-panel__head h3{margin:0;font-size:1rem;font-weight:700}.mistakes-panel__close{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:.3rem;padding:.2rem .45rem;font-size:1rem}.mistakes-panel__close:hover{background:color-mix(in srgb, var(--ui-ink) 12%, transparent)}.mistakes-panel__empty{text-align:center;opacity:.7;padding:2.5rem 1.2rem;font-size:.88rem}.mistakes-panel__list{flex:1;margin:0;padding:.5rem .7rem;list-style:none;overflow-y:auto}.mistake-row{border-radius:.5rem;align-items:center;gap:.3rem;display:flex}.mistake-row+.mistake-row{border-top:1px solid color-mix(in srgb, var(--ui-ink) 10%, transparent);margin-top:.15rem}.mistake-row:hover{background:color-mix(in srgb, var(--jadval-gold) 10%, transparent)}.mistake-row__go{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex-direction:column;flex:auto;align-items:stretch;gap:.2rem;padding:.65rem .7rem;display:flex}.mistake-row__word{text-align:right;white-space:nowrap;min-width:0;color:var(--jadval-crimson);direction:rtl;font-family:Indo Pak,serif;font-size:1.5rem;display:block;overflow:hidden}.mistake-row__meta{opacity:.65;white-space:nowrap;text-align:left;direction:ltr;font-size:.72rem;display:block}.mistake-row__remove{color:var(--jadval-crimson);cursor:pointer;opacity:.65;background:0 0;border:none;border-radius:.3rem;flex:none;padding:.35rem .5rem;font-size:.8rem}.mistake-row__remove:hover{opacity:1;background:color-mix(in srgb, var(--jadval-crimson) 14%, transparent)}.mistakes-panel__clear{border:1px solid color-mix(in srgb, var(--jadval-crimson) 45%, transparent);color:var(--jadval-crimson);cursor:pointer;background:0 0;border-radius:.5rem;margin:.6rem;padding:.55rem;font-size:.82rem;font-weight:600}.mistakes-panel__clear:hover{background:color-mix(in srgb, var(--jadval-crimson) 12%, transparent)}
.settings-backdrop{z-index:70;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.settings-panel{background:var(--ui-surface);width:min(26rem,100%);max-height:85vh;color:var(--ui-ink);border:1px solid color-mix(in srgb, var(--jadval-gold) 45%, transparent);border-radius:.7rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 32px #0000004d}.settings-panel__head{background:color-mix(in srgb, var(--jadval-gold) 10%, transparent);border-bottom:1px solid color-mix(in srgb, var(--jadval-gold) 35%, transparent);justify-content:space-between;align-items:center;padding:.9rem 1.1rem;display:flex}.settings-panel__head h3{margin:0;font-size:1rem;font-weight:700}.settings-panel__close{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:.3rem;padding:.2rem .45rem;font-size:1rem}.settings-panel__close:hover{background:color-mix(in srgb, var(--ui-ink) 12%, transparent)}.settings-panel__body{padding:.4rem .9rem 1rem;overflow-y:auto}.settings-section+.settings-section{border-top:1px solid color-mix(in srgb, var(--ui-ink) 12%, transparent);margin-top:.5rem;padding-top:.8rem}.settings-section__title{letter-spacing:.06em;text-transform:uppercase;opacity:.6;margin:.8rem 0 .4rem;font-size:.72rem;font-weight:700}.settings-row{cursor:pointer;border-radius:.45rem;align-items:center;gap:.7rem;padding:.5rem .15rem;display:flex}.settings-row:hover{background:color-mix(in srgb, var(--jadval-gold) 9%, transparent)}.settings-row--master{border-bottom:1px solid color-mix(in srgb, var(--ui-ink) 10%, transparent);margin-bottom:.25rem;padding-bottom:.7rem}.settings-choice-group{flex-direction:column;display:flex}.settings-row--choice+.settings-row--choice{border-top:1px solid color-mix(in srgb, var(--ui-ink) 8%, transparent)}.settings-row--disabled{opacity:.42;cursor:not-allowed}.settings-row--disabled:hover{background:0 0}.settings-row__label{flex-direction:column;flex:auto;gap:.12rem;min-width:0;font-size:.88rem;font-weight:600;display:flex}.settings-row__hint{opacity:.65;font-size:.72rem;font-weight:400}.settings-swatch{width:.85rem;height:.85rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--ui-ink) 22%, transparent);border-radius:50%;flex:none}.settings-switch{width:1.1rem;height:1.1rem;accent-color:var(--jadval-gold);cursor:inherit;flex:none}.settings-fonts{flex-wrap:wrap;gap:.4rem;display:flex}.settings-font{border:1px solid color-mix(in srgb, var(--ui-ink) 22%, transparent);color:inherit;cursor:pointer;background:0 0;border-radius:.45rem;padding:.45rem .8rem;font-size:.85rem}.settings-font--active{border-color:var(--jadval-gold);background:color-mix(in srgb, var(--jadval-gold) 16%, transparent);font-weight:700}.settings-hint{opacity:.6;margin:.5rem 0 0;font-size:.72rem}.settings-note{margin:0;padding:.25rem 0 .5rem;display:block}
.edition-switch{flex-direction:column;align-items:center;gap:.35rem;margin:.75rem 0 .25rem;display:flex}.edition-switch--settings{align-items:flex-start;margin:.25rem 0 .5rem}.edition-switch__options{border:1px solid var(--brand-blue,#3d6fd6);border-radius:999px;display:inline-flex;overflow:hidden}.edition-switch__option{font:inherit;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;padding:.35rem 1rem;font-size:.85rem}.edition-switch__option+.edition-switch__option{border-inline-start:1px solid var(--brand-blue,#3d6fd6)}.edition-switch__option[aria-checked=true]{background:var(--brand-blue,#3d6fd6);color:var(--brand-blue-ink,#fff);cursor:default}.edition-switch__option:focus-visible{outline:2px solid var(--brand-blue,#3d6fd6);outline-offset:2px}.edition-switch__error{margin:0;font-size:.75rem}.reader-news{border:1px solid color-mix(in srgb, var(--brand-blue,#3d6fd6) 45%, transparent);background:color-mix(in srgb, var(--brand-blue,#3d6fd6) 8%, transparent);text-align:start;border-radius:14px;margin:.75rem 0 .25rem;padding:.85rem 1rem .75rem}.reader-news__tag{letter-spacing:.08em;color:var(--brand-blue,#3d6fd6);margin:0 0 .35rem;font-size:.7rem;font-weight:700}.reader-news__text strong{font-size:.95rem;display:block}.reader-news__text p{opacity:.9;margin:.25rem 0 0;font-size:.85rem;line-height:1.5}.reader-news__text[lang=ur]{margin-top:.6rem;font-family:Tour Nastaliq,Noto Nastaliq Urdu,serif;font-weight:400}.reader-news__text[lang=ur] strong{font-size:1.05rem;line-height:2.1}.reader-news__text[lang=ur] p{font-size:.95rem;line-height:2.2}.reader-news__actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.reader-news__actions button{border:1px solid var(--brand-blue,#3d6fd6);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .9rem;font-size:.85rem;display:inline-flex}.reader-news__actions button[disabled]{opacity:.6;cursor:default}.reader-news__actions .reader-news__open{background:var(--brand-blue,#3d6fd6);color:var(--brand-blue-ink,#fff);font-weight:600}.reader-news__actions button [lang=ur]{font-family:Tour Nastaliq,Noto Nastaliq Urdu,serif;font-size:.8rem;line-height:2}.reader-news__actions button:focus-visible{outline:2px solid var(--brand-blue,#3d6fd6);outline-offset:2px}
@font-face{font-family:Tour Nastaliq;src:url(/fonts/tour/noto-nastaliq-urdu-arabic-400-normal.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}.reader-tour-launcher,.reader-tour-invite,.reader-tour-card{color:var(--ui-ink,#192638);background:var(--ui-surface,#fff);font-family:var(--font-geist-sans), system-ui, sans-serif;border:1px solid color-mix(in srgb, var(--ui-ink,#192638) 20%, transparent);box-shadow:0 8px 28px #0002}.reader-tour-launcher{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));text-align:left;z-index:1000;cursor:pointer;direction:ltr;border-radius:999px;min-height:44px;padding:8px 14px;font-size:13px;font-weight:600;position:fixed;right:auto}.reader-tour-invite{top:max(66px, calc(env(safe-area-inset-top) + 54px));left:max(12px, env(safe-area-inset-left));z-index:1000;border-radius:16px;width:min(330px,100vw - 24px);padding:18px;position:fixed;right:auto}.reader-tour-invite p{margin:6px 0 16px;font-size:14px}.reader-tour-invite,.reader-tour-card{text-align:start}.reader-tour-languages{justify-content:flex-start;gap:4px;margin-bottom:12px;display:flex}.reader-tour-languages button[aria-pressed=true]{background:#76a6f62e;border-color:#76a6f6}.reader-tour-languages button[lang=en],.reader-tour-card bdi[lang=en]{font-family:var(--font-geist-sans), system-ui, sans-serif}.reader-tour-languages button[lang=ur],.reader-tour-invite[lang=ur],.reader-tour-dialog[lang=ur] .reader-tour-card{font-family:Tour Nastaliq,Noto Nastaliq Urdu,serif;font-weight:400;line-height:2.3}.reader-tour-invite[lang=ur] strong{font-size:20px;font-weight:400}.reader-tour-invite[lang=ur] p,.reader-tour-dialog[lang=ur] .reader-tour-card p{font-size:17px;line-height:2.3}.reader-tour-dialog[lang=ur] .reader-tour-card h2{font-size:25px;font-weight:400;line-height:2.1}.reader-tour-dialog[lang=ur] .reader-tour-note{font-size:14px}.reader-tour-dialog[lang=ur] .reader-tour-topline>span{letter-spacing:0;font-size:13px;font-weight:400}.reader-tour-dialog[lang=ur] button,.reader-tour-invite[lang=ur] button{padding-block:5px;font-size:16px;line-height:2.2}.reader-tour-dialog[lang=ur] .reader-tour-languages button[lang=en],.reader-tour-invite[lang=ur] .reader-tour-languages button[lang=en]{font-size:14px;line-height:1.5}.reader-tour-dialog{overscroll-behavior:contain;background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.reader-tour-dialog::backdrop{background:0 0}.reader-tour-dialog--unanchored::backdrop{background:#102137a6}.reader-tour-highlight{box-sizing:border-box;pointer-events:none;border:3px solid #76a6f6;border-radius:14px;position:fixed;box-shadow:0 0 0 9999px #102137a6}.reader-tour-card{top:max(20px, env(safe-area-inset-top));box-sizing:border-box;overscroll-behavior:contain;border-radius:20px;width:min(440px,100% - 24px);max-height:calc(100dvh - 120px);padding:22px;position:absolute;left:50%;overflow-y:auto;transform:translate(-50%)}.reader-tour-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.reader-tour-topline>span{letter-spacing:.06em;font-size:11px;font-weight:700}.reader-tour-card h2{margin:12px 0;font-size:23px;line-height:1.25}.reader-tour-card p{margin:0 0 14px;font-size:15px;line-height:1.6}.reader-tour-card .reader-tour-note{opacity:.8;font-size:12px}.reader-tour-progress{gap:6px;margin:20px 0;display:flex}.reader-tour-progress span{background:color-mix(in srgb, currentColor 18%, transparent);border-radius:4px;flex:1;height:4px}.reader-tour-progress .active{background:#76a6f6}.reader-tour-actions,.reader-tour-actions>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.reader-tour-card button,.reader-tour-invite button{min-width:44px;min-height:44px;color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:10px;padding:8px 12px;font-size:14px}.reader-tour-card button:hover,.reader-tour-invite button:hover{border-color:currentColor}.reader-tour-card .reader-tour-primary,.reader-tour-invite .reader-tour-primary{color:#10213c;background:#76a6f6;font-weight:700}.reader-tour-card :focus-visible,.reader-tour-invite :focus-visible,.reader-tour-launcher:focus-visible{outline-offset:3px;outline:3px solid #76a6f6}.bottom-navbar--tour{transition:none;transform:translateY(0)}.bottom-navbar:focus-within{transform:translateY(0)}.bottom-navbar--tour:after,.bottom-navbar:focus-within:after{opacity:0}@media (max-height:420px){.reader-tour-card{max-height:calc(100dvh - 90px);padding:12px 18px;top:8px}.reader-tour-card h2{margin:4px 0;font-size:19px}.reader-tour-card p{margin-bottom:8px}.reader-tour-progress{margin:8px 0}}@media (prefers-reduced-motion:reduce){.bottom-navbar:focus-within,.bottom-navbar--tour{transition:none}}.reader-help-measure{visibility:hidden;pointer-events:none;white-space:nowrap;width:max-content;font-family:var(--font-geist-sans), system-ui, sans-serif;border:1px solid #0000;padding:8px 14px;font-size:13px;font-weight:600;position:fixed}.reader-tour-launcher{white-space:nowrap;box-shadow:none}.reader-tour-launcher[hidden]{display:none}.reader-tour-launcher--tab{background:var(--ui-surface,#fff);border-radius:0 10px 10px 0;place-items:center;width:24px;min-height:44px;padding:0;display:grid}.reader-help-icon{border:1px solid;border-radius:50%;place-items:center;width:17px;height:17px;font:600 12px/1 system-ui,sans-serif;display:inline-grid}.reader-help-home{align-items:center;gap:12px;min-height:44px;margin-top:12px;display:inline-flex}.reader-help-home [lang=ur],.reader-help-measure[lang=ur],.reader-tour-launcher[lang=ur]{font-family:Tour Nastaliq,Noto Nastaliq Urdu,serif;font-size:16px;font-weight:400;line-height:2.3}
.hashiya-art{pointer-events:none;z-index:0;--vine-inset:36px;position:absolute;inset:0}.hashiya-band,.hashiya-vine{display:block;position:absolute}.hashiya-band--left,.hashiya-band--right{width:28px;height:100%;top:0}.hashiya-band--left{left:0}.hashiya-band--right{right:0;transform:scaleX(-1)}.hashiya-band--top,.hashiya-band--bottom{width:100%;height:28px;left:0}.hashiya-band--top{top:0}.hashiya-band--bottom{bottom:0;transform:scaleY(-1)}.hashiya-corner{width:56px;height:56px;display:block;position:absolute}.hashiya-corner--tl{top:0;left:0}.hashiya-corner--tr{top:0;right:0;transform:scaleX(-1)}.hashiya-corner--bl{bottom:0;left:0;transform:scaleY(-1)}.hashiya-corner--br{bottom:0;right:0;transform:scale(-1)}.hashiya-art--levha .hashiya-band--left,.hashiya-art--levha .hashiya-band--right{width:32px}.hashiya-art--levha .hashiya-band--top,.hashiya-art--levha .hashiya-band--bottom{height:32px}.hashiya-vine--left,.hashiya-vine--right{top:var(--vine-inset);width:22px;height:calc(100% - var(--vine-inset) * 2)}.hashiya-vine--left{left:var(--vine-inset)}.hashiya-vine--right{right:var(--vine-inset);transform:scaleX(-1)}.hashiya-vine--top,.hashiya-vine--bottom{left:var(--vine-inset);width:calc(100% - var(--vine-inset) * 2);height:22px}.hashiya-vine--top{top:var(--vine-inset)}.hashiya-vine--bottom{bottom:var(--vine-inset);transform:scaleY(-1)}.hashiya-art--levha .hashiya-corner{width:104px;height:104px}@media (max-width:30rem){.hashiya-vine{display:none}.hashiya-art--levha .hashiya-band--left,.hashiya-art--levha .hashiya-band--right{width:26px}.hashiya-art--levha .hashiya-band--top,.hashiya-art--levha .hashiya-band--bottom{height:26px}.hashiya-art--levha .hashiya-corner{width:68px;height:68px}}
.reader-pager{--pager-pad:4px;margin:calc(-1 * var(--pager-pad));padding:var(--pager-pad);touch-action:none;align-self:stretch;position:relative;overflow:hidden}@media (orientation:landscape){.reader-pager:not(.reader-pager--zoomed){touch-action:pan-y}}.reader-pager__slot,.reader-pager__clip,.reader-pager__unclip,.reader-zoom{flex-direction:column;align-items:center;width:100%;display:flex}.reader-zoom{transform-origin:0 0}.reader-pager__slot--neighbour{top:var(--pager-pad);left:var(--pager-pad);right:var(--pager-pad);pointer-events:none;width:auto;position:absolute}.reader-pager__slot--held{z-index:2}.reader-pager--book .reader-pager__slot--neighbour:not(.reader-pager__slot--held){visibility:hidden}.reader-pager__turn{--pager-light:255 255 255;--pager-light-a:.42;z-index:4;pointer-events:none;display:none;position:absolute;overflow:hidden}:root[data-theme=dark] .reader-pager__turn{--pager-light:255 236 200;--pager-light-a:.07}.reader-pager__fold{width:var(--pager-big);height:calc(2 * var(--pager-big));transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0;overflow:hidden}.reader-pager__shade{will-change:opacity;background:linear-gradient(270deg,#0000004d,#0000001f 14%,#0000);width:72px;height:100%;position:absolute;top:0;right:0}.reader-pager__back{width:var(--pager-w);height:var(--pager-h);transform-origin:0 0;will-change:transform;background:var(--mushaf-page-bg);box-shadow:inset 0 0 0 var(--pager-ring,10px) var(--hashiya-ground), inset 0 0 0 calc(var(--pager-ring,10px) + 1.5px) var(--jadval-gold), inset 0 0 28px #00000012;filter:drop-shadow(0 0 8px #0000004d);position:absolute;top:0;left:0;overflow:hidden}.reader-pager__crease{width:120px;height:calc(2 * var(--pager-big));transform-origin:0 0;will-change:transform;background:linear-gradient(to right, #00000038, #0000000d 7%, rgb(var(--pager-light) / var(--pager-light-a)) 26%, #0000);position:absolute;top:0;left:0}@media (max-width:48rem),(max-height:30rem) and (pointer:coarse){html,body{overscroll-behavior-x:none}}.reader-frame-probe{visibility:hidden;pointer-events:none;overflow:hidden;width:0!important;height:0!important;box-shadow:none!important;position:absolute!important}
.madani-zoombox{flex:none;position:relative}.madani-sheet{transform-origin:0 0;position:absolute;top:0;left:0}.madani-sheet .mushaf-page-frame{width:max-content}.madani-ring-probe{visibility:hidden;pointer-events:none;width:0;height:0;box-shadow:none;position:absolute}.madani-sheet .mushaf-ruku,.madani-sheet .mushaf-page-number-plaque{transform:translate(-50%, -50%) scale(var(--madani-furniture-scale,1))}.madani-pagewrap{position:relative}.madani-host{position:absolute;top:0;left:0}.madani-hover{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.madani-page .mushaf-mistake--focus{stroke-width:48px}.madani-host .madani-text ::selection{color:#0000;background:#2878ff47}.madani-annotation-layer{pointer-events:none;position:absolute}.madani-state{z-index:2;text-align:center;color:var(--mushaf-ink,#1d1b16);font-family:var(--font-geist-sans), system-ui, sans-serif;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;position:absolute;inset:0}.madani-state button{font:inherit;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:4px 16px}.madani-error-detail{font:12px var(--font-geist-mono), ui-monospace, monospace;opacity:.75;overflow-wrap:anywhere}.madani-shell{min-height:100dvh;color:var(--foreground);font-family:var(--font-geist-sans), system-ui, sans-serif;flex-direction:column;display:flex}.madani-message{align-items:flex-start;gap:12px;max-width:640px;margin:0 auto;padding:32px 16px}.madani-message pre{opacity:.85;border:1px solid;border-radius:6px;padding:8px 12px}.madani-message button{font:inherit;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;padding:4px 16px}.madani-pagebox{position:relative}.madani-running-header{border-bottom:1px solid color-mix(in srgb, var(--mushaf-surah-band-bg) 55%, transparent);height:52px;color:var(--mushaf-basmallah-ink);letter-spacing:.02em;white-space:nowrap;direction:rtl;justify-content:space-between;align-items:center;padding:0 24px;font-family:MadaniQulText,Amiri,Traditional Arabic,Noto Naskh Arabic,serif;font-size:28px;font-weight:600;line-height:1;display:flex;position:relative}.madani-running-header__text{gap:.3em;display:flex}.madani-tajweed-key{z-index:1;grid-template-columns:repeat(var(--madani-key-cells,3), 1fr);letter-spacing:.01em;color:var(--mushaf-basmallah-ink);pointer-events:none;direction:ltr;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:19px;font-weight:600;line-height:1;display:grid;position:absolute;transform:translateY(-50%)}.madani-tajweed-key__entry{white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.madani-tajweed-key__dot{border-radius:50%;width:9px;height:9px;margin-right:7px}.madani-tajweed-key__gloss{color:color-mix(in srgb, var(--mushaf-basmallah-ink) 68%, transparent);white-space:pre;font-weight:500}.madani-tajweed-key__preview{color:color-mix(in srgb, var(--mushaf-basmallah-ink) 68%, transparent);font-style:italic;font-weight:500}