.lib-root{min-height:100%;padding:20px 18px 60px}.lib-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.lib-title{font-family:Noto Naskh Arabic,serif;font-weight:700;font-size:22px;color:var(--ink);margin:0}.lib-title .sub{display:block;font-family:Vazirmatn,sans-serif;font-weight:400;font-size:11.5px;color:var(--muted);margin-top:3px}.theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--parchment-deep);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);flex-shrink:0;transition:transform .25s}.theme-toggle:hover{transform:rotate(20deg)}.search-wrap{position:relative;flex:1;min-width:180px;max-width:320px}.search-wrap input{width:100%;padding:9px 36px 9px 12px;border-radius:20px;border:1px solid var(--line);background:var(--parchment-deep);color:var(--charcoal);font-family:inherit;font-size:13px;outline:none}.search-wrap svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted)}.tabs-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:26px}.tab-chip{flex-shrink:0;padding:9px 18px;border-radius:20px;border:1px solid var(--line);background:transparent;color:var(--muted);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:.2s}.tab-chip.active{background:var(--ink);color:var(--parchment);border-color:var(--ink)}.tab-chip.fav-chip.active{background:var(--rose);border-color:var(--rose)}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:22px 16px;padding:22px 14px 30px;position:relative}.shelf-grid:after{content:"";position:absolute;left:8px;right:8px;bottom:14px;height:14px;border-radius:3px;background:linear-gradient(180deg,var(--wood),var(--wood-dark));box-shadow:0 8px 14px #00000047}.shelf-book-wrap{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.shelf-book{background:none;border:none;padding:0;cursor:pointer;display:flex;position:relative;margin-bottom:16px}.book-cover{width:100px;height:142px;border-radius:4px 8px 8px 4px;position:relative;overflow:hidden;box-shadow:0 10px 16px #00000052,inset 0 0 0 1px #ffffff14;display:flex;flex-direction:column;justify-content:flex-end;padding:10px 8px;transition:transform .28s cubic-bezier(.2,.8,.3,1.2),box-shadow .28s}.shelf-book-wrap:hover .book-cover{transform:translateY(-10px) rotate(-2deg);box-shadow:0 20px 24px #0006}.book-cover-band{position:absolute;top:14px;right:0;left:0;height:2px;background:#ffffff59}.book-cover-title{font-family:Noto Naskh Arabic,serif;font-weight:700;font-size:13px;color:#fff;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.4)}.book-cover-author{font-size:9.5px;color:#ffffffbf;margin-top:3px}.book-downloaded-badge{position:absolute;top:8px;left:8px;width:18px;height:18px;border-radius:50%;background:var(--gold);color:var(--ink);display:flex;align-items:center;justify-content:center}.book-spine-edge{width:6px;border-radius:0 3px 3px 0;box-shadow:inset -2px 0 4px #00000040}.book-title-label{font-size:11.5px;color:var(--charcoal);text-align:center;max-width:112px;line-height:1.5;margin-top:-2px}.book-actions{display:flex;gap:6px;margin-bottom:4px}.book-action-btn{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--parchment-deep);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.book-action-btn:hover{color:var(--ink);border-color:var(--ink)}.book-action-btn.active-fav{color:var(--rose);border-color:var(--rose)}.empty-state{text-align:center;color:var(--muted);font-size:13.5px;padding:50px 0}.skeleton-row{display:flex;gap:16px;padding:22px 14px}.skeleton-card{width:100px;height:142px;border-radius:6px;background:var(--parchment-deep);animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.site-footer-links{text-align:center;padding:22px 14px 30px;font-size:11px;color:var(--muted);opacity:.55}.site-footer-links a{color:var(--muted);text-decoration:none}.site-footer-links a:hover{color:var(--ink);text-decoration:underline}.site-footer-links .dot{margin:0 8px}.br-root{min-height:100%;background:var(--parchment-deep);display:flex;flex-direction:column}.br-loading{padding:60px 20px;text-align:center;color:var(--muted);font-size:14px}.br-topbar{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--parchment);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.br-topbar-title{flex:1;font-family:Noto Naskh Arabic,serif;font-weight:700;font-size:15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-topbar-actions{display:flex;align-items:center;gap:8px}.br-icon-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--parchment-deep);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}.br-font-ctrl{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:20px;padding:4px 8px;background:var(--parchment-deep);color:var(--ink);font-size:12px}.br-font-ctrl button{border:none;background:transparent;color:var(--ink);cursor:pointer;display:flex}.br-font-menu-container{position:relative}.br-font-dropdown{position:absolute;top:110%;left:0;background:var(--parchment);border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 15px #0000001a;padding:6px;display:flex;flex-direction:column;gap:4px;min-width:130px;z-index:25}.br-font-dropdown button{background:none;border:none;text-align:right;padding:8px 12px;border-radius:4px;font-size:13px;color:var(--charcoal);cursor:pointer;font-family:inherit}.br-font-dropdown button:hover,.br-font-dropdown button.active{background:var(--parchment-deep);color:var(--ink);font-weight:700}.br-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:22px 12px 40px;position:relative}.br-book-frame{position:relative;width:100%;max-width:480px;transition:max-width .3s}.br-book-frame.with-panel{max-width:620px}.br-cover{width:100%;aspect-ratio:3 / 4.3;position:relative;cursor:pointer;box-shadow:0 10px 25px #0003;border-radius:4px 12px 12px 4px;transition:transform .2s ease}.br-cover:hover{transform:translateY(-3px)}.br-cover-inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px 12px 12px 4px;background:linear-gradient(155deg,var(--wood),var(--wood-dark));background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px;text-align:center;z-index:3;box-shadow:inset 0 0 0 8px #d8c39a2e,inset 4px 0 15px #00000080}.br-cover-spine{position:absolute;left:0;top:0;bottom:0;width:15px;background:#0000004d;border-radius:4px 0 0 4px;z-index:4}.br-cover-ornament{font-size:30px;color:var(--gold-light)}.br-cover-title{font-family:Noto Naskh Arabic,serif;font-weight:700;font-size:22px;color:#fdf8ec}.br-cover-author{font-size:13px;color:#ffffffbf}.br-cover-hint{position:absolute;bottom:-30px;width:100%;text-align:center;font-size:12.5px;color:var(--muted)}.br-book{display:flex;align-items:stretch;gap:14px;width:100%}.br-page-nav{align-self:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--parchment);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 4px 10px #00000014;transition:background .15s;z-index:20}.br-page-nav:active{background:var(--parchment-deep)}.br-page-nav:disabled{opacity:.3;cursor:default;box-shadow:none}.br-page-surface{position:relative;flex:1;aspect-ratio:3 / 4.3;background:var(--parchment);border:1px solid var(--line);border-radius:2px 6px 6px 2px;box-shadow:0 10px 30px #0000001f;display:flex;flex-direction:column;overflow:hidden}.br-page-content{flex:1;overflow-y:auto;line-height:2.2;color:var(--charcoal);text-align:justify;padding:24px 20px 10px;user-select:text!important;-webkit-user-select:text!important;cursor:text;scrollbar-width:none;-ms-overflow-style:none}.br-page-content::-webkit-scrollbar{display:none}.br-page-content p{margin:0 0 16px}.br-page-content ::selection{background:#0078d740!important;color:inherit!important}.br-page-content ::-moz-selection{background:#0078d740!important;color:inherit!important}.br-page-number{padding:12px 0;text-align:center;font-size:11px;color:var(--muted);font-family:system-ui,-apple-system,sans-serif;border-top:1px solid rgba(0,0,0,.03)}mark.hl{border-radius:2px;padding:0 1px;color:inherit}mark.hl-yellow{background:#e8c34a8c}mark.hl-green{background:#6fae6a73}mark.hl-blue{background:#5f96c966}mark.hl-pink{background:#d97fa066}.br-selection-popup{position:absolute;transform:translate(-50%,-100%);background:var(--ink);color:var(--parchment);border-radius:12px;padding:7px 10px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 24px #00000059;z-index:50;white-space:nowrap}.br-selection-popup button{display:flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--parchment);font-size:12px;cursor:pointer;padding:4px 6px}.br-hl-swatches{display:flex;gap:5px;padding:0 4px;border-inline:1px solid rgba(255,255,255,.2)}.br-hl-swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.5);cursor:pointer;padding:0}.br-lessons-panel{position:absolute;top:0;right:0;bottom:0;width:0;overflow:hidden;background:var(--parchment);border-radius:4px;box-shadow:-6px 0 20px #0003;transition:width .3s ease;z-index:15}.br-lessons-panel.open{width:min(240px,68%)}.br-lessons-header{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid var(--line);font-weight:700;font-size:13.5px;color:var(--ink)}.br-lessons-list{overflow-y:auto;height:calc(100% - 44px);padding:6px}.br-lessons-empty{padding:20px 10px;text-align:center;font-size:12.5px;color:var(--muted)}.br-lesson-item{border-bottom:1px solid var(--line)}.br-lesson-row{width:100%;text-align:right;background:transparent;border:none;padding:10px 6px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.br-lesson-title{font-size:13px;color:var(--charcoal);font-weight:600}.br-lesson-teacher{font-size:11px;color:var(--muted)}.br-lesson-detail{padding:0 6px 10px;font-size:11.5px;color:var(--muted)}.br-lesson-detail p{margin:0 0 8px;line-height:1.9}.br-lesson-play-btn{display:flex;align-items:center;gap:5px;border:none;border-radius:16px;background:var(--ink);color:var(--parchment);font-size:12px;padding:6px 12px;cursor:pointer}@media (max-width: 480px){.br-book{gap:6px}.br-page-nav{width:34px;height:34px}}.ap-bar{position:fixed;left:0;right:0;bottom:0;z-index:100;background:var(--ink);color:var(--parchment);display:flex;align-items:center;gap:12px;padding:8px 14px;box-shadow:0 -8px 20px #00000040;flex-wrap:wrap}.ap-info{min-width:90px;max-width:160px}.ap-title{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-sub{font-size:10.5px;color:var(--gold-light)}.ap-downloading{flex:1;display:flex;align-items:center;gap:8px;font-size:11px}.ap-progress-track{flex:1;height:5px;border-radius:4px;background:#ffffff2e;overflow:hidden}.ap-progress-fill{height:100%;background:var(--gold);transition:width .2s}.ap-controls{flex:1;display:flex;align-items:center;gap:8px;min-width:220px}.ap-icon-btn,.ap-play-btn,.ap-close{background:transparent;border:none;color:var(--parchment);cursor:pointer;display:flex;align-items:center;justify-content:center}.ap-play-btn{width:32px;height:32px;border-radius:50%;background:var(--gold);color:var(--ink);flex-shrink:0}.ap-time{font-size:10.5px;color:var(--gold-light);min-width:30px;text-align:center}.ap-seek{flex:1;accent-color:var(--gold)}.ap-speed-btn{display:flex;align-items:center;gap:3px;border:1px solid rgba(255,255,255,.3);border-radius:14px;background:transparent;color:var(--parchment);font-size:11px;padding:3px 8px;cursor:pointer}.ap-error{flex:1;font-size:12px;color:#e29b9b}.ap-close{margin-inline-start:auto}@media (max-width: 480px){.ap-bar{padding:6px 10px}.ap-info{display:none}.ap-controls{min-width:0}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Vazirmatn,sans-serif;-webkit-font-smoothing:antialiased}:root{--ink: #1f3a34;--ink-light: #2e4e46;--gold: #b08d57;--gold-light: #d8c39a;--parchment: #faf6ec;--parchment-deep: #f0e9d8;--charcoal: #2a2620;--muted: #7a7264;--line: #e4dac4;--wood: #6b4226;--wood-dark: #4a2e1a;--rose: #a23b3b}.theme-dark{--parchment: #132018;--parchment-deep: #0e1712;--charcoal: #ede6d3;--muted: #8fa69c;--line: #26382e;--ink: #d8c39a;--wood: #2a1b10;--wood-dark: #160e08}body{background:var(--parchment);color:var(--charcoal);transition:background .35s,color .35s}