.reader-panel-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:90;background:#1c1b1847;animation:.25s panel-fade-in;position:fixed;inset:0}.reader-panel{z-index:91;background:var(--surface,#faf8f3);width:min(440px,100vw);color:var(--ink,#292820);font-family:var(--font-sans,Arial, sans-serif);outline:none;flex-direction:column;font-size:14px;animation:.3s cubic-bezier(.2,.8,.2,1) panel-in-right;display:flex;position:fixed;top:0;bottom:0;box-shadow:0 0 70px #0000001f}.reader-panel--right{border-left:1px solid var(--line,#e4e0d7);right:0}.reader-panel--left{border-right:1px solid var(--line,#e4e0d7);animation-name:panel-in-left;left:0}.reader-panel-overlay[data-state=closed]{animation:.2s panel-fade-out}.reader-panel[data-state=closed]{animation:.22s panel-out-right}.reader-panel--left[data-state=closed]{animation-name:panel-out-left}.reader-panel-header{border-bottom:1px solid var(--line,#e4e0d7);align-items:flex-start;gap:12px;padding:35px 28px 25px;display:flex}.reader-panel-header>div{flex:1;min-width:0}.panel-eyebrow{letter-spacing:.17em;color:var(--accent,#a66b53);margin:2px 0 14px;font-size:9px;font-weight:600;display:block}.reader-panel-title{font-family:var(--font-serif,Georgia, serif);letter-spacing:-.8px;margin:0 0 10px;font-size:30px;font-weight:400;line-height:1.17}.reader-panel-description{color:var(--muted,#77746c);margin:0;font-size:12px;line-height:1.65}.reader-panel-body{overscroll-behavior:contain;scrollbar-width:thin;flex:1;padding:25px 28px 30px;overflow-y:auto}.reader-panel button,.reader-panel input,.reader-panel select{font:inherit}.reader-panel button{cursor:pointer;-webkit-tap-highlight-color:transparent}.reader-panel button:disabled{opacity:.45;cursor:not-allowed}.reader-panel :is(button,input,select):focus-visible{outline:2px solid var(--accent,#a66b53);outline-offset:4px}.panel-icon-button{width:34px;height:34px;color:var(--muted,#77746c);background:0 0;border:1px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .18s,color .18s;display:inline-flex}.panel-icon-button:hover{background:var(--accent-soft,#ece4dc);color:var(--ink,#292820)}.panel-search{border:1px solid var(--line,#e4e0d7);background:var(--paper,#fffcf6);color:var(--muted,#77746c);border-radius:7px;align-items:center;gap:10px;min-height:45px;margin-bottom:22px;padding:8px 9px 8px 12px;display:flex}.panel-search:focus-within{border-color:var(--accent,#a66b53)}.panel-search input{min-width:0;color:var(--ink,#292820);background:0 0;border:0;flex:1;font-size:12px;outline:none!important}.panel-search input::placeholder{color:var(--muted,#77746c);opacity:.8}.panel-search-submit{background:var(--accent-soft,#ece4dc);color:var(--accent,#a66b53);border:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.panel-clear{width:20px;height:26px;margin-left:-4px}.panel-segments{background:color-mix(in srgb, var(--line,#e4e0d7) 35%, transparent);border-radius:7px;gap:5px;margin-bottom:24px;padding:4px;display:flex}.panel-segments button{color:var(--muted,#77746c);background:0 0;border:0;border-radius:5px;flex:1;padding:9px 6px;font-size:12px;line-height:1.2;transition:background .18s,color .18s}.panel-segments button.is-selected{background:var(--paper,#fffcf6);color:var(--ink,#292820);box-shadow:0 1px 3px #0000000f}.panel-list-heading{color:var(--muted,#77746c);justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;font-size:10px;display:flex}.panel-list-heading>span:first-child{letter-spacing:.13em;font-size:9px}.panel-chapter{text-align:left;border:0;border-bottom:1px solid var(--line,#e4e0d7);width:100%;color:var(--ink,#292820);background:0 0;align-items:center;gap:14px;padding:14px 1px;display:flex}.panel-chapter:hover .panel-chapter-name strong{color:var(--accent,#a66b53)}.panel-chapter-number{border:1px solid var(--line,#e4e0d7);width:31px;height:33px;color:var(--muted,#77746c);font-variant-numeric:tabular-nums;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.panel-chapter-name{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.panel-chapter-name strong{font-size:13px;font-weight:500;transition:color .18s}.panel-chapter-name small{color:var(--muted,#77746c);font-size:10px;line-height:1.35}.panel-chapter-arabic{font-family:var(--font-quran,"Amiri Quran", "Amiri", serif);color:var(--muted,#77746c);flex-shrink:0;max-width:38%;font-size:22px;font-weight:400;line-height:1.6}.panel-juz-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.panel-juz-grid button{border:1px solid var(--line,#e4e0d7);background:var(--paper,#fffcf6);color:var(--ink,#292820);border-radius:6px;flex-direction:column;align-items:center;gap:8px;padding:17px 5px;transition:border-color .18s,background .18s;display:flex}.panel-juz-grid button:hover{border-color:var(--accent,#a66b53);background:var(--accent-soft,#ece4dc)}.panel-juz-grid button span{font-size:13px}.panel-juz-grid button small{color:var(--muted,#77746c);font-size:10px}.panel-page-form{text-align:center;padding:25px 0}.panel-page-form>svg{color:var(--accent,#a66b53);margin:0 auto 16px}.panel-page-form h3,.panel-empty h3{font-family:var(--font-serif,Georgia, serif);letter-spacing:-.4px;margin:0 0 10px;font-size:24px;font-weight:400;line-height:1.3}.panel-page-form p{color:var(--muted,#77746c);max-width:230px;margin:0 auto 30px;font-size:12px;line-height:1.7}.panel-page-form label{text-align:left;margin-bottom:9px;font-size:12px;display:block}.panel-page-input{gap:10px;display:flex}.panel-page-input input{border:1px solid var(--line,#e4e0d7);background:var(--paper,#fffcf6);width:0;color:var(--ink,#292820);border-radius:6px;flex:1;padding:11px 13px}.panel-primary-button{border:1px solid var(--accent,#a66b53);background:var(--accent,#a66b53);color:#fff;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:11px 15px;display:inline-flex;font-size:12px!important}.panel-empty{text-align:center;color:var(--muted,#77746c);padding:45px 15px}.panel-empty>svg{color:var(--accent,#a66b53);margin:0 auto 20px}.panel-empty h3{color:var(--ink,#292820);font-size:25px}.panel-empty p{max-width:260px;margin:0 auto;font-size:12px;line-height:1.85}.panel-error{border:1px solid color-mix(in srgb, var(--accent,#a66b53) 25%, transparent);background:var(--accent-soft,#ece4dc);color:var(--ink,#292820);border-radius:6px;align-items:flex-start;gap:11px;margin:18px 0;padding:14px;font-size:12px;line-height:1.7;display:flex}.panel-error>svg{color:var(--accent,#a66b53);flex-shrink:0;margin-top:2px}.panel-error p{margin:0}.panel-text-button{color:var(--accent,#a66b53);text-underline-offset:3px;background:0 0;border:0;padding:7px 0 0;text-decoration:underline;font-size:12px!important}.panel-loading{color:var(--muted,#77746c);justify-content:center;align-items:center;gap:10px;padding:32px 0;font-size:12px;display:flex}.panel-spin{animation:1.2s linear infinite panel-spin}.panel-result{text-align:start;border:0;border-bottom:1px solid var(--line,#e4e0d7);width:100%;color:var(--ink,#292820);background:0 0;flex-direction:column;gap:11px;padding:18px 25px 18px 0;display:flex;position:relative}.panel-result>span:not(.panel-result-reference){-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:13px;line-height:1.9;display:-webkit-box;overflow:hidden}.panel-result-reference{color:var(--accent,#a66b53);font-size:10px}.panel-result>svg{color:var(--muted,#77746c);position:absolute;top:21px;right:0}.panel-settings-section{border-bottom:1px solid var(--line,#e4e0d7);margin:0 0 25px;padding:0 0 25px}.panel-settings-section h3{align-items:center;gap:8px;margin:0 0 19px;font-size:12px;font-weight:500;display:flex}.panel-theme-options{gap:10px;margin-bottom:27px;display:flex}.panel-theme-option{color:var(--muted,#77746c);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:9px;padding:0;display:flex;font-size:11px!important}.panel-theme-preview{border:1px solid var(--line,#e4e0d7);color:#53514c;background:#fafafa;border-radius:7px;justify-content:center;align-items:center;width:100%;height:66px;display:flex;position:relative}.panel-theme-option--paper .panel-theme-preview{color:#847257;background:#f1ebdf}.panel-theme-option--dark .panel-theme-preview{color:#e3dfd4;background:#2c302e;border-color:#4a4c46}.panel-theme-option--auto .panel-theme-preview{color:#827662;background:linear-gradient(135deg,#faf8f1 50%,#2c302e 50%)}.panel-theme-option--auto .panel-theme-preview>svg:first-child{background:#ede8db;border-radius:6px;width:28px;height:28px;padding:3px}.panel-theme-option.is-selected .panel-theme-preview{outline:2px solid var(--accent,#a66b53);outline-offset:2px}.panel-theme-option.is-selected>span:last-child{color:var(--accent,#a66b53)}.panel-theme-check{position:absolute;bottom:6px;right:6px}.panel-range-heading{justify-content:space-between;align-items:center;margin-bottom:17px;font-size:12px;display:flex}.panel-range-heading output{color:var(--muted,#77746c);font-size:11px}.panel-font-range{color:var(--muted,#77746c);align-items:center;gap:16px;display:flex}.panel-font-range input{min-width:0;accent-color:var(--accent,#a66b53);cursor:pointer;flex:1;height:4px}.panel-font-range span:first-child{font-size:12px}.panel-font-range span:last-child{font-size:20px}.panel-select-label{color:var(--muted,#77746c);margin:18px 0 8px;font-size:11px;display:block}.reader-panel select{border:1px solid var(--line,#e4e0d7);background-color:var(--paper,#fffcf6);width:100%;min-height:41px;color:var(--ink,#292820);cursor:pointer;text-overflow:ellipsis;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;border-radius:6px;padding:9px 30px 9px 12px;font-size:12px;display:block}@media (prefers-color-scheme:dark){.reader-panel select{--lightningcss-light: ;--lightningcss-dark:initial}}.reader-panel select:disabled{cursor:not-allowed;opacity:.65}.panel-help{color:var(--muted,#77746c);margin:12px 0 0;font-size:10px;line-height:1.7}.panel-font-preview{border:1px solid var(--line,#e4e0d7);color:var(--ink,#292820);background:var(--paper,#fffcf6);text-align:center;font-synthesis:none;border-radius:6px;margin:10px 0 0;padding:8px 12px;font-size:24px;line-height:1.8}.panel-uyghur-font .panel-help{margin-top:7px}.panel-toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:36px;margin-top:23px;display:flex;position:relative}.panel-toggle-row>span:first-child{flex-direction:column;gap:6px;display:flex}.panel-toggle-row strong{font-size:12px;font-weight:400}.panel-toggle-row small{color:var(--muted,#77746c);font-size:10px;line-height:1.5}.panel-switch-input{opacity:0;width:37px;height:22px;margin:0;position:absolute;right:0}.panel-switch{background:var(--line,#d9d6ce);border-radius:12px;flex-shrink:0;width:37px;height:22px;transition:background .2s;position:relative}.panel-switch:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000001f}.panel-switch-input:checked+.panel-switch{background:var(--accent,#a66b53)}.panel-switch-input:checked+.panel-switch:before{transform:translate(15px)}.panel-switch-input:focus-visible+.panel-switch{outline:2px solid var(--accent,#a66b53);outline-offset:4px}.panel-saved-note{color:var(--muted,#77746c);justify-content:center;align-items:center;gap:6px;padding-bottom:6px;font-size:10px;display:flex}.appearance-paper-heading{justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 12px;font-size:12px;display:flex}.appearance-paper-heading small{color:var(--muted);font-size:9px}.appearance-paper-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;display:grid}.appearance-paper-card{text-align:start;min-width:0;color:var(--ink);background:0 0;border:0;flex-direction:column;gap:6px;padding:0;display:flex}.appearance-paper-card strong{margin-top:2px;font-size:11px;font-weight:500}.appearance-paper-card small{color:var(--muted);font-size:9px;line-height:1.6}.appearance-paper-swatch{border:1px solid var(--mushaf-edge);background-color:var(--mushaf-paper);background-image:var(--mushaf-grain);width:100%;height:96px;box-shadow:inset 9px 0 15px -13px rgb(var(--mushaf-binding) / .55), 0 2px 0 -1px var(--mushaf-edge);color:var(--mushaf-ink);border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative}.appearance-paper-card.is-selected .appearance-paper-swatch{outline:2px solid var(--accent);outline-offset:3px}.appearance-paper-card.is-selected strong{color:var(--accent)}.appearance-miniature-page{border:1px solid var(--mushaf-rule);opacity:.7;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:65%;height:72%;display:flex}.appearance-miniature-page i{opacity:.45;background:currentColor;width:65%;height:1px;display:block}.appearance-miniature-page i:first-child,.appearance-miniature-page i:last-child{width:43%}.appearance-paper-check{color:var(--mushaf-accent);position:absolute;inset:auto 7px 7px auto}.appearance-range{margin-top:25px}.appearance-script-options{flex-direction:column;gap:11px;display:flex}.appearance-script-card{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;color:var(--ink);text-align:start;border-radius:7px;flex-direction:column;gap:10px;padding:15px;display:flex}.appearance-script-card.is-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 35%, var(--paper))}.appearance-script-card:disabled{cursor:not-allowed;opacity:.65}.appearance-script-label{justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.appearance-script-label strong{font-weight:500}.appearance-script-label>svg{color:var(--accent)}.appearance-script-preview{text-align:center;font-synthesis:none;font-size:27px;line-height:2.25}.appearance-script-card small,.appearance-preview-unavailable{color:var(--muted);font-size:10px;line-height:1.6}.appearance-size-presets{gap:5px;margin-top:15px;display:flex}.appearance-size-presets button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:4px;flex:1;padding:8px 3px;font-size:9px}.appearance-word-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.appearance-word-modes button{border:1px solid var(--line);color:var(--ink);text-align:center;background:0 0;border-radius:6px;flex-direction:column;gap:7px;padding:13px 6px;display:flex}.appearance-word-modes strong{font-size:11px;font-weight:500}.appearance-word-modes small{color:var(--muted);font-size:8px;line-height:1.5}.appearance-size-presets button[aria-pressed=true],.appearance-word-modes button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.panel-help a{color:inherit;text-underline-offset:3px}.panel-study-verse{border-bottom:1px solid var(--line,#e4e0d7);margin:3px 0 25px;padding:0 0 23px}.panel-study-reference{color:var(--muted,#77746c);justify-content:space-between;align-items:center;margin-bottom:19px;font-size:11px;display:flex}.panel-study-reference>span{border:1px solid var(--line,#e4e0d7);color:var(--accent,#a66b53);border-radius:4px;padding:3px 8px;font-size:10px}.panel-study-verse p{font-family:var(--font-quran,"Amiri Quran", "Amiri", serif);text-align:start;margin:0;font-size:26px;line-height:2.5}.panel-study-loading{padding:55px 0}.panel-study-content{margin-top:27px}.panel-study-text{font-family:var(--font-serif,Georgia, serif);white-space:pre-wrap;overflow-wrap:break-word;font-size:19px;line-height:1.85}.panel-study-text[dir=rtl]{font-family:var(--font-uyghur,"Noto Naskh Arabic", "Geeza Pro", serif);font-size:20px;line-height:2.15}.panel-study-text[lang=ug][data-study-mode=translation]{font-family:var(--font-uyghur-translation,"Noto Naskh Arabic", serif);font-weight:var(--font-uyghur-translation-weight,400);font-synthesis:none}.panel-study-source{border-top:1px solid var(--line,#e4e0d7);color:var(--muted,#77746c);overflow-wrap:anywhere;flex-direction:column;gap:6px;margin-top:28px;padding-top:18px;font-size:11px;line-height:1.6;display:flex}.panel-study-source small{font-size:10px}.panel-bookmark{border-bottom:1px solid var(--line,#e4e0d7);align-items:center;gap:7px;padding:7px 0;display:flex}.panel-bookmark-link{text-align:start;min-width:0;color:var(--ink,#292820);background:0 0;border:0;flex:1;align-items:center;gap:13px;padding:14px 0;display:flex}.panel-bookmark-link>svg:first-child{color:var(--accent,#a66b53);flex-shrink:0}.panel-bookmark-link>svg:last-child{color:var(--muted,#77746c);flex-shrink:0}.panel-bookmark-link>span{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.panel-bookmark-link strong{overflow-wrap:anywhere;font-size:13px;font-weight:400;line-height:1.4}.panel-bookmark-link small{color:var(--muted,#77746c);font-size:10px}.panel-bookmark-remove{border-radius:5px;width:29px;height:32px}.panel-local-note{color:var(--muted,#77746c);padding-top:25px;font-size:10px;line-height:1.8}@keyframes panel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-fade-out{0%{opacity:1}to{opacity:0}}@keyframes panel-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes panel-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes panel-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes panel-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes panel-in-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes panel-out-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes panel-spin{to{transform:rotate(360deg)}}@media (max-width:600px){.reader-panel{border:1px solid var(--line,#e4e0d7);width:100%;height:min(91svh,850px);padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:0;border-radius:18px 18px 0 0;animation-name:panel-in-up;inset:auto 0 0}.reader-panel:before{content:"";background:var(--line,#e4e0d7);border-radius:2px;width:32px;height:3px;position:absolute;top:8px;left:calc(50% - 16px)}.reader-panel[data-state=closed]{animation-name:panel-out-down}.reader-panel-header{padding:29px 22px 20px}.reader-panel-title{font-size:29px}.reader-panel-body{padding:22px}.panel-icon-button{width:38px;height:38px}.panel-clear{width:22px;height:30px}.panel-search{min-height:47px}.panel-search input,.reader-panel select,.panel-page-input input{font-size:16px}.panel-search-submit{width:34px;height:32px}.panel-bookmark-remove{width:38px;height:40px}.panel-study-verse p{font-size:25px}}@media (prefers-reduced-motion:reduce){.reader-panel,.reader-panel-overlay,.reader-panel[data-state=closed],.reader-panel-overlay[data-state=closed],.panel-spin{animation:none!important}.reader-panel *{transition:none!important}}