.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-toolbar-v2{z-index:10000;pointer-events:auto;direction:ltr;flex-direction:column;align-items:center;gap:.35rem;transition:opacity .2s,transform .2s;display:flex;position:fixed}.annotation-toolbar-v2.dragging{cursor:grabbing;opacity:.85;transform:scale(1.02)}.main-toggle{background:var(--ui-surface);width:34px;height:34px;color:var(--ui-ink);cursor:pointer;box-shadow:0 4px 12px var(--ui-shadow);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,transform .2s;display:flex}.main-toggle:hover{background:var(--ui-surface-3);transform:translateY(-2px)}.main-toggle.active{background:var(--ui-accent);color:var(--ui-accent-ink);box-shadow:0 4px 15px var(--ui-accent-wash)}.toolbar-body{background:var(--ui-surface);box-shadow:0 8px 24px var(--ui-shadow);border:1px solid var(--ui-border-accent);border-radius:14px;flex-direction:column;gap:.15rem;max-height:90vh;padding:.3rem;display:flex;overflow:visible auto}.toolbar-body::-webkit-scrollbar{width:0}.main-toggle{order:1}.annotation-toolbar__item-wrapper{position:relative}.tool-btn{width:28px;height:28px;color:var(--ui-ink-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.tool-btn:hover{background:var(--ui-border);color:var(--ui-ink)}.tool-btn.active{background:var(--ui-accent-wash);color:var(--ui-accent)}.tool-btn.popup-open{background:var(--ui-surface-3);color:var(--ui-ink)}.tool-btn.disabled,.tool-btn:disabled{opacity:.3;cursor:not-allowed}.toolbar-divider{background:var(--ui-border);flex-shrink:0;height:1px;margin:.12rem .4rem}.close-btn{background:var(--ui-danger-wash);color:var(--ui-danger)}.close-btn:hover{background:var(--ui-danger);color:var(--ui-ink)}.delete-btn:hover:not(.disabled):not(:disabled){background:var(--ui-danger-wash);color:var(--ui-danger)}.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--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{z-index:950;background:var(--ui-surface);border-top:1px solid color-mix(in srgb, var(--ui-ink) 12%, transparent);padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom,0px));-webkit-user-select:none;user-select:none;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000014}:root[data-theme=dark] .mobile-reader-nav{background:#161513;border-top-color:#ffffff14;box-shadow:0 -4px 20px #00000073}:root[data-theme=light] .mobile-reader-nav{background:#f7f3ea;border-top-color:#00000014}.mobile-reader-nav__container{justify-content:space-around;align-items:center;gap:.25rem;width:100%;max-width:32rem;margin:0 auto;display:flex}.mobile-reader-nav__btn{min-width:44px;min-height:48px;color:var(--ui-ink);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:.35rem .2rem;transition:background-color .15s,transform .1s,color .15s;display:flex}.mobile-reader-nav__btn:hover:not(:disabled){background:color-mix(in srgb, var(--ui-ink) 8%, transparent)}.mobile-reader-nav__btn:active:not(:disabled){background:color-mix(in srgb, var(--ui-ink) 14%, transparent);transform:scale(.94)}.mobile-reader-nav__btn:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}.mobile-reader-nav__btn:disabled{opacity:.32;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__label{letter-spacing:.01em;opacity:.85;font-size:.68rem;font-weight:500}.mobile-reader-nav__btn--home{color:var(--brand-blue-ink);background:color-mix(in srgb, var(--brand-blue) 15%, transparent)}.mobile-reader-nav__btn--home:hover:not(:disabled){background:color-mix(in srgb, var(--brand-blue) 25%, transparent)}.mobile-reader-nav__btn--home .mobile-reader-nav__label{opacity:1;font-weight:700}@media (max-width:48rem){.bottom-navbar{display:none!important}.mobile-reader-nav{display:block}.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__chip{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}
.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}