.br-container{width:100%;max-width:1100px;margin:0 auto;padding:1.5rem 1rem 2rem;font-family:Amiri,Noto Naskh Arabic,serif;direction:rtl;user-select:none}.br-loading{text-align:center;padding:6rem 2rem;font-size:1.4rem;color:#a89e8f;font-family:Amiri,serif}.br-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.8rem}.br-back{color:#6fdc8c;text-decoration:none;font-size:.95rem;font-weight:600;transition:opacity .3s}.br-back:hover{opacity:.75}.br-title{font-family:Amiri,serif;font-size:1.5rem;color:#f5f0e8;font-weight:700}.br-page-info{font-size:.88rem;color:#a89e8f;font-variant-numeric:tabular-nums}.br-book-wrapper{perspective:2500px;display:flex;justify-content:center;margin-bottom:1.5rem}.br-book{position:relative;display:flex;border-radius:4px 12px 12px 4px;box-shadow:0 2px 4px #00000026,0 12px 36px #00000059,0 24px 64px #0003;overflow:hidden}.br-book.spread{width:100%;max-width:920px;height:600px}.br-book.single{width:100%;max-width:460px;height:620px}.br-slot{position:relative;background:#f0e6d3;color:#2c1810;overflow:hidden;z-index:1}.br-slot-right{flex:1;border-radius:0 12px 12px 0}.br-slot-left{flex:1;border-radius:12px 0 0 12px}.br-book.single .br-slot-right{border-radius:12px}.br-page-inner{position:absolute;inset:0;padding:2.2rem 2rem;overflow-y:auto;overflow-x:hidden}.br-page-text{font-family:Amiri,Noto Naskh Arabic,serif;font-size:1.15rem;line-height:2.2;color:#2c1810;text-align:right;word-wrap:break-word;overflow-wrap:break-word}.br-page-text p{margin:0 0 .4rem}.br-page-empty{width:100%;height:100%}.br-page-num{position:absolute;bottom:.8rem;left:50%;transform:translate(-50%);font-size:.78rem;color:#b0a494;font-family:Amiri,serif;pointer-events:none}.br-page-edge{position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:2}.br-edge-left{left:0;background:linear-gradient(to right,rgba(0,0,0,.06),transparent)}.br-edge-right{right:0;background:linear-gradient(to left,rgba(0,0,0,.06),transparent)}.br-spine{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);background:#0000001f;box-shadow:-2px 0 6px #00000014,2px 0 6px #00000014;z-index:20;pointer-events:none}.br-flip-leaf{position:absolute;top:0;bottom:0;z-index:10;transform-style:preserve-3d;pointer-events:none;visibility:hidden;opacity:0}.br-flip-leaf.fwd{left:0;width:50%;transform-origin:right center}.br-flip-leaf.bwd{right:0;left:auto;width:50%;transform-origin:left center}.br-flip-leaf.mobile.fwd{width:100%;transform-origin:right center}.br-flip-leaf.mobile.bwd{width:100%;left:0;right:auto;transform-origin:left center}.br-flip-leaf.active{visibility:visible;opacity:1}.br-flip-leaf.active.fwd{animation:flipFwd .55s cubic-bezier(.645,.045,.355,1) forwards}.br-flip-leaf.active.bwd{animation:flipBwd .55s cubic-bezier(.645,.045,.355,1) forwards}.br-flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#f0e6d3;overflow:hidden}.br-flip-front{z-index:2}.br-flip-back{z-index:1;transform:rotateY(180deg)}.br-flip-leaf.fwd .br-flip-front{border-radius:12px 0 0 12px}.br-flip-leaf.fwd .br-flip-back,.br-flip-leaf.bwd .br-flip-front{border-radius:0 12px 12px 0}.br-flip-leaf.bwd .br-flip-back{border-radius:12px 0 0 12px}.br-flip-leaf.mobile .br-flip-front,.br-flip-leaf.mobile .br-flip-back{border-radius:12px}.br-flip-shadow{position:absolute;top:0;bottom:0;width:40px;pointer-events:none;opacity:0;z-index:3}.br-flip-leaf.fwd .br-flip-shadow{right:-40px;background:linear-gradient(to right,rgba(0,0,0,.12),transparent)}.br-flip-leaf.bwd .br-flip-shadow{left:-40px;background:linear-gradient(to left,rgba(0,0,0,.12),transparent)}.br-flip-leaf.active .br-flip-shadow{animation:flipShadow .55s cubic-bezier(.645,.045,.355,1) forwards}@keyframes flipFwd{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes flipBwd{0%{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes flipShadow{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.br-page-inner::-webkit-scrollbar{width:4px}.br-page-inner::-webkit-scrollbar-track{background:transparent}.br-page-inner::-webkit-scrollbar-thumb{background:#c4b69e;border-radius:4px}.br-controls{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.br-nav-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;background:#1e1b14;color:#e8e0d4;border:1px solid rgba(111,220,140,.25);border-radius:10px;font-family:Amiri,serif;font-size:1rem;cursor:pointer;transition:background .25s,border-color .25s,transform .15s;user-select:none}.br-nav-btn svg{flex-shrink:0}.br-nav-btn:hover:not(:disabled){background:#2a2520;border-color:#6fdc8c73;transform:translateY(-1px)}.br-nav-btn:active:not(:disabled){transform:translateY(0)}.br-nav-btn:disabled{opacity:.3;cursor:not-allowed}.br-jump{display:flex;gap:.35rem}.br-jump-input{width:72px;padding:.5rem .6rem;background:#1e1b14;color:#f5f0e8;border:1px solid rgba(111,220,140,.2);border-radius:8px;font-family:Amiri,serif;font-size:.92rem;text-align:center;direction:ltr}.br-jump-input::placeholder{color:#6e6458;font-size:.82rem}.br-jump-input:focus{outline:none;border-color:#6fdc8c73}.br-jump-input::-webkit-outer-spin-button,.br-jump-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.br-jump-input[type=number]{-moz-appearance:textfield}.br-jump-btn{padding:.5rem .9rem;background:#6fdc8c1f;color:#6fdc8c;border:1px solid rgba(111,220,140,.3);border-radius:8px;font-family:Amiri,serif;font-size:.88rem;cursor:pointer;transition:background .25s}.br-jump-btn:hover{background:#6fdc8c38}@media(max-width:768px){.br-container{padding:1rem .5rem 1.5rem}.br-header{justify-content:center;text-align:center}.br-title{font-size:1.15rem;width:100%;order:-1}.br-page-text{font-size:1rem;line-height:2}.br-page-inner{padding:1.5rem 1.2rem}.br-controls{gap:.5rem}.br-nav-btn{padding:.55rem 1rem;font-size:.9rem}}@media(max-width:480px){.br-book.single{height:520px}}