.reader-root{background:var(--background);height:calc(100vh - 64px);display:flex;overflow:hidden}.sidebar-overlay{z-index:40;background:#0006;position:fixed;inset:0}.sidebar-root{background:var(--color-white);border-right:1px solid var(--color-stone-200);z-index:50;flex-direction:column;gap:.5rem;width:260px;height:calc(100vh - 55px);padding:.5rem 1rem;transition:transform .3s;display:flex;position:fixed;top:55px;left:0;transform:translate(-100%)}.sidebar-root--open{transform:translate(0)}@media (min-width:1024px){.sidebar-root{flex-shrink:0;position:relative;top:auto;transform:translate(0)}.sidebar-overlay{display:none}}.sidebar-header{border-bottom:1px solid var(--color-stone-200);justify-content:space-between;align-items:center;padding:1rem;display:flex}.sidebar-header-inner{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-stone-800);align-items:center;gap:.5rem;display:flex}.sidebar-close-btn{cursor:pointer;color:var(--color-stone-400);border-radius:var(--radius-md);background:0 0;border:none;padding:.25rem;transition:color .2s;display:none}@media (max-width:1023px){.sidebar-close-btn{display:block}}.sidebar-close-btn:hover{color:var(--color-stone-800)}.sidebar-list{flex:1;padding:.5rem 0;overflow-y:auto}.sidebar-list::-webkit-scrollbar{width:4px}.sidebar-list::-webkit-scrollbar-thumb{background:var(--color-stone-200);border-radius:2px}.sidebar-testament-btn{cursor:pointer;width:100%;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-amber-800);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.65rem;font-weight:700;transition:color .2s;display:flex}.sidebar-testament-btn:hover{color:var(--color-amber-900)}.sidebar-book-btn{text-align:left;cursor:pointer;width:100%;font-size:var(--text-sm);color:var(--color-stone-500);background:0 0;border:none;border-left:2px solid #0000;padding:.375rem 1rem .375rem 1.5rem;transition:all .15s}.sidebar-book-btn:hover{color:var(--color-stone-800);background:var(--color-stone-50);border-left-color:var(--color-stone-300)}.sidebar-book-btn--active{color:var(--color-amber-800);background:var(--color-amber-50);border-left-color:var(--color-amber-600);font-weight:var(--font-weight-medium)}.reader-content{background:var(--background);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.reader-topbar{border-bottom:1px solid var(--color-stone-200);background:var(--color-white);align-items:center;gap:.75rem;padding:.75rem 1rem;display:none}.reader-menu-btn{background:var(--color-stone-100);border:1px solid var(--color-stone-200);border-radius:var(--radius-lg);color:var(--color-stone-500);cursor:pointer;justify-content:center;align-items:center;padding:.375rem;transition:color .2s,background .2s;display:flex}.reader-menu-btn:hover{color:var(--color-stone-800);background:var(--color-stone-200)}.reader-topbar-title{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-stone-800)}@media (max-width:1023px){.reader-topbar{display:flex}}.chapter-header{border-bottom:1px solid var(--color-stone-200);background:var(--color-white);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.chapter-header h2{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-stone-800);margin:0}.chapter-header p{font-size:var(--text-sm);color:var(--color-stone-400);margin-top:.1rem}.verse-search-inner{background:var(--color-stone-100);border:1px solid var(--color-stone-200);border-radius:var(--radius-lg);align-items:center;gap:.5rem;min-width:120px;max-width:320px;padding:.375rem .75rem;transition:border-color .2s,background .2s;display:flex}.verse-search-inner:focus-within{border-color:var(--color-amber-600);background:var(--color-white)}.verse-search-icon{color:var(--color-stone-400);flex-shrink:0}.verse-search-input{font-size:var(--text-sm);color:var(--color-stone-700);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit}.verse-search-input::placeholder{color:var(--color-stone-400)}.verse-search-clear{cursor:pointer;color:var(--color-stone-400);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;align-items:center;padding:.1rem;transition:color .2s;display:flex}.verse-search-clear:hover{color:var(--color-stone-700)}.verse-search-count{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-white);background:var(--color-amber-600);border-radius:999px;flex-shrink:0;padding:.1rem .45rem}.chapter-nav{align-items:center;gap:.5rem;display:flex}.chapter-nav-btn{border-radius:var(--radius-lg);background:var(--color-stone-100);border:1px solid var(--color-stone-200);width:32px;height:32px;color:var(--color-stone-500);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.chapter-nav-btn:hover{background:var(--color-stone-200);color:var(--color-stone-800)}.chapter-nav-btn:disabled{opacity:.3;cursor:not-allowed}.chapter-nav-num{font-size:var(--text-sm);color:var(--color-stone-600);text-align:center;min-width:2rem}.chapter-verses{flex:1;padding:2rem;overflow-y:auto}.chapter-verses::-webkit-scrollbar{width:4px}.chapter-verses::-webkit-scrollbar-thumb{background:var(--color-stone-200);border-radius:2px}.verses-inner{flex-direction:column;gap:.25rem;max-width:680px;margin:0 auto;display:flex}.verse-row{border-radius:var(--radius-lg);cursor:default;gap:1rem;padding:.5rem;transition:background .15s;display:flex}.verse-row:hover{background:var(--color-stone-50)}.verse-num{font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-amber-600);text-align:right;flex-shrink:0;width:1.25rem;padding-top:.25rem}.verse-text{font-size:var(--text-base);color:var(--color-stone-700);line-height:var(--leading-relaxed);flex:1}.verse-fav-btn{opacity:0;cursor:pointer;color:var(--color-stone-300);border-radius:var(--radius-md);background:0 0;border:none;flex-shrink:0;align-items:center;padding:.25rem;transition:opacity .15s,color .15s;display:flex}.verse-row:hover .verse-fav-btn{opacity:1}.verse-fav-btn:hover{color:var(--color-amber-600)}.chapter-loading{justify-content:center;align-items:center;height:200px;display:flex}.chapter-spinner{border:2px solid var(--color-stone-200);border-top-color:var(--color-amber-600);border-radius:999px;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.verse-highlight{background:var(--color-amber-200);color:var(--color-amber-900);border-radius:2px;padding:0 2px}.chapter-grid{border-top:1px solid var(--color-stone-200);background:var(--color-white);flex-wrap:wrap;gap:4px;max-height:88px;padding:.75rem 2rem;display:flex;overflow-y:auto}.chapter-grid::-webkit-scrollbar{height:3px}.chapter-grid-btn{border-radius:var(--radius-md);width:30px;height:30px;font-size:var(--text-xs);cursor:pointer;background:var(--color-stone-100);color:var(--color-stone-500);border:none;transition:all .15s}.chapter-grid-btn:hover{background:var(--color-stone-200);color:var(--color-stone-800)}.chapter-grid-btn--active{background:var(--color-amber-600);color:var(--color-white);font-weight:var(--font-weight-semibold)}@media (max-width:640px){.chapter-header{gap:.75rem;padding:.875rem 1rem}.verse-search-inner{min-width:0;max-width:100%}.verse-search-inner.capitulo{flex-basis:100%;order:3}.chapter-verses{padding:1rem}.chapter-grid{padding:.75rem 1rem}}.bible-version-selector{gap:.375rem;padding:.75rem 1rem 0;display:flex}.bible-version-btn{border-radius:var(--radius-lg);border:1px solid var(--color-stone-200);background:var(--color-white);font-size:var(--text-xs);color:var(--color-stone-500);cursor:pointer;white-space:nowrap;flex:1;padding:.375rem 0;font-family:inherit;font-weight:600;transition:all .15s}.bible-version-btn:hover{border-color:var(--color-amber-300);color:var(--color-stone-700)}.bible-version-btn--active{background:var(--color-amber-600);border-color:var(--color-amber-600);color:#fff}.reader-version-badge{background:var(--color-amber-50);border:1px solid var(--color-amber-200);color:var(--color-amber-800);border-radius:999px;margin-left:auto;padding:.2rem .6rem;font-size:.65rem;font-weight:700}.chapter-version-label{background:var(--color-amber-50);color:var(--color-amber-700);vertical-align:middle;border-radius:999px;margin-left:.5rem;padding:.1rem .4rem;font-size:.6rem;font-weight:700}