:root{--bg: #0e1118;--bg-2: #0a0d12;--surface: rgba(23, 26, 35, .72);--surface-2: rgba(31, 36, 48, .85);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #e8e3d8;--text-dim: #a8a294;--text-mute: #6f6a5d;--accent: #d4a544;--accent-2: #5fb3a8;--accent-soft: rgba(212, 165, 68, .18);--reader-fs: 15.5px;--reader-lh: 1.72;--reader-ls: normal;--reader-ff: "Sree Krushnadevaraya", var(--serif), serif;--ok: #5fb98f;--ok-soft: rgba(95, 185, 143, .18);--danger: #d4625a;--parchment: #f4ecd8;--parchment-2: #ebe1c6;--ink: #2a2418;--ink-soft: #5a4d34;--shadow-lg: 0 30px 80px rgba(0, 0, 0, .55), 0 6px 20px rgba(0, 0, 0, .4);--shadow-md: 0 10px 30px rgba(0, 0, 0, .4);--radius: 14px;--radius-sm: 10px;--serif: "Cormorant Garamond", "Times New Roman", serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--arabic: "Amiri", "Scheherazade New", "Noto Naskh Arabic", serif;--bengali: "Hind Siliguri", "Noto Sans Bengali", sans-serif;--devanagari: "Hind", "Noto Sans Devanagari", sans-serif}[data-theme=light]{--bg: #f3eee2;--bg-2: #ebe4d1;--surface: rgba(255, 252, 244, .85);--surface-2: rgba(255, 255, 255, .95);--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .18);--text: #2a2418;--text-dim: #5a4d34;--text-mute: #8a7c5e;--accent: #b08330;--accent-2: #3a8a82;--accent-soft: rgba(176, 131, 48, .18);--ok: #2f8f63;--ok-soft: rgba(47, 143, 99, .16);--danger: #c24f46;--shadow-lg: 0 30px 80px rgba(80, 60, 30, .18), 0 6px 20px rgba(80, 60, 30, .12);--shadow-md: 0 10px 30px rgba(80, 60, 30, .12)}[data-theme=sepia]{--bg: #f4ecd8;--bg-2: #ebe1c6;--surface: rgba(244, 236, 216, .88);--surface-2: rgba(255, 248, 232, .95);--border: rgba(90, 77, 52, .12);--border-strong: rgba(90, 77, 52, .22);--text: #3a2e18;--text-dim: #6b5a3a;--text-mute: #9a8a6a;--accent: #8b6914;--accent-2: #2a7a6a;--accent-soft: rgba(139, 105, 20, .16);--ok: #3a8a5a;--ok-soft: rgba(58, 138, 90, .16);--danger: #b04040;--shadow-lg: 0 30px 80px rgba(60, 40, 10, .15), 0 6px 20px rgba(60, 40, 10, .1);--shadow-md: 0 10px 30px rgba(60, 40, 10, .1)}[data-theme=midnight]{--bg: #0a1628;--bg-2: #061020;--surface: rgba(14, 25, 48, .82);--surface-2: rgba(18, 32, 58, .92);--border: rgba(100, 140, 220, .1);--border-strong: rgba(100, 140, 220, .2);--text: #d8e4f0;--text-dim: #8aa0c0;--text-mute: #5a7090;--accent: #4a90d4;--accent-2: #3ac4c4;--accent-soft: rgba(74, 144, 212, .18);--ok: #3ab88a;--ok-soft: rgba(58, 184, 138, .18);--danger: #d45050;--shadow-lg: 0 30px 80px rgba(0, 0, 0, .55), 0 6px 20px rgba(0, 0, 0, .4);--shadow-md: 0 10px 30px rgba(0, 0, 0, .4)}[data-theme=forest]{--bg: #0e1a10;--bg-2: #0a140c;--surface: rgba(18, 32, 20, .82);--surface-2: rgba(24, 40, 28, .92);--border: rgba(100, 180, 110, .1);--border-strong: rgba(100, 180, 110, .2);--text: #d8ead8;--text-dim: #8aba8a;--text-mute: #5a8a5a;--accent: #5ab85a;--accent-2: #3ac4a4;--accent-soft: rgba(90, 184, 90, .18);--ok: #4ac870;--ok-soft: rgba(74, 200, 112, .18);--danger: #d45a5a;--shadow-lg: 0 30px 80px rgba(0, 0, 0, .55), 0 6px 20px rgba(0, 0, 0, .4);--shadow-md: 0 10px 30px rgba(0, 0, 0, .4)}[data-theme=ocean]{--bg: #0c1a2a;--bg-2: #081420;--surface: rgba(16, 28, 44, .82);--surface-2: rgba(22, 38, 58, .92);--border: rgba(80, 160, 200, .1);--border-strong: rgba(80, 160, 200, .2);--text: #d0e8f4;--text-dim: #80b0cc;--text-mute: #5080a0;--accent: #30a0d0;--accent-2: #40c4b0;--accent-soft: rgba(48, 160, 208, .18);--ok: #40c890;--ok-soft: rgba(64, 200, 144, .18);--danger: #d05858;--shadow-lg: 0 30px 80px rgba(0, 0, 0, .55), 0 6px 20px rgba(0, 0, 0, .4);--shadow-md: 0 10px 30px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{height:100%}html,body{overflow:hidden}body{margin:0;font-family:var(--sans);color:var(--text);background:radial-gradient(1200px 600px at 20% -10%,rgba(212,165,68,.08),transparent 60%),radial-gradient(900px 500px at 90% 110%,rgba(95,179,168,.07),transparent 60%),var(--bg);background-attachment:fixed;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;isolation:isolate}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--bg-photo, none) center / cover no-repeat;opacity:0;transition:opacity .6s ease}html[data-bg-mode=photo] body:before,html[data-bg-mode=upload] body:before{opacity:1}html[data-bg-mode=photo] body:before{background:linear-gradient(180deg,#080a0f85,#080a0fc2),var(--bg-photo, none) center / cover no-repeat}html[data-theme=light][data-bg-mode=photo] body:before{background:linear-gradient(180deg,#f3eee299,#f3eee2c7),var(--bg-photo, none) center / cover no-repeat}html[data-bg-pattern=star] body:before,.pat-thumb[data-p=star]{background-image:conic-gradient(from 22.5deg at 50% 50%,rgba(212,165,68,.1) 0 11.25deg,transparent 11.25deg 22.5deg,rgba(212,165,68,.1) 22.5deg 33.75deg,transparent 33.75deg 45deg,rgba(212,165,68,.1) 45deg 56.25deg,transparent 56.25deg 67.5deg,rgba(212,165,68,.1) 67.5deg 78.75deg,transparent 78.75deg 90deg,rgba(212,165,68,.1) 90deg 101.25deg,transparent 101.25deg 112.5deg,rgba(212,165,68,.1) 112.5deg 123.75deg,transparent 123.75deg 135deg,rgba(212,165,68,.1) 135deg 146.25deg,transparent 146.25deg 157.5deg,rgba(212,165,68,.1) 157.5deg 168.75deg,transparent 168.75deg 180deg,rgba(212,165,68,.1) 180deg 191.25deg,transparent 191.25deg 202.5deg,rgba(212,165,68,.1) 202.5deg 213.75deg,transparent 213.75deg 225deg,rgba(212,165,68,.1) 225deg 236.25deg,transparent 236.25deg 247.5deg,rgba(212,165,68,.1) 247.5deg 258.75deg,transparent 258.75deg 270deg,rgba(212,165,68,.1) 270deg 281.25deg,transparent 281.25deg 292.5deg,rgba(212,165,68,.1) 292.5deg 303.75deg,transparent 303.75deg 315deg,rgba(212,165,68,.1) 315deg 326.25deg,transparent 326.25deg 337.5deg,rgba(212,165,68,.1) 337.5deg 348.75deg,transparent 348.75deg 360deg),radial-gradient(circle at 25% 25%,rgba(95,179,168,.08) 0 2px,transparent 3px),radial-gradient(circle at 75% 75%,rgba(95,179,168,.08) 0 2px,transparent 3px),radial-gradient(circle at 25% 75%,rgba(95,179,168,.06) 0 2px,transparent 3px),radial-gradient(circle at 75% 25%,rgba(95,179,168,.06) 0 2px,transparent 3px);background-size:150px 150px,150px 150px,150px 150px,150px 150px,150px 150px}html[data-bg-pattern=arabesque] body:before,.pat-thumb[data-p=arabesque]{background-image:radial-gradient(circle at 0 0,rgba(212,165,68,.1) 0 14px,transparent 15px),radial-gradient(circle at 100% 0,rgba(95,179,168,.09) 0 14px,transparent 15px),radial-gradient(circle at 50% 50%,rgba(212,165,68,.05) 0 1px,transparent 2px);background-size:130px 130px,130px 130px,40px 40px}html[data-bg-pattern=geometric] body:before,.pat-thumb[data-p=geometric]{background-image:linear-gradient(45deg,rgba(212,165,68,.09) 25%,transparent 25%,transparent 75%,rgba(212,165,68,.09) 75%),linear-gradient(45deg,rgba(212,165,68,.09) 25%,transparent 25%,transparent 75%,rgba(212,165,68,.09) 75%),linear-gradient(135deg,rgba(95,179,168,.07) 25%,transparent 25%,transparent 75%,rgba(95,179,168,.07) 75%);background-size:64px 64px,64px 64px,64px 64px;background-position:0 0,32px 32px,0 0}html[data-bg-pattern=night] body:before,.pat-thumb[data-p=night]{background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.55) 0 1px,transparent 2px),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.4) 0 1px,transparent 2px),radial-gradient(1.5px 1.5px at 65% 25%,rgba(255,255,255,.5) 0 1.5px,transparent 2.5px),radial-gradient(1px 1px at 80% 60%,rgba(255,255,255,.45) 0 1px,transparent 2px),radial-gradient(1px 1px at 90% 20%,rgba(255,255,255,.35) 0 1px,transparent 2px),radial-gradient(1px 1px at 10% 85%,rgba(255,255,255,.35) 0 1px,transparent 2px),linear-gradient(160deg,rgba(212,165,68,.07),transparent 45%);background-size:230px 230px,230px 230px,230px 230px,230px 230px,230px 230px,230px 230px,100% 100%}html[data-bg-pattern=minimal] body:before,.pat-thumb[data-p=minimal]{background-image:linear-gradient(90deg,transparent 0 46%,rgba(212,165,68,.06) 46% 54%,transparent 54%),linear-gradient(180deg,transparent 0 24%,rgba(95,179,168,.05) 24% 25%,transparent 25% 74%,rgba(95,179,168,.05) 74% 75%,transparent 75%);background-size:100% 100%}.overflow-y{overflow-y:auto;overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}h1,h2,h3{margin:0;font-weight:600}.muted{color:var(--text-dim)}.ic{display:inline-block;width:18px;height:18px;flex:none;background:currentColor;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;vertical-align:-3px}.ic-bookshelf{--icon: url(/icons/svg/bookshelf.svg)}.ic-search{--icon: url(/icons/svg/search.svg)}.ic-moon{--icon: url(/icons/svg/moon.svg)}.ic-sun{--icon: url(/icons/svg/sun.svg)}.ic-maximize{--icon: url(/icons/svg/maximize.svg)}.ic-minimize{--icon: url(/icons/svg/minimize.svg)}.ic-download{--icon: url(/icons/svg/download.svg)}.ic-cloud-download{--icon: url(/icons/svg/cloud-download.svg)}.ic-trash{--icon: url(/icons/svg/trash.svg)}.ic-trash-2{--icon: url(/icons/svg/trash-2.svg)}.ic-list{--icon: url(/icons/svg/list.svg)}.ic-bookmark-plus{--icon: url(/icons/svg/bookmark-plus.svg)}.ic-book-open{--icon: url(/icons/svg/book-open.svg)}.ic-arrow-left{--icon: url(/icons/svg/arrow-left.svg)}.ic-mosque{--icon: url(/icons/svg/mosque.svg)}.ic-check{--icon: url(/icons/svg/check.svg)}.ic-wifi-off{--icon: url(/icons/svg/wifi-off.svg)}.ic-loader{--icon: url(/icons/svg/loader-circle.svg)}.ic-info{--icon: url(/icons/svg/info.svg)}.ic-x{--icon: url(/icons/svg/x.svg)}.ic-globe{--icon: url(/icons/svg/globe.svg)}.ic-monitor{--icon: url(/icons/svg/monitor.svg)}.ic-tablet-smartphone{--icon: url(/icons/svg/tablet-smartphone.svg)}.ic-refresh-cw{--icon: url(/icons/svg/refresh-cw.svg)}.ic-volume-2{--icon: url(/icons/svg/volume-2.svg)}.ic-volume-x{--icon: url(/icons/svg/volume-x.svg)}.ic-bookmark{--icon: url(/icons/svg/bookmark.svg)}.ic-share-2{--icon: url(/icons/svg/share-2.svg)}.ic-book-marked{--icon: url(/icons/svg/book-marked.svg)}.ic-star{--icon: url(/icons/svg/star.svg)}.ic-quote{--icon: url(/icons/svg/quote.svg)}.ic-settings{--icon: url(/icons/svg/settings.svg)}.ic-image{--icon: url(/icons/svg/image.svg)}.ic-sm{width:14px;height:14px}.ic-lg{width:22px;height:22px}.topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:14px 28px;padding-top:max(14px,env(safe-area-inset-top));background:var(--surface);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#b08330);color:#1a1408;box-shadow:0 6px 20px var(--accent-soft)}.brand-icon{width:22px;height:22px}.brand-text h1{font-family:var(--serif);font-size:20px;letter-spacing:.2px}.brand-text p{margin:2px 0 0;font-size:11px;color:var(--text-mute);letter-spacing:.4px}.search{position:relative;max-width:560px;margin:0 auto;width:100%}.search input{width:100%;padding:12px 14px 12px 40px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;color:var(--text);font-size:14px;transition:border-color .2s,box-shadow .2s}.search input::placeholder{color:var(--text-mute)}.search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-mute)}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:380px;overflow-y:auto;background:var(--surface-2);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:40}.search-result{padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.search-result:hover{background:var(--accent-soft)}.search-result:last-child{border-bottom:none}.search-result .sr-title{font-weight:600;font-size:13px;color:var(--accent);margin-bottom:4px}.search-result .sr-text{font-size:12px;color:var(--text-dim);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result mark{background:var(--accent-soft);color:var(--accent);padding:0 2px;border-radius:2px}.search-empty{padding:20px;text-align:center;color:var(--text-mute);font-size:13px;line-height:1.6}.search-note{display:flex;gap:8px;align-items:center;justify-content:center}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);transition:transform .15s,background .2s,border-color .2s}.icon-btn:hover{transform:translateY(-1px);border-color:var(--border-strong)}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:nowrap;white-space:nowrap}.app{display:flex;flex-direction:column;height:100%}.library{max-width:1440px;margin:0 auto;padding:20px 28px 18px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.library-intro{text-align:center;margin-bottom:14px;flex:none}.library-intro h2{font-family:var(--serif);font-size:clamp(24px,3vw,34px);letter-spacing:.4px}.library-intro p{margin:4px 0 0;font-size:13px}.shelf-actions{display:flex;gap:12px;justify-content:center;margin-top:12px;flex-wrap:wrap}.shelf-stage{position:relative;perspective:1400px;perspective-origin:50% 30%;padding:16px 0 0;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end}.shelf-row{--spine-w: clamp(84px, 8.2vw, 122px);--spine-h: min(clamp(220px, 48vh, 520px), calc(100dvh - 350px) );display:flex;justify-content:center;align-items:flex-end;gap:6px;flex-wrap:wrap;padding:0 20px 25px}.shelf-floor{position:absolute;left:4%;right:4%;bottom:0;height:14px;background:linear-gradient(180deg,#ffffff12,#00000080),#22242b;border-radius:3px;box-shadow:0 4px 12px #00000073,inset 0 1px #ffffff14}.shelf-shadow{position:absolute;left:8%;right:8%;bottom:-20px;height:40px;background:radial-gradient(ellipse at center,rgba(0,0,0,.4),transparent 70%);filter:blur(8px)}.book-spine{position:relative;width:var(--spine-w);height:var(--spine-h);margin:2px;cursor:pointer;overflow:hidden;border-radius:4px;background:gray;box-shadow:0 .5rem 1rem #0006;border-top-style:solid;border-top-width:1px;border-image:linear-gradient(to right,#333,#333 15%,#faebd7 30% 70%,#333 85%,#333);border-image-slice:1;filter:grayscale(25%);transition:margin-top .3s ease-in-out,box-shadow .3s ease-in-out,transform .3s ease-in-out,filter .3s ease-in-out;z-index:1}.book-spine:hover{z-index:10;margin-top:-15px;transform:scale(1.03);box-shadow:0 .5rem 3rem -.5rem #0006;filter:grayscale(0%)}.book-spine:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.book-spine:before{content:"";position:absolute;inset:0;border-radius:4px;box-shadow:inset -.35rem 0 .5rem #0006,inset .35rem 0 .5rem #0006;pointer-events:none;z-index:2}.book-spine[data-theme=graphic]{background:radial-gradient(ellipse at top,#00000059,#000000bf),radial-gradient(ellipse at bottom,rgba(70,70,70,.5),transparent),linear-gradient(180deg,var(--c1, #5a3a1a),var(--c2, #3a2410))}.book-spine[data-theme=data]{background:radial-gradient(ellipse at top,#320a578c,#000000bf),radial-gradient(ellipse at bottom,rgba(70,70,70,.5),transparent),linear-gradient(180deg,var(--c1, #1f4a3a),var(--c2, #0f2a20))}.book-spine[data-theme=photo]{background:radial-gradient(ellipse at top,#bd93bd8c,#000000d9),radial-gradient(ellipse at bottom,rgba(185,154,154,.5),transparent),linear-gradient(180deg,var(--c1, #4a1f3a),var(--c2, #2a0f20))}.book-spine[data-theme=landscape]{background:radial-gradient(ellipse at top,#025f128c,#000000bf),radial-gradient(ellipse at bottom,rgba(70,70,70,.5),transparent),linear-gradient(180deg,var(--c1, #3a3a5a),var(--c2, #1a1a30))}.book-spine[data-theme=writing]{background:radial-gradient(ellipse at top,#5e0f06c2,#000000bf),radial-gradient(ellipse at bottom,rgba(70,70,70,.5),transparent),linear-gradient(180deg,var(--c1, #5a4a1f),var(--c2, #302a10))}.book-spine[data-theme=web]{background:radial-gradient(ellipse at top,#ffffffa1,#000000bf),radial-gradient(ellipse at bottom,rgba(70,70,70,.5),transparent),linear-gradient(180deg,var(--c1, #2a4a3a),var(--c2, #102a1f))}.book-spine .spine-title{text-shadow:0 0 .5rem rgba(0,0,0,.8)}.spine-deco{position:absolute;top:14px;left:6px;right:6px;height:4px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.7;z-index:1}.spine-deco.bottom{top:auto;bottom:14px}.spine-title{position:absolute;inset:40px 4px 56px;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;color:var(--accent);font-size:clamp(14px,1.5vw,19px);font-weight:600;letter-spacing:clamp(1px,.2vw,2.5px);text-shadow:0 1px 0 rgba(0,0,0,.6);z-index:1;padding:0 2px;word-break:break-word;text-align:center}.book-spine[data-theme=graphic] .spine-title{font-family:Unica One,cursive;color:#ff8c00}.book-spine[data-theme=data] .spine-title{font-family:Smooch Sans,sans-serif;color:#ddcece}.book-spine[data-theme=photo] .spine-title{font-family:Nothing You Could Do,cursive;color:#212121}.book-spine[data-theme=landscape] .spine-title{font-family:Fredericka the Great,cursive;color:#f7e5c0}.book-spine[data-theme=writing] .spine-title{font-family:Lora,serif;color:#d8bfbf}.book-spine[data-theme=web] .spine-title{font-family:Inconsolata,monospace;color:#333}.spine-status{position:absolute;bottom:22px;left:0;right:0;text-align:center;font-size:clamp(9px,1vw,11px);letter-spacing:.5px;z-index:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 4px}.spine-status .ic{width:10px;height:10px;vertical-align:-1px}.spine-status.ready{color:var(--ok);font-weight:600}.spine-status.pending{color:#ffffff73}.spine-status.error{color:var(--danger)}.spine-progress{position:absolute;left:6px;right:6px;bottom:34px;height:4px;background:#00000059;border-radius:999px;overflow:hidden;z-index:1}.spine-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transition:width .2s ease}.spine-read{position:absolute;left:8px;right:8px;bottom:12px;height:3px;background:#00000059;border-radius:999px;overflow:hidden;z-index:1}.spine-read-bar{height:100%;width:0%;background:var(--ok);border-radius:999px;transition:width .3s ease}.spine-cancel{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:#00000080;color:#fff;display:grid;place-items:center;z-index:3;opacity:0;transition:opacity .2s}.spine-cancel .ic{width:10px;height:10px}.book-spine:hover .spine-cancel,.book-spine.downloading .spine-cancel{opacity:1}.spine-remove{position:absolute;top:10px;right:10px;width:20px;height:20px;border-radius:50%;background:#0000008c;color:#ffd9d9;display:grid;place-items:center;z-index:3;opacity:0;transition:opacity .2s}.spine-remove .ic{width:10px;height:10px}.book-spine:hover .spine-remove,.book-spine.ready:focus-within .spine-remove{opacity:1}.book-spine.downloading{cursor:default}.quran-tile{position:relative;width:var(--spine-w, 58px);height:var(--spine-h, 230px);margin:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;overflow:hidden;background:radial-gradient(ellipse at top,#0c5034bf,#000000b3),radial-gradient(ellipse at bottom,rgba(70,70,70,.5),transparent),linear-gradient(180deg,#16402c,#0a2118);border-top-style:solid;border-top-width:1px;border-image:linear-gradient(to right,#333,#333 15%,#c9a86a 30% 70%,#333 85%,#333);border-image-slice:1;border-radius:4px;color:#ffffff8c;box-shadow:0 .5rem 1rem #0006;filter:grayscale(25%);cursor:pointer;transition:margin-top .3s ease-in-out,box-shadow .3s ease-in-out,transform .3s ease-in-out,filter .3s ease-in-out;z-index:1}.quran-tile:before{content:"";position:absolute;inset:0;border-radius:4px;box-shadow:inset -.35rem 0 .5rem #0006,inset .35rem 0 .5rem #0006;pointer-events:none;z-index:2}.quran-tile:hover{z-index:10;margin-top:-15px;transform:scale(1.03);box-shadow:0 .5rem 3rem -.5rem #0006;filter:grayscale(0%)}.quran-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.quran-tile[data-quran-state=ready]{border-color:#5fb98fb3}.quran-tile[data-quran-state=downloading]{cursor:default}.quran-tile .qt-icon{width:clamp(28px,3vw,44px);height:clamp(28px,3vw,44px);color:#e9c46a}.quran-tile .qt-title{font-family:var(--serif);font-size:clamp(14px,1.5vw,19px);font-weight:700;letter-spacing:2.5px;writing-mode:vertical-rl;text-orientation:mixed;color:#ffffffe6;text-shadow:0 0 .5rem rgba(0,0,0,.8)}.quran-tile .qt-ar{font-family:var(--arabic);font-size:clamp(14px,1.4vw,18px);color:#e9c46a}.quran-tile .qt-status{display:flex;align-items:center;gap:5px;font-size:clamp(8px,1vw,10px);letter-spacing:1px;text-transform:uppercase;color:#e9c46a;max-width:90%;overflow:hidden;white-space:nowrap}.quran-tile .qt-status .ic{width:12px;height:12px;flex:none}.quran-tile .qt-progress{width:80%;height:4px;border-radius:999px;background:#ffffff24;overflow:hidden}.quran-tile .qt-progress-bar{height:100%;width:0%;border-radius:999px;background:#e9c46a;transition:width .2s}.quran-tile .qt-remove{position:absolute;inset:6px 6px auto auto;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#0000008c;color:#ffd9d9;opacity:0;transition:opacity .2s;z-index:3}.quran-tile:hover .qt-remove,.quran-tile.ready:focus-within .qt-remove{opacity:1}.quran-tile .qt-remove .ic{width:12px;height:12px}.bm-panel .bm-ch{font-size:11px;color:var(--text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bm-panel .bm-empty{padding:20px;text-align:center;font-size:13px;color:var(--text-mute)}.bm-panel .bm-h{color:var(--accent);font-weight:700;min-width:0}.library-stats{text-align:center;margin-top:16px;color:var(--text-mute);font-size:13px;letter-spacing:.5px;line-height:2;flex:none}.library-stats .dot{margin:0 10px;opacity:.5}.stats-row{display:flex;flex-wrap:wrap;justify-content:center;gap:0;align-items:center}.library-footer{flex:none;text-align:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-size:12px;color:var(--text-mute)}.library-footer p{margin:0;line-height:1.8}.library-footer a{color:var(--accent);text-decoration:none}.library-footer a:hover{text-decoration:underline}.reader{--surface: rgba(255, 255, 255, .78);--surface-2: rgba(255, 255, 255, .92);--border: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .2);--text: #2a2418;--text-dim: #5a4d34;--text-mute: #8a7c5e;--accent: #ffce14;--accent-soft: rgba(255, 206, 20, .24);--shadow-md: 0 10px 30px rgba(30, 40, 70, .2);position:fixed;inset:0;z-index:50;display:grid;grid-template-columns:1fr;background:radial-gradient(1300px 720px at 50% 40%,rgba(255,255,255,.55),transparent 62%),#e2e2f5b3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:fadeIn .35s ease}[data-theme=dark] .reader{--surface: rgba(22, 24, 36, .82);--surface-2: rgba(30, 32, 46, .94);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--text: #ece6d8;--text-dim: #b6b0a0;--text-mute: #8d8798;--accent: #ffce14;--accent-soft: rgba(255, 206, 20, .18);background:radial-gradient(1300px 720px at 50% 40%,rgba(130,140,190,.12),transparent 62%),#17182ac2}.reader[hidden],.toc-panel[hidden],.bm-panel[hidden],.search-results[hidden],.quran-reader[hidden],.quran-minibar[hidden]{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reader-toolbar{position:absolute;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 28px;padding-top:max(12px,env(safe-area-inset-top));z-index:5;pointer-events:none}.reader-toolbar>*{pointer-events:auto}.reader-title{text-align:center;font-family:var(--serif);font-size:18px}.reader-chapter{text-align:right;font-size:12px;color:var(--text-mute);letter-spacing:.4px;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#reader-close{max-width:150px;width:max-content;justify-content:center;white-space:nowrap;overflow:hidden;padding:6px 12px;font-size:12px}.ghost-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);text-decoration:none;padding:8px 14px;border-radius:999px;font-size:13px;display:inline-flex;align-items:center;gap:7px;max-width:150px;transition:all .2s}.ghost-btn:hover{border-color:var(--accent);color:var(--accent)}.reader-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 20px 10px;gap:30px;height:100%}.book{--book-w: 95%;--book-h: 85%;position:relative;width:var(--book-w);height:var(--book-h);max-width:1300px;min-height:380px;flex:none;box-shadow:0 41px 38px -20px #0a3150}.book-cover{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.6,.05,.2,1);z-index:10}.book[data-state=open] .book-cover{transform:rotateY(-160deg) translate(-100%);box-shadow:var(--shadow-lg);pointer-events:none;z-index:0;opacity:0;transition:transform 1s cubic-bezier(.6,.05,.2,1),opacity 0s linear .7s}.cover-frame{position:absolute;inset:0;background:radial-gradient(120% 90% at 72% 12%,rgba(255,200,90,.1),transparent 55%),linear-gradient(135deg,#4a2c12,#241407 55%,#331d0b);border-radius:4px 12px 12px 4px;padding:18px;box-shadow:inset 0 0 0 2px #d4a54473,inset 0 0 0 4px #160d04;display:grid;place-items:center;overflow:hidden}.cover-frame:before{content:"HADITH & QURAN LIBRARY";position:absolute;top:24px;left:30px;font-family:var(--sans);font-size:9px;letter-spacing:4px;color:#d4a5448c;white-space:nowrap}.cover-frame:after{content:"";position:absolute;bottom:30px;left:50%;transform:translate(-50%);width:140px;height:2px;background:linear-gradient(90deg,transparent,rgba(212,165,68,.85),transparent);border-radius:2px}.cover-pattern{position:absolute;inset:14px;border:1px solid rgba(212,165,68,.3);border-radius:2px;background-image:conic-gradient(from 45deg at 50% 50%,rgba(212,165,68,.06) 0 25%,transparent 25% 50%,rgba(212,165,68,.06) 50% 75%,transparent 75%),radial-gradient(circle at 20% 30%,rgba(212,165,68,.1) 0 6px,transparent 7px),radial-gradient(circle at 80% 70%,rgba(212,165,68,.1) 0 6px,transparent 7px),radial-gradient(rgba(212,165,68,.07) 0 1px,transparent 2px);background-size:56px 56px,90px 90px,90px 90px,16px 16px;pointer-events:none}.cover-content{text-align:center;color:var(--accent);padding:30px;position:relative;z-index:1}.cover-eyebrow{font-size:10px;letter-spacing:5px;text-transform:uppercase;color:#d4a544a6;margin-bottom:22px}.cover-title{font-family:var(--serif);font-size:clamp(30px,4vw,58px);font-weight:700;line-height:1.05;margin:0 0 18px;text-shadow:0 2px 6px rgba(0,0,0,.65);letter-spacing:.5px}.cover-rule{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:0 auto 18px}.cover-author{font-size:12px;color:#e8e3d899;letter-spacing:1.5px}.cover-tap{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:2px;color:var(--text-mute);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.book[data-state=open] .cover-tap{display:none}.book-pages{position:absolute;inset:0;background:transparent;border-radius:2px 10px 10px 2px;box-shadow:0 30px 60px #00000080,inset 0 0 0 1px #785a3259;overflow:hidden;opacity:0;transition:opacity .5s ease}.book[data-state=open] .book-pages{opacity:1}.book[data-state=cover] .book-pages{opacity:0;pointer-events:none}.mag-book{position:absolute;inset:0;perspective:1800px}.mag-scene{position:absolute;inset:0;transform-style:preserve-3d}.mag-spread{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr}.mag-spread[data-single="1"]{grid-template-columns:1fr}.page{position:relative;overflow:hidden;color:#ffe9b8;font-family:"Sree Krushnadevaraya",var(--serif),serif;background-color:#191f2c;scrollbar-width:thin;scrollbar-color:rgba(255,206,20,.35) transparent}.page.--left{border-radius:4px 0 0 4px;box-shadow:inset -16px 0 26px -14px #0000008c}.page.--right{border-radius:0 4px 4px 0;box-shadow:inset 16px 0 26px -14px #0000008c}.mag-spread[data-single="1"] .page{border-radius:4px;box-shadow:inset 0 0 26px -12px #00000080}.mag-inner{position:absolute;inset:0;display:flex;flex-direction:column;padding:20px 26px 34px;overflow:hidden;background:radial-gradient(900px 500px at 80% -10%,rgba(255,206,20,.07),transparent 55%),linear-gradient(180deg,#0d121ca8,#0a0e16e6),var(--bg-photo, none) center / cover no-repeat,#191f2c}.mag-inner:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 12% 18%,rgba(255,206,20,.05) 0 1px,transparent 2px),radial-gradient(circle at 85% 70%,rgba(255,206,20,.05) 0 1px,transparent 2px);background-size:190px 190px}[data-theme=light] .mag-inner{background:radial-gradient(900px 500px at 80% -10%,rgba(255,206,20,.08),transparent 55%),linear-gradient(180deg,#1c2230b8,#101520eb),var(--bg-photo, none) center / cover no-repeat,#1d2534}.mag-chrome{position:relative;flex:none;height:22px;z-index:3}.mag-logo{position:absolute;top:2px;left:0;max-width:78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:"Catamaran",var(--sans);font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:#ffce14;opacity:.85;pointer-events:none}.mag-hamburger{position:absolute;top:3px;right:0;width:22px;height:15px;pointer-events:none}.mag-hamburger i{display:block;height:1px;background:#ffce14;opacity:.85;margin-bottom:5px}.mag-hamburger i:last-child{width:58%;margin-bottom:0}.page-text{position:static;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;z-index:1;font-size:16px;line-height:var(--reader-lh,1.62)}.page-meta{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:"Catamaran",var(--sans);font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#ffce14;padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid rgba(255,206,20,.4);z-index:1}.page-meta .page-no{color:#ffce14;font-weight:700;font-size:13px;letter-spacing:2px;flex:none}.page-meta .page-chapter-en{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}.page-foot{position:absolute;bottom:14px;left:0;right:0;display:flex;align-items:flex-end;gap:14px;padding:0 26px;z-index:2;pointer-events:none}.page-foot .pf-no{font-family:var(--serif);font-size:28px;font-weight:700;letter-spacing:8px;color:#ffce14;line-height:1}.page-foot .pf-no:after{content:"";display:block;width:88px;height:1px;background:#ffce14;margin-top:9px}.page-foot .pf-line{flex:1;height:1px;margin-bottom:8px;background:linear-gradient(90deg,rgba(255,206,20,.5),transparent)}.page.--right .page-foot{flex-direction:row-reverse}.page.--right .page-foot .pf-line{background:linear-gradient(270deg,rgba(255,206,20,.5),transparent)}.hadith-no{position:relative;display:inline-block;font-family:"Catamaran",var(--sans);font-size:10px;font-weight:700;letter-spacing:2px;background:#ffce14;color:#1a1408;padding:3px 9px;border-radius:999px;margin-bottom:12px;z-index:1}.hadith-text{position:relative;font-size:var(--reader-fs);line-height:var(--reader-lh);letter-spacing:var(--reader-ls);font-family:var(--reader-ff);text-align:justify;hyphens:auto;color:#ffe9b8;z-index:1}.hadith-text.ar{direction:rtl;text-align:right;font-family:var(--arabic);font-size:calc(var(--reader-fs) * 1.24);line-height:1.95;color:#fff3d6}.hadith-text+.hadith-text{margin-top:14px;padding-top:14px;border-top:1px dashed rgba(255,206,20,.28)}.hadith-text.tr{font-size:calc(var(--reader-fs) * .96);color:#e6d9a8}.hadith-text.tr.ar-bn,.hadith-text.tr.en-bn{font-family:var(--bengali);line-height:1.85}.hadith-text.tr.ar-hi,.hadith-text.tr.en-hi{font-family:var(--devanagari);line-height:1.85}.hadith-text.tr.ar-ur,.hadith-text.tr.en-ur{direction:rtl;text-align:right;font-family:var(--arabic);font-size:calc(var(--reader-fs) * 1.1);line-height:1.9}.tr-head{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#d8c98f;margin-bottom:8px}.tr-body.tr-loading{color:#d8c98f;font-style:italic}.tr-body.tr-error{color:#ff8f7a;font-style:italic;font-size:12px}.tr-retry{background:none;border:1px solid rgba(255,206,20,.5);color:#ffce14;border-radius:999px;padding:2px 10px;cursor:pointer;font-size:11px;margin-left:6px}.hadith-empty{position:relative;font-style:italic;color:#d8c98f;z-index:1}.end-of-book{position:relative;display:grid;place-items:center;height:100%;font-family:var(--serif);font-size:14px;letter-spacing:3px;text-transform:uppercase;color:#ffce148c;opacity:.85;z-index:1}.skeleton{position:relative;overflow:hidden;border-radius:6px;background:#ffce141f;z-index:1}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,206,20,.1),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translate(100%)}}.mag-flip{position:absolute;top:0;bottom:0;width:50%;z-index:4;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.6,.05,.2,1);will-change:transform}.mag-flip.--forward{right:0;transform-origin:left center;transform:rotateY(0)}.mag-flip.--forward.flipping{transform:rotateY(-180deg)}.mag-flip.--backward{left:0;transform-origin:right center;transform:rotateY(0)}.mag-flip.--backward.flipping{transform:rotateY(180deg)}.mag-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.mag-face-back{transform:rotateY(180deg)}.mag-flip .page,.mag-fade .page{width:100%;height:100%}.mag-fade{position:absolute;top:0;bottom:0;width:50%;z-index:3;transition:opacity .22s ease .66s}.mag-fade.--left{left:0}.mag-fade.--right{right:0}.mag-fade.fading{opacity:0}.page .qtr-r-hamzat_wasl{color:#ff7a72}.page .qtr-r-lam_shamsiyyah{color:#52c98b}.page .qtr-r-madd_2{color:#5fa5f0}.page .qtr-r-madd_246{color:#c994e0}.page .qtr-r-madd_6{color:#f0b55c}.flip-zone{position:absolute;top:0;bottom:0;width:clamp(52px,6vw,84px);background:transparent;border:0;cursor:pointer;z-index:5}.flip-prev{left:0}.flip-next{right:0}.flip-zone:hover{background:linear-gradient(90deg,rgba(255,206,20,.05),transparent)}.flip-next:hover{background:linear-gradient(-90deg,rgba(255,206,20,.05),transparent)}.book-arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:1px solid #ffce14;background:#0a0c1259;color:#ffce14;display:grid;place-items:center;z-index:6;cursor:pointer;opacity:.95;transition:box-shadow .25s,opacity .2s,transform .2s;box-shadow:0 0 #ffce1400}.book-arrow:after{font-size:18px;line-height:1}.book-arrow-prev{left:-44px}.book-arrow-prev:after{content:"‹";margin-right:1px}.book-arrow-next{right:-44px}.book-arrow-next:after{content:"›";margin-left:1px}.book-arrow:hover{box-shadow:0 0 0 12px #ffce1438;transform:translateY(-50%) scale(1.08)}.book-arrow:disabled{opacity:0;pointer-events:none}.reader-controls{display:flex;align-items:center;gap:10px;padding:10px 18px;background:var(--surface-2);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-md);max-width:96vw;flex-wrap:nowrap}.ctrl{display:grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border-radius:999px;color:var(--text);font-size:18px;transition:background .2s,color .2s,transform .15s}.ctrl:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.ctrl:active:not(:disabled){transform:scale(.95)}.ctrl:disabled{opacity:.3;cursor:not-allowed}.ctrl.ghost{font-size:12px;letter-spacing:.5px;color:var(--text-dim);gap:6px;display:inline-flex;align-items:center}.ctrl.active{color:var(--accent);background:var(--accent-soft)}.ctrl.active .ic{color:var(--accent)}.ctrl.speaking{color:#fff;background:var(--accent)}.ctrl.speaking:hover{color:#fff}.font-ctrl{font-size:13px;font-weight:700;min-width:36px;padding:0 8px}.page-info{font-family:var(--sans);font-size:13px;color:var(--text-dim);padding:0 6px;min-width:96px;text-align:center;white-space:nowrap}.spacer{width:1px;height:20px;background:var(--border);margin:0 4px}.lang-select{height:40px;min-width:0;max-width:190px;padding:0 26px 0 10px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:999px;font-size:12px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-mute) 50%),linear-gradient(135deg,var(--text-mute) 50%,transparent 50%);background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;background-size:5px 5px;background-repeat:no-repeat;text-overflow:ellipsis;white-space:nowrap}.lang-select:focus{outline:none;border-color:var(--accent)}.lang-select option{background:var(--surface-2);color:var(--text)}.toc-panel{position:absolute;top:80px;right:28px;width:340px;max-height:calc(100vh - 140px);background:var(--surface-2);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);display:flex;flex-direction:column;animation:slideIn .25s ease;z-index:6}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.toc-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.toc-head h3{font-family:var(--serif);font-size:18px}.toc-list{list-style:none;margin:0;padding:8px;overflow-y:auto}.toc-list li{padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;color:var(--text-dim);transition:background .15s,color .15s;display:flex;gap:10px;align-items:baseline}.toc-list li:hover{background:var(--accent-soft);color:var(--text)}.toc-list li .ch-no{color:var(--accent);font-family:var(--sans);font-size:11px;font-weight:600;min-width:26px}.toc-list li .ch-name{flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.toc-list li.active{background:var(--accent-soft);color:var(--accent)}.bm-panel{position:fixed;top:80px;right:28px;z-index:40}.bm-panel .bm-item{flex-direction:column;gap:4px;align-items:stretch}.settings-panel{position:fixed;inset:0;z-index:90;display:grid;place-items:center}.settings-panel[hidden]{display:none!important}.settings-backdrop{position:absolute;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.settings-dialog{position:relative;width:min(560px,calc(100vw - 28px));max-height:min(84vh,720px);display:flex;flex-direction:column;background:var(--surface-2);backdrop-filter:blur(24px);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:fadeIn .2s ease,slideUp .28s cubic-bezier(.2,.7,.2,1)}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.settings-head{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border)}.settings-head h3{font-family:var(--serif);font-size:20px}.settings-body{overflow-y:auto;padding:6px 20px 22px}.settings-section{padding:14px 0;border-bottom:1px solid var(--border)}.settings-section:last-child{border-bottom:0}.settings-section h4{font-family:var(--serif);font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin:0 0 10px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0}.set-row label{font-size:13px;color:var(--text-dim);flex:none}.set-row select,.set-row input[type=text],.set-row input[type=password]{flex:1;min-width:0;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;outline:none;transition:border-color .2s}.set-row select:focus,.set-row input:focus{border-color:var(--accent)}.set-row select option{background:var(--surface-2);color:var(--text)}.set-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.set-inline .ctrl{min-width:36px;height:36px;font-size:13px}.set-bg-mode{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.set-bg-mode button{border:0;background:transparent;color:var(--text-dim);font-size:12px;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}.set-bg-mode button.active{background:var(--accent);color:#1a0e04;font-weight:600}.bg-patterns{display:flex;gap:8px;flex-wrap:wrap}.pat-thumb{width:46px;height:46px;border-radius:10px;border:2px solid var(--border);background:var(--surface-2);cursor:pointer;transition:transform .15s,border-color .15s}.pat-thumb:hover{transform:scale(1.07)}.pat-thumb.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.set-hint{font-size:11.5px;color:var(--text-mute);padding-top:4px;line-height:1.5}.set-rate{flex:1;min-width:0}.set-rate input[type=range]{flex:1;min-width:120px;accent-color:var(--accent)}.theme-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color .2s,box-shadow .2s}.theme-swatch:hover{border-color:var(--accent-soft)}.theme-swatch.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.theme-swatch-color{width:36px;height:36px;border-radius:50%;border:2px solid var(--border-strong);box-shadow:inset 0 0 6px #00000026}.theme-swatch-label{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim)}.theme-swatch[data-theme=dark] .theme-swatch-color{background:#0e1118}.theme-swatch[data-theme=light] .theme-swatch-color{background:#f3eee2}.theme-swatch[data-theme=sepia] .theme-swatch-color{background:#f4ecd8}.theme-swatch[data-theme=midnight] .theme-swatch-color{background:#0a1628}.theme-swatch[data-theme=forest] .theme-swatch-color{background:#0e1a10}.theme-swatch[data-theme=ocean] .theme-swatch-color{background:#0c1a2a}.reading-style-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reading-style-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color .2s,box-shadow .2s}.reading-style-swatch:hover{border-color:var(--accent-soft)}.reading-style-swatch.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.reading-style-swatch-label{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim)}.reading-style-swatch-preview{font-size:14px;line-height:1.5;color:var(--text);text-align:center}.reading-style-swatch[data-style=serif] .reading-style-swatch-preview{font-family:var(--serif)}.reading-style-swatch[data-style=sans] .reading-style-swatch-preview{font-family:var(--sans)}.reading-style-swatch[data-style=mono] .reading-style-swatch-preview{font-family:monospace}.line-height-picker{display:flex;gap:6px}.line-height-option{padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:12px;color:var(--text-dim);cursor:pointer;transition:all .2s}.line-height-option:hover{border-color:var(--accent-soft)}.line-height-option.active{background:var(--accent);color:#1a0e04;font-weight:600;border-color:var(--accent)}.accent-picker{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.accent-swatch{width:32px;height:32px;border-radius:50%;border:3px solid var(--border);cursor:pointer;transition:transform .15s,border-color .2s,box-shadow .2s}.accent-swatch:hover{transform:scale(1.15)}.accent-swatch.active{border-color:var(--text);box-shadow:0 0 0 3px var(--accent-soft)}.accent-custom{width:32px;height:32px;border-radius:50%;border:3px solid var(--border);cursor:pointer;padding:0;background:none;overflow:hidden;position:relative}.accent-custom input{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);cursor:pointer;border:none;padding:0}.night-mode .reader,.night-mode .quran-reader{filter:brightness(.75) contrast(1.05)}.night-mode .reader .hadith-text,.night-mode .reader .hadith-text.ar,.night-mode .page .hadith-text,.night-mode .quran-reader .qtr-verse-ar,.night-mode .quran-reader .qtr-verse-tr{opacity:.92}.home-theme-bar{display:flex;gap:6px;justify-content:center;margin-top:10px;flex-wrap:wrap}.home-theme-btn{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);cursor:pointer;transition:transform .15s,border-color .2s,box-shadow .2s}.home-theme-btn:hover{transform:scale(1.15)}.home-theme-btn.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.theme-preview-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none;transition:background .3s ease,border .3s ease}.theme-swatch{position:relative}.theme-swatch .theme-preview-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:11px;white-space:nowrap;color:var(--text);box-shadow:var(--shadow-md);opacity:0;transition:opacity .2s;pointer-events:none;z-index:10}.theme-swatch:hover .theme-preview-tip{opacity:1}.swipe-hint{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--surface-2);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:999px;padding:8px 18px;font-size:12px;color:var(--text-dim);z-index:55;pointer-events:none;animation:swipeHintFade 2s ease-in-out forwards;opacity:0}@keyframes swipeHintFade{0%{opacity:0;transform:translate(-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}@media(hover:none)and (pointer:coarse){.book-arrow{display:none!important}.flip-zone{width:35%!important}.reader-controls{padding:8px 12px;gap:6px}.ctrl{min-width:36px;height:36px;padding:0 8px}.quran-toolbar{padding:8px 10px;gap:8px}.quran-toolbar .ctrl{min-width:34px;height:34px}}.ghost-btn.danger{color:var(--danger);border-color:#d4625a80}.ghost-btn.danger:hover{background:#d4625a1f;color:var(--danger)}.set-about{font-size:12px;color:var(--text-mute);line-height:1.7;margin:14px 0 0}.set-about a{color:var(--accent);text-decoration:none}.set-about a:hover{text-decoration:underline}@media(max-width:560px){.topbar{gap:10px;padding-left:12px;padding-right:12px}.brand{gap:8px}.brand-mark{width:32px;height:32px;border-radius:8px}.brand-icon{width:18px;height:18px}.brand-text{min-width:0}.brand-text h1{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{gap:6px}.icon-btn{width:34px;height:34px}.reader-toolbar{padding:10px}.set-row{flex-direction:column;align-items:stretch}.set-row label{margin-bottom:4px}.set-bg-mode{align-self:flex-start}.set-inline{justify-content:flex-start}}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:var(--surface-2);backdrop-filter:blur(20px);border:1px solid var(--border-strong);padding:12px 20px;border-radius:999px;font-size:13px;color:var(--text);box-shadow:var(--shadow-md);z-index:100;transition:transform .35s cubic-bezier(.2,.7,.2,1);pointer-events:none;display:flex;align-items:center;gap:8px}.toast.show{transform:translate(-50%) translateY(0)}.quran-reader{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:#0e1118e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text);animation:fadeIn .3s ease}[data-theme=light] .quran-reader{background:#f3eee2e6}.quran-toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--surface);backdrop-filter:blur(20px);z-index:8;flex:none}.quran-titles{flex:1;min-width:0}.quran-title{font-family:var(--serif);font-weight:700;font-size:18px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quran-title-ar{font-family:var(--arabic);font-size:14px;color:var(--text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quran-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.quran-toolbar .qtr-lang{height:36px;max-width:170px;padding:0 24px 0 10px;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:999px;font-size:12px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-mute) 50%),linear-gradient(135deg,var(--text-mute) 50%,transparent 50%);background-position:calc(100% - 14px) 55%,calc(100% - 9px) 55%;background-size:5px 5px;background-repeat:no-repeat;text-overflow:ellipsis;white-space:nowrap}.quran-toolbar .qtr-lang:focus{outline:none;border-color:var(--accent)}.quran-toolbar .qtr-lang option{background:var(--surface-2);color:var(--text)}.quran-toolbar .ctrl.playing{color:var(--accent);background:var(--accent-soft)}.quran-toolbar .ctrl.playing .ic{color:var(--accent)}.quran-stage{flex:1;overflow-y:auto;overflow-x:hidden}.quran-surah-head{padding:28px 20px 10px;text-align:center}.qs-nav{display:flex;align-items:center;justify-content:center;gap:18px}.qs-nav .ctrl{font-size:22px}.qs-title{display:flex;flex-direction:column;align-items:center;gap:6px}.qs-no{color:var(--accent);font-size:15px;font-weight:700;letter-spacing:1px}.qs-name-ar{font-family:var(--arabic);font-size:30px;line-height:1.6}.qs-name-en{font-family:var(--serif);font-size:18px;color:var(--text-dim)}.qs-info{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-mute);margin-top:12px}.qs-basmala{font-family:var(--arabic);font-size:26px;margin-top:20px;color:var(--text)}.quran-verses{max-width:880px;margin:0 auto;padding:6px 24px 48px}.qtr-verse{padding:14px 4px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s,border-radius .15s}.qtr-verse:hover{background:var(--surface)}.qtr-verse.playing{background:var(--accent-soft);border-radius:12px;padding-left:12px;padding-right:12px}.qtr-verse-ar{font-family:var(--arabic);font-size:calc(var(--reader-fs) * 1.35);line-height:2.5;display:flex;gap:14px;align-items:baseline;direction:rtl;text-align:right}.qtr-no{color:var(--accent);font-size:.7em;flex:none;transform:translateY(-2px)}.qtr-txt{flex:1}.qtr-verse-tr{color:var(--text-dim);font-size:13.5px;line-height:1.7;margin-top:8px;padding-right:26px}.qtr-verse-tr:empty{display:none}.qtr-r-hamzat_wasl{color:#e0564f}.qtr-r-lam_shamsiyyah{color:#2f9e63}.qtr-r-madd_2{color:#3f8fe0}.qtr-r-madd_246{color:#a86ac9}.qtr-r-madd_6{color:#d99a3d}[data-theme=light] .qtr-r-hamzat_wasl{color:#c2403a}[data-theme=light] .qtr-r-lam_shamsiyyah{color:#1f7a4c}[data-theme=light] .qtr-r-madd_2{color:#2f74c0}[data-theme=light] .qtr-r-madd_246{color:#8a54ab}[data-theme=light] .qtr-r-madd_6{color:#b07a22}.quran-minibar{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);backdrop-filter:blur(20px);flex:none}.qtr-mini-btn{min-width:36px;height:36px;font-size:18px}.qtr-now{font-size:13px;color:var(--text-dim);min-width:120px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quran-panel{position:fixed;top:76px;right:28px;z-index:70}.quran-search{margin:12px 14px 4px;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;outline:none}.quran-search:focus{border-color:var(--accent)}.quran-list{list-style:none;margin:0;padding:8px;overflow-y:auto}.quran-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;color:var(--text-dim);transition:background .15s,color .15s}.quran-item:hover{background:var(--accent-soft);color:var(--text)}.quran-item.current{background:var(--accent-soft);color:var(--accent)}.qi-no{color:var(--accent);font-size:11px;font-weight:700;min-width:26px}.qi-ar{font-family:var(--arabic);font-size:16px;min-width:40px;text-align:center}.qi-en{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qi-count{color:var(--text-mute);font-size:11px}.quran-juz{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;color:var(--text-dim);transition:background .15s,color .15s}.quran-juz:hover{background:var(--accent-soft);color:var(--text)}.qj-no{color:var(--accent);font-size:13px;font-weight:700;min-width:26px}.qj-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quran-none{padding:16px;text-align:center;color:var(--text-mute);font-size:13px}.quran-book{flex:1;min-height:0;display:flex;flex-direction:column}.quran-book[hidden]{display:none!important}.quran-book-stage{height:100%}.quran-book-stage .reader-controls{margin-top:4px}.q-bk-verse{position:relative;padding:10px 2px 12px;border-bottom:1px dashed rgba(255,206,20,.22);cursor:pointer;transition:background .15s;z-index:1}.q-bk-verse:last-child{border-bottom:0}.q-bk-verse:hover{background:#ffce1412}.q-bk-verse.playing{background:#ffce1429;border-radius:10px;box-shadow:0 0 0 1px #ffce1459}.q-bk-ar{font-family:var(--arabic);font-size:calc(var(--reader-fs) * 1.2);line-height:2.15;display:flex;gap:10px;align-items:baseline;direction:rtl;text-align:right;color:#fff3d6}.q-bk-no{color:#ffce14;font-size:.7em;flex:none;font-family:var(--sans);transform:translateY(-3px)}.q-bk-txt{flex:1}.q-bk-tr{color:#e0d3a4;font-size:calc(var(--reader-fs) * .9);line-height:1.7;margin-top:6px;padding-right:22px}.qtr-mode{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.qtr-mode-btn{border:0;background:transparent;color:var(--text-dim);font-size:11px;letter-spacing:.5px;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}.qtr-mode-btn:hover{color:var(--text)}.qtr-mode-btn.active{background:var(--accent);color:#1a0e04;font-weight:600}.q-probe{position:absolute;left:-9999px;top:0;visibility:hidden;pointer-events:none;overflow:hidden}@media(max-width:900px){.topbar{grid-template-columns:1fr auto;gap:12px;padding:12px 16px}.brand-text p{display:none}.search{grid-column:1 / -1;order:3}.library{padding:32px 16px 60px}.book{--book-w: 94vw;--book-h: 64vw;max-height:60vh;min-height:0}.page{font-size:14px}.mag-inner{padding:16px 18px 30px}.hadith-text{font-size:calc(var(--reader-fs) * .87)}.hadith-text.ar{font-size:calc(var(--reader-fs) * 1.05)}.cover-title{font-size:24px}.toc-panel,.bm-panel{left:16px;right:16px;width:auto}.reader-toolbar{padding:12px 14px}.reader-chapter{display:none}.reader-controls{gap:6px;padding:8px 10px;flex-wrap:wrap}.ctrl.ghost span{display:none}.font-ctrl{font-size:12px;min-width:34px;height:34px}.page-info{min-width:70px;font-size:12px}.quran-toolbar{flex-wrap:wrap;gap:8px;padding:10px 14px}.quran-titles{flex-basis:100%;order:-1}.quran-toolbar-actions{width:100%;justify-content:space-between}.quran-panel{left:16px;right:16px;width:auto}.quran-verses{padding-left:16px;padding-right:16px}.qtr-verse-ar{font-size:calc(var(--reader-fs) * 1.15)}.q-bk-tr{padding-right:8px}}@media(max-width:700px){.library{padding:24px 14px 40px}.shelf-stage{overflow-y:auto;scrollbar-width:none}.shelf-stage::-webkit-scrollbar{display:none}.shelf-row{--spine-w: clamp(64px, 18vw, 72px);--spine-h: clamp(100px, 15vh, 160px)}.spine-title{writing-mode:horizontal-tb;top:32px;bottom:40px;font-size:clamp(9px,2.4vw,11px);letter-spacing:.2px;line-height:1.2;padding:0 5px}.spine-status{bottom:16px;font-size:9px}.quran-tile{gap:3px}.quran-tile .qt-icon{width:26px;height:26px}.quran-tile .qt-title{writing-mode:horizontal-tb;font-size:13px;letter-spacing:1px}.quran-tile .qt-ar{writing-mode:horizontal-tb;font-size:11px}.library-footer{font-size:10.5px;line-height:1.55}.reader-stage{min-width:0}.book{--book-w: calc(100vw - 16px) ;--book-h: calc(100vw - 16px) ;max-height:54vh;min-height:0}.mag-inner{padding:14px 16px 30px}.flip-zone{top:auto;bottom:0;width:50%;height:clamp(44px,8vh,72px)}.flip-next{right:0;left:auto}.book-arrow,.quran-titles .quran-title-ar{display:none}.qs-name-ar{font-size:24px}.qs-basmala{font-size:22px}.quran-toolbar .qtr-lang{max-width:130px}.q-bk-ar{font-size:calc(var(--reader-fs) * 1)}}.mobile-page{display:none}#page-library{display:contents}.mobile-nav{display:none}.mobile-nav[hidden]{display:none!important}.dash-hero{display:flex;align-items:center;gap:14px;margin-bottom:18px}.dash-hero-icon{width:54px;height:54px;flex:none;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--accent),#b08330);color:#1a1408;box-shadow:0 8px 22px var(--accent-soft)}.dash-hero-icon .ic{width:28px;height:28px}.dash-eyebrow{margin:0 0 2px;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent);font-weight:700}.dash-title{font-family:var(--serif);font-size:26px;line-height:1.12}.dash-sub{margin:3px 0 0;font-size:12px;color:var(--text-mute)}.dash-continue{display:flex;align-items:center;gap:12px;width:100%;max-width:none;text-align:left;padding:14px;margin:0 0 14px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);color:var(--text);cursor:pointer;transition:transform .15s,border-color .2s}.dash-continue:active{transform:scale(.985)}.dash-continue-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.dash-continue-icon .ic{width:20px;height:20px}.dash-continue-body{flex:1;min-width:0}.dash-continue-label{display:block;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-mute);margin-bottom:2px}.dash-continue-title{display:block;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-continue-progress{display:block;height:5px;margin-top:9px;border-radius:999px;background:var(--border);overflow:hidden}.dash-continue-bar{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .5s ease}.dash-chevron{color:var(--text-mute);font-size:22px;flex:none}.dash-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.dash-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:13px 10px;text-align:center}.dash-stat b{display:block;font-family:var(--serif);font-size:23px;color:var(--accent);line-height:1.1}.dash-stat span{display:block;font-size:11px;color:var(--text-mute);margin-top:3px}.dash-actions{display:flex;gap:10px;margin-bottom:14px}.dash-actions .ghost-btn{flex:1;justify-content:center;max-width:none;padding:12px 10px}.dash-quran{display:flex;align-items:center;gap:12px;padding:15px 14px;border-radius:var(--radius);background:linear-gradient(135deg,#16402c,#0a2118);color:#fff;box-shadow:var(--shadow-md);cursor:pointer;transition:transform .15s}.dash-quran:active{transform:scale(.985)}.dash-quran>.ic{width:28px;height:28px;color:#e9c46a;flex:none}.dash-quran-text{flex:1;min-width:0}.dash-quran-text b{display:block;font-size:14px;letter-spacing:.3px}.dash-quran-text small{display:block;font-size:11px;color:#fff9;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-quran-cta{font-size:12px;font-weight:700;color:#e9c46a;flex:none}.dash-foot{margin:20px 0 4px;text-align:center;font-size:11px;color:var(--text-mute);line-height:1.6}.dash-foot a{color:var(--accent);text-decoration:none}.qpage-hero{text-align:center;padding:8px 0 16px}.qpage-icon{width:66px;height:66px;color:var(--accent)}.qpage-hero h2{font-family:var(--serif);font-size:26px;margin-top:8px}.qpage-ar{font-family:var(--arabic);font-size:22px;color:var(--text-dim);margin:6px 0 4px}.qpage-meta{font-size:12px;color:var(--text-mute)}.qpage-card{background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);padding:22px 16px;text-align:center;box-shadow:var(--shadow-md)}.qpage-status{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;color:var(--text-dim)}.qpage-progress{width:82%;margin:14px auto 0;height:6px;border-radius:999px;background:var(--border);overflow:hidden}.qpage-progress .qt-progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transition:width .2s ease}.qpage-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}.qpage-actions .ghost-btn{max-width:none;padding:12px 18px}.qpage-primary{min-width:190px;justify-content:center}#qpage-continue{margin-top:14px;text-align:left}@media(max-width:700px){.library{padding:0}#page-home:not([hidden]),#page-quran:not([hidden]){display:block;height:100%;overflow-y:auto;overflow-x:hidden;padding:18px 16px calc(92px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}#page-library:not([hidden]){display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;padding:18px 14px calc(82px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}#page-library:not([hidden]) .library-intro{padding:0}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);align-items:stretch;background:var(--surface);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-top:1px solid var(--border-strong);box-shadow:0 -8px 26px #0000002e}.mnav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;letter-spacing:.3px;color:var(--text-mute);position:relative;transition:color .2s;-webkit-tap-highlight-color:transparent}.mnav-item .ic{width:22px;height:22px}.mnav-item.active{color:var(--accent);font-weight:600}.mnav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:36px;height:3px;border-radius:0 0 5px 5px;background:var(--accent)}.mnav-item:active{transform:scale(.94)}.settings-panel{display:block}.settings-backdrop{display:none}.settings-dialog{width:100%;height:100%;max-height:100%;border-radius:0;border:0;box-shadow:none;animation:none}.settings-head{padding-top:max(16px,env(safe-area-inset-top))}.settings-body{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.toc-panel,.bm-panel,.quran-panel{position:fixed;inset:0;width:auto;max-height:none;border-radius:0;border:0}.toc-panel{z-index:70}.bm-panel{z-index:71}.quran-panel{z-index:72}.toc-head{padding-top:max(16px,env(safe-area-inset-top))}.toc-list,.quran-list{padding-bottom:calc(24px + env(safe-area-inset-bottom))}#fullscreen-btn{display:none}.reader-toolbar{background:var(--surface);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid var(--border)}.toast{bottom:calc(86px + env(safe-area-inset-bottom))}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/cormorant-garamond-latin-500-normal-BsRWmXhO.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-500-normal-zIXX3Q-H.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff) format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cormorant-garamond-latin-700-normal-DajfzrDU.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-700-normal-O25Qpphb.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/amiri-arabic-700-normal-D8FrblyB.woff2) format("woff2"),url(/assets/amiri-arabic-700-normal-dUd6sHq-.woff) format("woff")}@font-face{font-family:Hind Siliguri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/hind-siliguri-bengali-400-normal-rHQ7AW0H.woff2) format("woff2"),url(/assets/hind-siliguri-bengali-400-normal-qtENw2Fc.woff) format("woff")}@font-face{font-family:Hind;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/hind-devanagari-400-normal-Ce8EC4-d.woff2) format("woff2"),url(/assets/hind-devanagari-400-normal-6Ms-mAa1.woff) format("woff")}@font-face{font-family:Unica One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/unica-one-latin-400-normal-js9Ss88H.woff2) format("woff2"),url(/assets/unica-one-latin-400-normal-DPU5hxO6.woff) format("woff")}@font-face{font-family:Smooch Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/smooch-sans-latin-400-normal-DzpBIw7q.woff2) format("woff2"),url(/assets/smooch-sans-latin-400-normal-DPjSvDHe.woff) format("woff")}@font-face{font-family:Smooch Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/smooch-sans-latin-700-normal-DFUUZugJ.woff2) format("woff2"),url(/assets/smooch-sans-latin-700-normal-DuBzZyOT.woff) format("woff")}@font-face{font-family:Nothing You Could Do;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/nothing-you-could-do-latin-400-normal-B7VfwEBS.woff2) format("woff2"),url(/assets/nothing-you-could-do-latin-400-normal-B-z6TBkt.woff) format("woff")}@font-face{font-family:Fredericka the Great;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fredericka-the-great-latin-400-normal-By-vzJE4.woff2) format("woff2"),url(/assets/fredericka-the-great-latin-400-normal-CCM8XYdO.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lora-latin-400-normal-DnxXpLNu.woff2) format("woff2"),url(/assets/lora-latin-400-normal-DBJS-Hc6.woff) format("woff")}@font-face{font-family:Lora;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/lora-latin-700-normal-BHK4Pzk4.woff2) format("woff2"),url(/assets/lora-latin-700-normal-Yfa97ytg.woff) format("woff")}@font-face{font-family:Inconsolata;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inconsolata-latin-400-normal-DTZQ6lD6.woff2) format("woff2"),url(/assets/inconsolata-latin-400-normal-HYADljCo.woff) format("woff")}@font-face{font-family:Inconsolata;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inconsolata-latin-700-normal-ByjKuJjN.woff2) format("woff2"),url(/assets/inconsolata-latin-700-normal-DzgUY3Rl.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-latin-400-normal-BLhwKU8k.woff2) format("woff2"),url(/assets/montserrat-latin-400-normal-xItZbAXg.woff) format("woff")}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/montserrat-latin-700-normal-BdjcYUrC.woff2) format("woff2"),url(/assets/montserrat-latin-700-normal-BWkrl476.woff) format("woff")}@font-face{font-family:Crimson Text;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/crimson-text-latin-400-normal-pRLgj_b_.woff2) format("woff2"),url(/assets/crimson-text-latin-400-normal-qfr3ao9R.woff) format("woff")}@font-face{font-family:Crimson Text;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/crimson-text-latin-700-normal-Stku49pw.woff2) format("woff2"),url(/assets/crimson-text-latin-700-normal-CZ4Qu9jq.woff) format("woff")}@font-face{font-family:Sree Krushnadevaraya;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/sree-krushnadevaraya-latin-400-normal-BBURtcX3.woff2) format("woff2"),url(/assets/sree-krushnadevaraya-latin-400-normal-DUfaRcH1.woff) format("woff")}@font-face{font-family:Catamaran;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/catamaran-latin-400-normal-CP4lqXcO.woff2) format("woff2"),url(/assets/catamaran-latin-400-normal-fW1-sONp.woff) format("woff")}@font-face{font-family:Catamaran;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/catamaran-latin-600-normal-jLINf0ug.woff2) format("woff2"),url(/assets/catamaran-latin-600-normal-DkaNHLHS.woff) format("woff")}@font-face{font-family:Catamaran;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/catamaran-latin-700-normal-DhQ6I_P8.woff2) format("woff2"),url(/assets/catamaran-latin-700-normal-BCZNGiIV.woff) format("woff")}.shelf-stage{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%)}.shelf-stage:before{content:"";position:absolute;inset:-10% -6%;z-index:-1;pointer-events:none;background:radial-gradient(120% 85% at 50% 6%,rgba(212,165,68,.12),transparent 55%),radial-gradient(70% 80% at 50% 108%,rgba(0,0,0,.6),transparent 72%)}.shelf-floor{height:16px;background:linear-gradient(180deg,#ffffff26,#0000 42%),linear-gradient(180deg,#2c2e37,#191a20),repeating-linear-gradient(90deg,#0000 0 70px,#0002 70px 71px);box-shadow:0 6px 18px #00000080,inset 0 1px #ffffff2e,inset 0 -3px 6px #0000004d;border-radius:3px 3px 2px 2px}.shelf-floor:after{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(180deg,rgba(255,235,180,.26),transparent);pointer-events:none}.book-spine{animation:spineIn .7s cubic-bezier(.22,.9,.3,1) backwards}@keyframes spineIn{0%{opacity:0;transform:translateY(44px) rotateX(-16deg) scale(.94)}to{opacity:1;transform:none}}.book-spine{box-shadow:0 .6rem 1.1rem #00000080,inset 0 1px #ffffff24}.book-spine:hover .spine-title{color:#fff;text-shadow:0 0 14px rgba(212,165,68,.95)}.book-spine .spine-title{transition:color .3s ease,text-shadow .3s ease}.book{transition:transform .9s cubic-bezier(.18,.9,.25,1.1)}.book[data-state=open]{transform:scale(1.02)}.book[data-state=open] .book-cover{transform:rotateY(-165deg) translate(-108%) rotate(1.5deg);box-shadow:var(--shadow-lg)}.book[data-state=open] .book-pages{animation:pgIn .9s cubic-bezier(.22,.9,.3,1) .05s both}@keyframes pgIn{0%{opacity:0;transform:translateY(26px) perspective(1200px) rotateX(6deg)}to{opacity:1;transform:none}}.book-pages:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(80% 70% at 30% 40%,rgba(212,165,68,.06),transparent 70%)}.book[data-state=open]:before{content:"";position:absolute;inset:-8%;z-index:-1;pointer-events:none;background:radial-gradient(60% 60% at 50% 50%,rgba(212,165,68,.24),transparent 70%);filter:blur(14px);opacity:0;animation:bookGlow 1.1s ease .1s forwards}@keyframes bookGlow{0%{opacity:0}to{opacity:1}}.book-pages{background:repeating-linear-gradient(90deg,#0000 0 1.6%,#0000001a 1.6% 2%,#0000 2% 100%)}.book[data-state=open] .book-pages:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:40px;transform:translate(-50%);background:linear-gradient(90deg,#0000,#0003 28%,#0006,#0003 72%,#0000);pointer-events:none;z-index:4;mix-blend-mode:multiply}.book[data-state=open] .book-pages:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,rgba(90,70,40,.14),transparent 8%,transparent 92%,rgba(60,40,20,.2));mix-blend-mode:multiply}.book[data-state=open] .mag-inner,.book[data-state=open] .page{overflow-y:auto;overscroll-behavior:contain}.book[data-state=open] .page .page-text{overflow-y:auto}.book[data-state=open] .mag-inner::-webkit-scrollbar{width:8px}.book[data-state=open] .mag-inner::-webkit-scrollbar-thumb{background:#ffe9b840;border-radius:4px}.book[data-state=open] .mag-inner::-webkit-scrollbar-track{background:transparent}.book[data-state=open] .page::-webkit-scrollbar{width:8px}.book[data-state=open] .page::-webkit-scrollbar-thumb{background:#00000038;border-radius:4px}.book[data-state=open] .page::-webkit-scrollbar-track{background:transparent}.settings-panel{place-items:stretch}.settings-panel .settings-dialog{width:100vw;height:100vh;height:100dvh;max-height:none;border-radius:0;border:0}.settings-panel .settings-body{max-width:860px;width:100%;margin:0 auto}.settings-panel .settings-body{display:block;columns:360px 3;column-gap:14px;width:100%;max-width:1280px;margin:0 auto;padding:18px clamp(16px,3vw,40px) 26px;align-content:start}.settings-panel .settings-section{break-inside:avoid;display:inline-block;width:100%;margin:0 0 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px 10px;box-shadow:var(--shadow-md);vertical-align:top}.settings-panel .settings-section h4{margin:0 0 8px;font-size:12px;display:flex;align-items:center;gap:8px}.settings-panel .settings-section h4:before{content:"";width:14px;height:2px;border-radius:1px;background:var(--accent)}.settings-panel .set-row{padding:5px 0}.settings-panel .theme-picker,.settings-panel .reading-style-picker{gap:6px}.settings-panel .ghost-btn{padding:7px 12px;font-size:12px}.book-cover .cover-frame{z-index:2}.book-cover{background:radial-gradient(140% 100% at 50% -10%,rgba(255,213,128,.18),transparent 55%),radial-gradient(90% 70% at 50% 118%,rgba(0,0,0,.55),transparent 62%),repeating-linear-gradient(115deg,#ffffff06 0 2px,#0000 2px 6px),linear-gradient(160deg,#175940,#0c3a2a 48%,#06231a)}.book-cover:before{content:"";position:absolute;inset:14px;border:2px solid rgba(212,165,68,.55);border-radius:8px;pointer-events:none;z-index:1;box-shadow:inset 0 0 0 4px #00000038,inset 0 0 0 5px #d4a54447;background:radial-gradient(circle at 0 0,rgba(255,213,128,.9) 6px,transparent 7px) left top,radial-gradient(circle at 100% 0,rgba(255,213,128,.9) 6px,transparent 7px) right top,radial-gradient(circle at 0 100%,rgba(255,213,128,.9) 6px,transparent 7px) left bottom,radial-gradient(circle at 100% 100%,rgba(255,213,128,.9) 6px,transparent 7px) right bottom;background-repeat:no-repeat;background-size:30px 30px}.book-cover:after{content:"";position:absolute;left:50%;top:42%;width:min(190px,36%);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;z-index:1;clip-path:polygon(100% 50%,83.3% 63.8%,85.4% 85.4%,63.8% 83.3%,50% 100%,36.7% 83.3%,14.6% 85.4%,16.7% 63.8%,0% 50%,16.7% 36.2%,14.6% 14.6%,36.7% 16.7%,50% 0%,63.8% 16.7%,85.4% 14.6%,83.3% 36.2%);background:radial-gradient(circle at 50% 50%,#06231a 0 12%,transparent 13%),conic-gradient(from 22.5deg,#d4a54459,#ffd580bf,#d4a54459),linear-gradient(135deg,#d4a544d9,#ffd5808c);filter:drop-shadow(0 3px 10px rgba(0,0,0,.45))}.book[data-state=open] .page:after{content:"";position:absolute;inset:7px;pointer-events:none;z-index:2;border:1px solid rgba(212,165,68,.32);border-radius:6px;box-shadow:inset 0 0 26px #d4a54412;background:radial-gradient(circle at 0 0,rgba(212,165,68,.55) 4px,transparent 5px) left top,radial-gradient(circle at 100% 0,rgba(212,165,68,.55) 4px,transparent 5px) right top,radial-gradient(circle at 0 100%,rgba(212,165,68,.55) 4px,transparent 5px) left bottom,radial-gradient(circle at 100% 100%,rgba(212,165,68,.55) 4px,transparent 5px) right bottom;background-repeat:no-repeat;background-size:24px 24px}.library{background:radial-gradient(120% 60% at 50% -4%,rgba(212,165,68,.1),transparent 55%)}.shelf-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(0,0,0,.28))}.shelf-row{padding-bottom:30px}.shelf-floor{height:18px;background:linear-gradient(180deg,#ffffff2e,#0000 46%),linear-gradient(180deg,#33353c,#1a1b21),repeating-linear-gradient(90deg,#0000 0 70px,#0000002a 70px 71px)}.shelf-floor:after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(180deg,rgba(255,235,180,.3),transparent);pointer-events:none}.brand-logo{display:block;width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}