if (!function_exists('book_with_chapters_lp')) {
    function book_with_chapters_lp(string $path): string {
        return function_exists('lp') ? lp($path) : ((string) ($GLOBALS['ztest'] ?? '') . $path);
    }
}

require_once __DIR__ . '/my_mysqli.php';
require_once __DIR__ . '/BookChapterPermissions.php';

use app\helpers\MysqliPrepared;
require_once __DIR__ . '/chapter_delay_access.php';
if (!function_exists('BookWithChaptersCanAccessAuthorChapter')) {
    function BookWithChaptersCanAccessAuthorChapter(array $chapterRow, int $currentUserId, array $adminIds): bool {
        if ($currentUserId <= 0) {
            return false;
        }
        $adminLookup = array_flip(array_map('intval', $adminIds));
        if (isset($adminLookup[$currentUserId])) {
            return true;
        }
        $authorIds = [
            (int) ($chapterRow['user_id'] ?? 0),
            (int) ($chapterRow['author2id'] ?? 0),
            (int) ($chapterRow['author3id'] ?? 0),
        ];
        $chapterWriterId = (int) ($chapterRow['written_by'] ?? 0);
        if ($chapterWriterId > 0) {
            $authorIds[] = $chapterWriterId;
        }
        foreach ($authorIds as $authorId) {
            if ($authorId > 0 && $authorId === $currentUserId) {
                return true;
            }
        }

        return false;
    }
}
// ini_set('display_errors', '1');
// ini_set('display_startup_errors', '1');
// error_reporting(E_ALL);
if (!function_exists('book_with_chapters_can_manage_delayed_chapter')) {
    function book_with_chapters_can_manage_delayed_chapter(array $row, int $viewerId, array $adminIds = []): bool {
        if ($viewerId <= 0) {
            return false;
        }
        $adminLookup = array_flip(array_map('intval', $adminIds));
        if (isset($adminLookup[$viewerId])) {
            return true;
        }
        if ((int) ($row['user_id'] ?? 0) === $viewerId) {
            return true;
        }
        $coauthorRules = [
            ['id' => 'author2id', 'rate' => 'author2rate'],
            ['id' => 'author3id', 'rate' => 'author3rate'],
        ];
        foreach ($coauthorRules as $rule) {
            $coauthorId = (int) ($row[$rule['id']] ?? 0);
            $coauthorRate = (int) ($row[$rule['rate']] ?? 0);
            if ($coauthorId === $viewerId && $coauthorRate > 0 && $coauthorRate !== 100) {
                return true;
            }
        }

        return (int) ($row['written_by'] ?? 0) === $viewerId;
    }
}
function BookWithChapters($book_id, $chapter_id) {
    global $treeya, $log;
    global $ImgPrefix;
    global $realname;
    global $loggedin;
    global $since;
    global $login;
    global $id;
    global $z_admins;
    global $Link;
    global $MasterLink;
    global $menuitems;
    global $gitem;
    global $goperation;
    global $gother;
    global $submenu;
    global $submenutxt;
    global $cash;
    global $bookgenres;
    global $genrenames;
    global $userpic;
    global $gseriesname;
    global $gAggregatedRating;
    global $canonical;
    global $isbanned;
    global $usersettings;
    global $userkarma;
    global $userro;
    global $brief;
    global $zelluloza_site;
    global $ztest;
    global $prefetchedCommentsByParent;
    $bwcMyPath = book_with_chapters_lp('/my/');
    $esc = static fn ($s) => htmlspecialchars((string) $s, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8');
    $renderError = static function (): string {
        http_response_code(500);

        return "<div class='book-error-message'>Произошла ошибка при загрузке книги. Пожалуйста, попробуйте позже.</div>";
    };
    $escapeHtml = static function ($value) {
        return htmlspecialchars((string) $value, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8');
    };
    $escapeChapterTitle = static function ($value) use ($escapeHtml) {
        $allowedTags = ['b', 'strong', 'i', 'em', 'u'];
        $allowedTagString = '<' . implode('><', $allowedTags) . '>';
        $clean = strip_tags((string) $value, $allowedTagString);
        $escaped = $escapeHtml($clean);
        foreach ($allowedTags as $tag) {
            $escaped = str_replace(
                ["&lt;{$tag}&gt;", "&lt;/{$tag}&gt;"],
                ["<{$tag}>", "</{$tag}>"],
                $escaped
            );
        }

        return $escaped;
    };
    $formatBookDateTime = static function ($value) {
        $timestamp = strtotime((string) $value);
        if ($timestamp === false) {
            return (string) $value;
        }

        $months = [
            1 => 'января',
            2 => 'февраля',
            3 => 'марта',
            4 => 'апреля',
            5 => 'мая',
            6 => 'июня',
            7 => 'июля',
            8 => 'августа',
            9 => 'сентября',
            10 => 'октября',
            11 => 'ноября',
            12 => 'декабря',
        ];

        $month = $months[(int) date('n', $timestamp)] ?? date('m', $timestamp);

        return date('j', $timestamp) . ' ' . $month . ' ' . date('Y в H:i', $timestamp);
    };
    $canShowChapterAuthorMenu = static function (array $row) use ($id, $z_admins): bool {
        return BookWithChaptersCanAccessAuthorChapter($row, (int) $id, (array) $z_admins);
    };
    $canUseRestrictedChapterActions = static function (array $row, int $writtenBy) use ($id, $z_admins): bool {
        $currentUserId = (int) $id;

        return in_array($currentUserId, array_map('intval', $z_admins), true)
            || $currentUserId === (int) ($row['user_id'] ?? 0)
            || ($writtenBy > 0 && $currentUserId === $writtenBy);
    };
    $book_id    = (int) $book_id;
    $chapter_id = (int) $chapter_id;
    if ($book_id <= 0) {
        return;
    }

    // Проверка соединения с БД перед использованием
    if (!$Link || !($Link instanceof mysqli)) {
        if (isset($log) && is_object($log) && method_exists($log, 'error')) {
            $log->error('Invalid mysqli connection in BookWithChapters');
        } else {
            error_log('[BookWithChapters] Invalid mysqli connection');
        }

        return $renderError();
    }

    // Сохраняем числовые значения для использования в подготовленных запросах
    $book_id_int = $book_id;
    $chapter_id_int = $chapter_id;

    // Экранируем для использования в обычных запросах (для обратной совместимости)
    $book_id    = mysqli_real_escape_string($Link, (string) $book_id);
    $chapter_id = mysqli_real_escape_string($Link, (string) $chapter_id);
    $newversionalert = '';
    $rdate = '';
    $cntr = '';
    $chapter_durs = '';
    $og_stat = '';
    $og_stat_email = '';
    echo enqueue_owl();

    echo "<script src='/assets/plugins/magnific/jquery.magnific-popup.min.js'></script>";
    echo "<link rel='stylesheet' href='/assets/plugins/magnific/magnific-popup.css'>";
    echo "<link rel='stylesheet' href='/assets/css/octoground/project3/book.css?v=16'>";
    echo "<link rel='stylesheet' href='/assets/css/octoground/project3/book_mobile.css?v=10'>";
    // echo "<script src='/assets/js/site.js'></script>";
    $chap_filter = 'order by chapter_id';
    if ($chapter_id != 0) {
        $chap_filter = "and chapter_id=$chapter_id";
    }

    $purchased = [];
    $bookPurchased = false;
    $bookPaid = 1;
    $Query = 'SELECT /*091*/ purchases.chapter_id, purchases.paid, book_chapters.id AS chapter_ref_id, book_chapters.version0_id
              FROM purchases
              LEFT JOIN book_chapters
                ON book_chapters.book_id = purchases.book_id
               AND book_chapters.id = purchases.chapter_id
              WHERE purchases.user_id=?
                AND purchases.book_id=?
                AND purchases.bonus_buy IN (' . BONUS_BUY_ALLOWED_VALUES . ')';
    $Result = MysqliPrepared::select($Link, $Query, 'ii', [(int) $id, (int) $book_id]);
    if (!$Result) {
        $log->error('Database query error in BookWithChapters: ' . mysqli_error($Link) . ' Query: ' . $Query);

        return $renderError();
    }
    while ($Row = mysqli_fetch_assoc($Result)) {
        if ($Row['chapter_id'] == 0) {
            $bookPurchased = true;
            $bookPaid = 1 + $Row['paid'];
        } else {
            $origId = (int) ($Row['version0_id'] ?: ($Row['chapter_ref_id'] ?: $Row['chapter_id']));
            $purchased[$origId] = 1 + $Row['paid'];
        }
    }
    mysqli_free_result($Result);
    if ($bookPurchased) {
        $Result = MysqliPrepared::select($Link, 'SELECT id FROM book_chapters WHERE book_id=? AND added != 0', 'i', [(int) $book_id]);
        while ($Row = mysqli_fetch_assoc($Result)) {
            $purchased[$Row['id']] = $bookPaid;
        }
        mysqli_free_result($Result);
    }
    // число читателей главы в данный момент
    $fbcomms = [];
    $cntreaders = [];
    if ($chapter_id == 0) {
        $Query = 'SELECT /*092*/ chapter_id, COUNT(chapter_id) AS cnt FROM bookmarks WHERE book_id=? AND bm_type=0
                    GROUP BY chapter_id ORDER BY chapter_id';
        $Result = MysqliPrepared::select($Link, $Query, 'i', [(int) $book_id]);
    } else {
        $Query = 'SELECT /*093*/ chapter_id, COUNT(chapter_id) AS cnt FROM bookmarks WHERE book_id=? AND bm_type=0
                    AND chapter_id=?';
        $Result = MysqliPrepared::select($Link, $Query, 'ii', [(int) $book_id, (int) $chapter_id]);
    }
    if (!$Result) {
        $log->error('Database query error in BookWithChapters: ' . mysqli_error($Link) . ' Query: ' . $Query);

        return $renderError();
    }
    while ($Row = mysqli_fetch_assoc($Result)) {
        $cntreaders[$Row['chapter_id']] = $Row['cnt'];
    }
    mysqli_free_result($Result);

    // отзывы к главам
    $chaptercomms = [];
    $chaptercomms_list = [];
    $chap_filter2 = '';
    $chapFilter2Types = '';
    $chapFilter2Params = [];
    if ($chapter_id != 0) {
        $chap_filter2 = ' AND chapter_id=?';
        $chapFilter2Types = 'i';
        $chapFilter2Params = [(int) $chapter_id];
    }

    // PlsLoginMessage();

    $Result = MysqliPrepared::select($MasterLink, 'SELECT form FROM books WHERE id=?', 'i', [(int) $book_id]);
    if (!$Result) {
        $log->error('Database query error in BookWithChapters: ' . mysqli_error($MasterLink));

        return $renderError();
    }
    $book_form = '';
    while ($Row = mysqli_fetch_assoc($Result)) {
        $book_form = $Row['form'];
    }

    $chapterCommentsPageSize = 20;

    $chapterCommentsCountQuery = "SELECT /*094-count*/ chaptercomm.chapter_id, COUNT(*) AS total
                FROM chaptercomm
                JOIN book_chapters
                    ON book_chapters.id=chapter_id AND book_id=?{$chap_filter2}
                WHERE complaints < 2 AND chaptercomm.parent_id = 0
                AND book_chapters.is_draft=0
                GROUP BY chaptercomm.chapter_id";
    $chapterCommTotals = [];
    $Result = MysqliPrepared::select($MasterLink, $chapterCommentsCountQuery, 'i' . $chapFilter2Types, array_merge([(int) $book_id], $chapFilter2Params));
    if ($Result) {
        while ($Row = mysqli_fetch_assoc($Result)) {
            $chapterCommTotals[(int) $Row['chapter_id']] = (int) $Row['total'];
        }
        mysqli_free_result($Result);
    } else {
        $log->warning('Chapter comments count query failed in BookWithChapters: ' . mysqli_error($MasterLink));
    }

    $Query = "SELECT /*094*/ book_chapters.id, chaptercomm.user_id, realname, books.name, chaptercomm.chapter_id, complaints, users.pic AS pic,
                chaptercomm.id AS cid, chaptercomm.text,
                chaptercomm.added, DATE_FORMAT(chaptercomm.added, '%Y-%m-%d %T %z') AS added2,
                written_by, finished, books.user_id AS bookauthor, chaptercomm.vote_like, chaptercomm.vote_dis, users.id AS uid,
                timestampdiff(minute, chaptercomm.added, now()) AS inminutes,
                usr_compl.chaptercomm_id AS compl, IFNULL(paid,-1) AS paid, bonus_buy, karma
                FROM chaptercomm
                JOIN book_chapters
                    ON book_chapters.id=chapter_id AND book_id=?{$chap_filter2}
                JOIN users
                    ON users.id=user_id
                JOIN books
                    ON books.id=?
                LEFT JOIN purchases
                    ON purchases.user_id=chaptercomm.user_id AND purchases.book_id=? AND bonus_buy IN (" . BONUS_BUY_ALLOWED_VALUES . ")
                    AND (purchases.chapter_id=0 OR purchases.chapter_id=IFNULL(version0_id, chaptercomm.chapter_id))
                LEFT JOIN usr_compl
                    ON usr_compl.chaptercomm_id=chaptercomm.id AND usr_compl.user_id=?
                WHERE complaints < 2 AND chaptercomm.parent_id = 0
                AND book_chapters.is_draft=0
                ORDER BY added DESC
                LIMIT {$chapterCommentsPageSize}";

    $commentsBindTypes = 'i' . $chapFilter2Types . 'iii';
    $commentsBindParams = array_merge([(int) $book_id], $chapFilter2Params, [(int) $book_id, (int) $book_id, (int) $id]);
    $Result = MysqliPrepared::select($MasterLink, $Query, $commentsBindTypes, $commentsBindParams);
    if (!$Result) {
        $log->error('Database query error in BookWithChapters: ' . mysqli_error($Link) . ' Query: ' . $Query);

        return $renderError();
    }

    $rootComments = [];
    $chapterComments = [];
    $commentIds = [];
    while ($Row = mysqli_fetch_assoc($Result)) {
        $chapterComments[] = $Row;
        $commentIds[] = (int) $Row['cid'];
        $rootComments[] = $Row;
    }

    mysqli_free_result($Result);

    $commentLikes = [];
    if (!empty($commentIds)) {
        $commentPlaceholders = implode(',', array_fill(0, count($commentIds), '?'));
        $sql_vote_og = "SELECT comment_id, mark FROM chaptercomm_likes WHERE comment_id IN ({$commentPlaceholders})";
        $sql_query_og = MysqliPrepared::select($Link, $sql_vote_og, str_repeat('i', count($commentIds)), $commentIds);
        if (!$sql_query_og) {
            $log->error('Database query error in BookWithChapters (comment likes): ' . mysqli_error($Link) . ' Query: ' . $sql_vote_og);

            return $renderError();
        }
        while ($Row = mysqli_fetch_assoc($sql_query_og)) {
            $commentLikes[$Row['comment_id']] = $Row['mark'];
        }
        mysqli_free_result($sql_query_og);
    }

    // Подгружаем ответы на все комментарии одним проходом по дереву
    $prefetchedCommentsByParent = [];
    $parentsToFetch = array_column($rootComments, 'cid');
    while (!empty($parentsToFetch)) {
        $parentsToFetch = array_values(array_filter(array_unique(array_map('intval', $parentsToFetch))));
        if ($parentsToFetch === []) {
            break;
        }

        $parentPlaceholders = implode(',', array_fill(0, count($parentsToFetch), '?'));
        $childQuery = "SELECT /*131-5-bulk*/chaptercomm.id AS chap_id, chaptercomm.parent_id, book_chapters.title, chaptercomm.chapter_id, pic, books.user_id AS bookauthor, books.id AS cur_book_id, chaptercomm.vote_like, chaptercomm.vote_dis, books.form AS bookform, finished, written_by,
            DATE_FORMAT(chaptercomm.added, '%d/%m/%Y %T') AS added, chaptercomm.text, users.realname, users.id AS uid, nocomms, IFNULL(paid,-1) AS paid,
            timestampdiff(minute, chaptercomm.added, now()) AS inminutes
            FROM chaptercomm
            JOIN book_chapters ON book_chapters.id = chaptercomm.chapter_id
            JOIN books ON books.id = book_chapters.book_id
            JOIN users ON users.id = chaptercomm.user_id
            LEFT JOIN purchases
                ON purchases.user_id=chaptercomm.user_id AND purchases.book_id=? AND bonus_buy != 1
                AND purchases.chapter_id=IF(version0_id,version0_id,chaptercomm.chapter_id)
            WHERE book_chapters.book_id = ? AND complaints < 2 AND chaptercomm.text != '' AND chaptercomm.parent_id IN ({$parentPlaceholders})
            ORDER BY chaptercomm.parent_id, chaptercomm.added DESC";

        $childBindTypes = 'ii' . str_repeat('i', count($parentsToFetch));
        $childBindParams = array_merge([(int) $book_id, (int) $book_id], $parentsToFetch);
        $childResult = MysqliPrepared::select($MasterLink, $childQuery, $childBindTypes, $childBindParams);
        if (!$childResult) {
            $log->error('Database query error in BookWithChapters (child comments): ' . mysqli_error($MasterLink) . ' Query: ' . $childQuery);

            return $renderError();
        }

        $nextLevelParents = [];
        while ($childRow = mysqli_fetch_assoc($childResult)) {
            $parentId = (int) $childRow['parent_id'];
            if (!isset($prefetchedCommentsByParent[$parentId])) {
                $prefetchedCommentsByParent[$parentId] = [];
            }

            if (count($prefetchedCommentsByParent[$parentId]) >= 10) {
                continue;
            }

            $prefetchedCommentsByParent[$parentId][] = $childRow;
            $nextLevelParents[] = (int) $childRow['chap_id'];
        }

        mysqli_free_result($childResult);
        $parentsToFetch = $nextLevelParents;
    }

    foreach ($chapterComments as $Row) {
        //*получаем найличие лайков на комментарий
        $vote_status_like = 123; //передаем в ajax, чтобы не было лишних запросов
        $vote_status_dis = 123; //передаем в ajax, чтобы не было лишних запросов
        $row_og = '';
        if (isset($commentLikes[$Row['cid']])) {
            $row_og = $commentLikes[$Row['cid']] === '-1' ? 'active_dis' : 'active_like';
            $vote_status_like = $row_og === 'active_like' ? 'true' : 'false'; //передаем в ajax, чтобы не было лишних запросов
            $vote_status_dis = $row_og === 'active_dis' ? 'true' : 'false'; //передаем в ajax, чтобы не было лишних запросов
        }
        //конец
        $comment_raw = (string) $Row['text'];
        $comment = $esc($comment_raw);
        if (trim($comment_raw) === '') {
            continue;
        }

        $rid = $Row['id'];
        if (!isset($chaptercomms[$Row['chapter_id']])) {
            $chaptercomms[$Row['chapter_id']] = [];
            $chaptercomms_list[$Row['chapter_id']] = [];
        }
        $report = ['vis', 'hid'];
        if ($Row['compl'] != null) { // отправлял ли комплейнт этот юзер
            $report[0] = 'hid';
            $report[1] = 'vis';
        }

        $nonce1 = create_nonce('ajax_complaint');
        //$nonce2 = create_nonce('ajax_setreturn');

        $editmycomment = '';

        $edit_comment_btn = '';
        $canManageComment = ((int) $Row['user_id'] === (int) $id) || in_array($id, $z_admins, true);
        if ($canManageComment) {
            $edit_comment_btn = <<<END
                <span class="edit-comment-btn" onclick="editComment1({$Row['cid']})" title="Редактировать комментарий" style="cursor: pointer; color: #0a9ea4">
                    <i class="fa fa-pencil" aria-hidden="true" ></i>
                </span>
                END;
        }
        $comment1 = preg_replace_callback('/id:([0-9]*)/i', 'Forum_ureplacer_link', $comment);
        $comment1 = preg_replace_callback('/ch:([0-9]*)/i', 'Forum_creplacer_link', $comment1);
        $comment1 = preg_replace(
            ['/\*([^\*]*)\*/i', '/\~([^\~]*)\~/i', '/\_([^\_]*)\_/i', '/\ \-(\S[^\-]*\S)\-\ /i'],
            ['<b>$1</b>', '<i>$1</i>', '<u>$1</u>', ' <del>$1</del> '],
            $comment1
        );
        $comment1 = preg_replace_callback(
            '/\[f:([0-9]+):([0-9]+)(:[0-9]+)?:([^\]]+)\]/',
            static function (array $m): string {
                $url = htmlspecialchars(lp('/forum/' . $m[1] . '/' . $m[2] . ($m[3] ?? '') . '/'), ENT_QUOTES, 'UTF-8');

                return '<a class=lnk href="' . $url . '">' . htmlspecialchars($m[4], ENT_QUOTES, 'UTF-8') . '</a>';
            },
            $comment1
        );
        $comment1 = preg_replace_callback('/book:([0-9]*)/i', 'Forum_replacer_link', $comment1);

        $val = <<<END
                    <div class="og_chpt_comment_item" id="comment_id_{$Row['cid']}">
                <div id=pced1$Row[cid] class='og_pced1'>
                    <div class=size14>
            END;
        $is_author_hidden = 0;
        if (($Row['written_by'] == $Row['user_id']) && ($Row['finished'] == 0) && ($Row['bookauthor'] == 4)) {
            $is_author_hidden = 1;
            $val .= <<<'END'
                    ~ (автор скрыт)
                END;
        } else {
            $buyit = '';
            $buyreason = 'Не покупал эту главу, и даже не открывал эту главу (если это первая часть или автор)';
            if ($Row['paid'] > 0) {
                $buyit = '<i class="fa fa-money" aria-hidden="true"></i>';
                $buyreason = 'Купил эту главу за деньги';
            }

            if ($Row['paid'] == 0) {
                $buyit = '<i class="fa fa-rss" aria-hidden="true"></i>';
                $buyreason = 'Читает по абонементу, это бесплатная глава или это сам автор';
            }

            $seoname = '-' . SeoBook($Row['name']) . '-' . SeoBook($Row['realname']);
            $urname2 = SeoAuthor($Row['realname']);
            $buyIndicator = '';
            if ($buyit !== '') {
                $buyIndicator = '<a class=txt style="margin-left:5px" rel="nofollow" title="' . $esc($buyreason) . '" href="' . htmlspecialchars(lp('/search/details/' . $Row['user_id'] . '-' . $urname2 . '/'), ENT_QUOTES, 'UTF-8') . '">' . $buyit . '</a>';
            }
            $realname_safe = $esc($Row['realname']);
            $pic_safe = preg_replace('/[^0-9]/', '', (string) ($Row['pic'] ?? ''));
            $nxtImg = $pic_safe !== '' ? "<img alt='{$realname_safe}' src='/{$ImgPrefix}/users/u" . rtrim($Row['pic'] ?? '', '.') . ".jpg'>" : '<i style="font-size: 40px; color: #efefef;" class="fa fa-user-circle" aria-hidden="true"></i>';
            $btn_delete = '';
            if ((in_array($id, $z_admins, true)) || ($id == $Row['written_by'])) {
                $btn_delete .= <<<END
                                 <span class="adm_delete_comments" style="margin-left: 10px" onclick="hidediv('comment_id_$Row[cid]'); ajax('savepage','','complaint','$Row[cid]','2','$nonce1',1);"><i class="fa fa-trash-o" aria-hidden="true"></i></span><br>
                    END;
            }
            $units = 'мин.';
            $ago = 'назад';
            $when = $Row['inminutes'];

            if ($when > 59) {
                $units = 'час.';
                $when = (int) (($when + 30) / 60);
                if ($when > 23) {
                    $units = 'дн.';
                    $when = (int) (($when + 12) / 24);
                }
            }
            if ($when == 0) {
                $when = 'сейчас';
                $units = '';
                $ago = '';
            }

            $comment_added_formatted = $formatBookDateTime($Row['added']);
            $lastupdate = "<span title='Коммент добавлен $comment_added_formatted'>$when $units $ago</span>";
            $commentUserHref = htmlspecialchars(lp('/user/' . $Row['user_id'] . '/'), ENT_QUOTES, 'UTF-8');
            $val .= <<<END
                            <div>
                                $nxtImg
                                <div class='comment_chpt_user'>
                                    <div>
                                        <a class='lnk nxt_img' rel="nofollow" href="{$commentUserHref}">{$realname_safe}</a>
                                        {$buyIndicator}
                                    </div>
                                    <span>$lastupdate</span>
                                </div>
                            </div>
                            <div>
                            <div class="comment-actions">
                                {$edit_comment_btn}
                                {$editmycomment}
                            </div>
                            $btn_delete

                            </div>
                END;
        }

        $reducedcomm = '';
        $fbcommlen = mb_strlen($comment1);
        if ($fbcommlen > 350) {
            $reducedcomm = "<div class=fbtext id=reduced$Row[cid]>";
            $reduced = mb_substr($comment1, 0, 350);
            $reduced = mb_substr($comment1, 0, mb_strrpos($reduced, ' '));

            $tagstocheck = [['<b>', '</b>'],
                ['<i>', '</i>'],
                ['<u>', '</u>'],
                ['<a cla', '</a>'],
                ['<strike>', '</strike>']];

            foreach ($tagstocheck as $ttc) {
                $count1 = count(explode($ttc[0], $reduced));
                $count2 = count(explode($ttc[1], $reduced));
                for ($idx = $count2; $idx < $count1; ++$idx) {
                    $reduced .= $ttc[1];
                }
            }

            $reduced = preg_replace('/:sm([0-9]{2})/', "<img alt=':sm$1' src='/assets/img/smiles/$1.gif'>", $reduced); //smiles

            $reduced = preg_replace('/:jm(1?[0-9]{2})/', "<img alt=':jm$1' src='/assets/img/smiles/$1.gif'>", $reduced); //smiles

            $comment1 = preg_replace('/:sm([0-9]{2})/', "<img alt=':sm$1' src='/assets/img/smiles/$1.gif'>", $comment1); //smiles
            $comment1 = preg_replace('/:jm(1?[0-9]{2})/', "<img alt=':jm$1' src='/assets/img/smiles/$1.gif'>", $comment1); //smiles

            $reducedcomm .= $reduced;
            $reducedcomm .= <<<END
                            ... <a class=lnk  rel="nofollow" onclick="hidediv('reduced$Row[cid]');showdiv('fullcomm$Row[cid]');">(показать полностью)</a>
                            </div>
                            <div id=fullcomm$Row[cid] style="display:none;">$comment1</div>
                END;
        } else {
            $comment1 = preg_replace('/:sm([0-9]{2})/', "<img alt=':sm$1' src='/assets/img/smiles/$1.gif'>", $comment1); //smiles
            $comment1 = preg_replace('/:jm(1?[0-9]{2})/', "<img alt=':jm$1' src='/assets/img/smiles/$1.gif'>", $comment1); //smiles

            $reducedcomm = $comment1;
        }

        $val .= <<<END
                    </div>


                    <article itemscope itemtype="https://schema.org/UserComments">
                        <div class=fbtext itemprop="commentText" contenteditable="false" id="fbtextid$Row[cid]">
                            $reducedcomm
                        </div>

            END;

        $hiskarma = $Row['karma'];
        if ($hiskarma < 0) {
            $hiskarma = 0;
        }

        $lastupdateadded2 = str_replace(' ', 'T', $Row['added2']);

        $karmaline = '';
        // if ($is_author_hidden == 0)
        //             $karmaline = <<<END
        // <span title="Репутация: $hiskarma"><i class="fa fa-street-view" aria-hidden="true" style="margin-right: 5px"></i>$hiskarma</span>
        // END;
        if ($is_author_hidden == 0) {
            $answer_url_og = "id:$Row[uid]";
        } else {
            // Для скрытого автора — подставьте 0 или специальное значение
            $answer_url_og = 'id:0';
        }
        if ((int) $id > 0) {
            $commentInteractionBlock = <<<END
                <div class=hid>
                    <time itemprop="commentTime" datetime="$lastupdateadded2" content="$lastupdateadded2">{$comment_added_formatted}</time>
                </div>
                <span class=j14c>
                    $karmaline
                    <div></div>
                </article>
                <div class="anwer_bottom_btn">
                    <a class="taglnk2 answer_url_og" style="color: #0fa6ab; cursor: pointer; text-decoration: none;" data-id="{$answer_url_og}" rel="nofollow">Ответить</a>
                    <div class="anwer_bottom_btn_vote og_non" data-og-non="{$nonce1}">
                        <div class="like-show-chapters__col">
                            <svg title="Я передумал, мне нравится часть" class="{$row_og} like" onclick="ajax('votecommentlike', {$vote_status_like}, 'votecomment', {$Row['cid']}, {$id}, 'votecommentlike', 'votecommentlike{$Row['cid']}');" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M5.16228 17.3346H2.73581C2.30678 17.3346 1.89533 17.159 1.59196 16.8465C1.28859 16.5339 1.11816 16.11 1.11816 15.668V9.83464C1.11816 9.39261 1.28859 8.96868 1.59196 8.65612C1.89533 8.34356 2.30678 8.16797 2.73581 8.16797H5.16228M10.824 6.5013V3.16797C10.824 2.50493 10.5684 1.86904 10.1134 1.4002C9.6583 0.931361 9.04112 0.667969 8.39758 0.667969L5.16228 8.16797V17.3346H14.2858C14.6759 17.3392 15.0545 17.1983 15.3518 16.938C15.649 16.6776 15.845 16.3154 15.9035 15.918L17.0196 8.41797C17.0548 8.1791 17.0392 7.9352 16.9738 7.70318C16.9084 7.47115 16.7949 7.25655 16.641 7.07423C16.4871 6.89191 16.2966 6.74624 16.0827 6.64732C15.8687 6.54839 15.6365 6.49857 15.402 6.5013H10.824Z" stroke="#0FA6AB" stroke-linecap="round" stroke-linejoin="round"></path>
                            </svg>
                            <div class="votes" title="Понравилось" id="votecommentlike{$Row['cid']}">{$Row['vote_like']}</div>

                        </div>
                        <div class="like-show-chapters__col">
                            <svg title="Мне не понравилась часть" class="{$row_og} dis" data-vote-status="{$vote_status_dis}" onclick="ajax('votecommentdis', {$vote_status_dis}, 'votecomment', {$Row['cid']}, {$id}, 'votecommentdis', 'votecommentdis{$Row['cid']}');" width="18" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M4.64717 0.665365H2.44129C2.05127 0.665365 1.67722 0.84096 1.40143 1.15352C1.12564 1.46608 0.970703 1.89 0.970703 2.33203V8.16536C0.970703 8.60739 1.12564 9.03132 1.40143 9.34388C1.67722 9.65644 2.05127 9.83203 2.44129 9.83203H4.64717M9.79423 11.4987V14.832C9.79423 15.4951 9.56183 16.131 9.14814 16.5998C8.73446 17.0686 8.17339 17.332 7.58835 17.332L4.64717 9.83203V0.665365H12.9413C13.2959 0.660821 13.6401 0.801694 13.9103 1.06203C14.1806 1.32236 14.3587 1.68461 14.4119 2.08203L15.4266 9.58203C15.4586 9.8209 15.4444 10.0648 15.3849 10.2968C15.3255 10.5288 15.2222 10.7435 15.0824 10.9258C14.9425 11.1081 14.7693 11.2538 14.5748 11.3527C14.3803 11.4516 14.1692 11.5014 13.956 11.4987H9.79423Z" stroke="#0FA6AB" stroke-linecap="round" stroke-linejoin="round"></path>
                            </svg>
                            <div class="votesred" title="Не понравилось" id="votecommentdis{$Row['cid']}">{$Row['vote_dis']}</div>
                        </div>
                    </div>

                </div>
                 <div class="answer_commit">
                    <textarea class="answer_commit_all" id="answer_commit_all{$Row['cid']}" maxlength="2000"></textarea>
                    <a rel="nofollow" class="btn btn_bg answer_btn_commit" data-book-id = {$book_id} data-chapter_id = {$Row['chapter_id']} data-url = $menuitems[6]/{$gitem}/$Row[chapter_id]/#fragments data-nonce={$nonce1} data-t={$book_id} data-fb=answer_commit_all data-octoground={$Row['cid']}>Ответить</a>
                    <a rel="nofollow" id="vote-send-bottom" class="btn btn_bg hide_btn_commit">Скрыть</a>
                </div>
            </div>
            END;
        } else {
            $loginHref = htmlspecialchars(lp('/login/'), ENT_QUOTES, 'UTF-8');
            $commentInteractionBlock = <<<END
                <div class=hid>
                    <time itemprop="commentTime" datetime="$lastupdateadded2" content="$lastupdateadded2">{$comment_added_formatted}</time>
                </div>
                <span class=j14c>
                    $karmaline
                    <div></div>
                </article>
                <div class="anwer_bottom_btn comment-login-gate">
                    <a href="{$loginHref}" rel="nofollow">Войдите, чтобы ответить</a>
                </div>
            </div>
            END;
        }
        $val .= $commentInteractionBlock;
        if ($canManageComment) {
            $nonce_compl = create_nonce('ajax_complaint');
            $val .= <<<END
            <div id="edit-comment-{$Row['cid']}" class="edit-comment-form" style="display: none;">
                <textarea id="edit-text-{$Row['cid']}" class="edit-comment-textarea">{$Row['text']}</textarea>
                <div class="edit-comment-buttons">
                    <button onclick="saveComment1({$Row['cid']}, '{$nonce_compl}')">Сохранить</button>
                    <button onclick="cancelEdit1({$Row['cid']})">Отмена</button>
                </div>
            </div>
            END;
        }
        $val_list = <<<END
                <div id=pced3$Row[cid]>
            END;

        if (($Row['written_by'] == $Row['user_id']) && ($Row['finished'] == 0) && ($Row['bookauthor'] == 4)) {
            $val_list .= <<<'END'
                        <div class=size14>(автор скрыт)</div>
                END;
        } else {
            $urname2 = SeoAuthor($Row['realname']);
            $valAuthorHref = htmlspecialchars(book_with_chapters_lp('/' . ($menuitems[4] ?? 'search') . '/details/' . $Row['user_id'] . '-' . $urname2 . '/'), ENT_QUOTES, 'UTF-8');
            $val_list .= <<<END
                        <div class=size14><a class=lnk rel="nofollow" href="{$valAuthorHref}">{$realname_safe}</a></div>
                END;
        }

        $lastupdateadded2 = str_replace(' ', 'T', $Row['added']) . '+03:00';

        $val_list .= <<<END
                        <div class=fbtext>$comment1</div>
                        <span class=j14c>$karmaline $lastupdate</span>
                    <div class=h24></div>
                </div>
            END;

        $rid = $Row['cid'];
        if (($Row['user_id'] == $id) || (in_array($id, $z_admins, true))) {
            $val .= <<<END
                    <div id=pced2$rid class=hid>
                    <textarea onfocus="act(1);" onblur="act(0);saveToLocal('F$rid',this.value);" onkeyup="return countchrs('$rid','feedbcntr');" id=fb$rid class=chcomm1 placeholder="Ваш отзыв о части" maxlength="2000">$comment</textarea>
                    <div class=clb></div>
                    <div style="display: flex; align-items: center; justify-content: space-between; margin-top: 10px;">
                        <div id=cnt_$rid class='feedbcntr greencolor'>2500</div>
                        <input type=button class="book-btn-primary" value="Исправить отзыв" onclick="val=my_getbyid('fb$rid').value;if(val.length>0){ajax('pced2$rid','','editfb',val,'$rid','',0);}">
                    </div>
                    </div>

                    <script>
                    countchrs('$rid','feedbcntr');
                    (function f(){if(typeof getFromLocal==='function'){getFromLocal('fb$rid','F$rid');return;}
                    if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',f);else setTimeout(f,50);})();
                    </script>
                    <div class=clb></div></div>
                END;
        }

        //*получаем комментарии ответы на родительский комментарий
        $sql_comment_og = MysqliPrepared::select($Link, 'SELECT id FROM chaptercomm WHERE parent_id = ?', 'i', [(int) $Row['cid']]);
        $parent_id = $Row['cid'];
        $bookinfovar  = '';
        if (!empty($prefetchedCommentsByParent[$parent_id])) {
            require_once __DIR__ . '/../templates/octoground/book_comments_item.php';
        }
        $val .= $bookinfovar;
        array_push($chaptercomms[$Row['chapter_id']], $val);
        array_push($chaptercomms_list[$Row['chapter_id']], $val_list);
    }

    // узнаем ID первой версии глав в книге
    $orig_chpid = [];
    $likes_count = [];
    $dislikes_count = [];
    $book_author = 0;
    $book_author2 = 0;
    $book_author3 = 0;
    $sequential = 0;     // покупать ли главы по порядку
    $Query = 'SELECT /*095*/ book_chapters.id, IFNULL(version0_id, book_chapters.id) AS version0_id, likes, dislikes, user_id, author2id, author3id, canzoom
              FROM book_chapters, books WHERE books.id=book_id AND book_id=? AND is_draft=0';
    $Result = MysqliPrepared::select($Link, $Query, 'i', [(int) $book_id]);
    if (!$Result) {
        $log->error('Database query error in BookWithChapters: ' . mysqli_error($Link) . ' Query: ' . $Query);

        return $renderError();
    }
    while ($Row = mysqli_fetch_assoc($Result)) {
        $orig_chpid[$Row['id']] = $Row['version0_id'];
        $likes_count[$Row['id']] = $Row['likes'];
        $dislikes_count[$Row['id']] = $Row['dislikes'];
        $book_author = (int) $Row['user_id'];
        $book_author2 = (int) ($Row['author2id'] ?? 0);
        $book_author3 = (int) ($Row['author3id'] ?? 0);
        $sequential = ($Row['canzoom'] & 12) >> 2;
    }
    mysqli_free_result($Result);

    // какие главы куплены
    $chppurchased = [];

    // понадобиться для логики удаления первой бесплатной главы:
    // когда в книге ровно одна глава, пользователю (автору/админу) нужно дать возможность убрать тестовую книгу
    $book_glav_for_delete_hint = 0;
    if ((int) $book_id > 0) {
        $bookGlavRes = MysqliPrepared::select($Link, 'SELECT glav FROM books WHERE id=? LIMIT 1', 'i', [(int) $book_id]);
        if ($bookGlavRes && mysqli_num_rows($bookGlavRes) > 0) {
            $bookGlavRow = mysqli_fetch_assoc($bookGlavRes);
            $book_glav_for_delete_hint = (int) ($bookGlavRow['glav'] ?? 0);
        }
        if ($bookGlavRes) {
            mysqli_free_result($bookGlavRes);
        }
    }
    if (((int) $id === (int) $book_author) || (in_array((int) $id, array_map('intval', $z_admins), true))) {
        $Query = 'SELECT /*096*/ chapter_id, COUNT(chapter_id) AS cnt FROM purchases WHERE book_id=?
                    AND chapter_id != 0 AND bonus_buy IN (' . BONUS_BUY_ALLOWED_VALUES . ') GROUP BY chapter_id';
        $Result = MysqliPrepared::select($Link, $Query, 'i', [(int) $book_id]);
        if (!$Result) {
            $log->error('Database query error in BookWithChapters: ' . mysqli_error($Link) . ' Query: ' . $Query);

            return $renderError();
        }
        while ($Row = mysqli_fetch_assoc($Result)) {
            $ch_id = $Row['chapter_id'];
            $chppurchased[$ch_id] = $Row['cnt'];
        }
        mysqli_free_result($Result);
    }

    $cnt_totalpages = 0;
    $cnt_totalglav = 0;
    $chp_controls = '';
    $cntbooks = 0;
    $chap_filter3 = '';
    $initjscomms = '';
    $isFinished = 0;
    $latestfilter = '';
    $edition = 0;
    $protection = 0;
    $booktitle = ''; // заголовок книги
    $bookauthor = ''; // автор
    $orig_rid = 0;
    $canaudio = 0;
    $ownaudio = 0;
    $audioavail = '';
    $numpages = 0;
    $ChapterPrice = 0;
    $nocomms = 0;

    $not_purchased = ''; // куплены ли предыдущие главы
    if ($chapter_id != 0) {
        $not_purchased = PrevNotPurchased($book_id, $chapter_id);
    }

    $cntpages = 0;

    $audioraise = [];
    $Query = 'SELECT /*330-3*/ collected_rub, target_rub, payout, chapter_id FROM crowdfunding WHERE book_id=? AND
                    finish_date>NOW() AND raise_type=2 AND bank_closed=0';

    $Result = MysqliPrepared::select($Link, $Query, 'i', [(int) $book_id]);
    if (!$Result) {
        $log->error('Database query error in BookWithChapters: ' . mysqli_error($Link) . ' Query: ' . $Query);

        return $renderError();
    }
    while ($Row = mysqli_fetch_assoc($Result)) {
        $audioraise[$Row['chapter_id']] = ['collected_rub' => $Row['collected_rub'],
            'target_rub' => $Row['target_rub'],
            'payout' => $Row['payout']];
    }
    mysqli_free_result($Result);

    $curr_fragment = 0;
    if ($chapter_id == 0) {
        $latestfilter = 'and book_chapters.added != 0';
    }
    $chap_filter3 = '';
    $chapFilter3Types = '';
    $chapFilter3Params = [];
    if ($chapter_id != 0) {
        $chap_filter3 = ' AND book_chapters.id=?';
        $chapFilter3Types = 'i';
        $chapFilter3Params = [(int) $chapter_id];
    }

    // врем чтения глав до этого дня (за сегодняшний день - в таблице book_chapters)
    $chapter_durations = [];
    $Query = 'SELECT /*097-2*/ chapter_id, SUM(readduration) AS dur FROM readstat WHERE book_id=? GROUP BY chapter_id';
    $Result = MysqliPrepared::select($Link, $Query, 'i', [(int) $book_id]);
    if (!$Result) {
        $log->error('Database query error in BookWithChapters: ' . mysqli_error($Link) . ' Query: ' . $Query);

        return $renderError();
    }
    while ($Row = mysqli_fetch_assoc($Result)) {
        $chapter_durations[$Row['chapter_id']] = $Row['dur'];
    }
    mysqli_free_result($Result);

    // По умолчанию — прямой порядок (первая глава сверху), как в оглавлении книги, для удобства чтения
    $sortorder = 'asc';
    $chapters_order = "<p class=j4><i class='fa fa-sort-amount-asc'></i> Главы расположены по порядку: с начала книги до конца. Новые главы — внизу списка.</p>";
    $deletedstatus = 'deleted = 0';
    $deletedstatus2 = 'isdeleted = 0';
    if (in_array($id, $z_admins, true)) {
        $deletedstatus .= ' or deleted = 2 or deleted = 3';
        $deletedstatus2 .= ' or isdeleted = 2 or isdeleted = 3';
    }

    // Проверяем наличие аудиокниги и собираем информацию о главах с аудио
    $chapters_with_audio = [];
    $audiobook_exists = false;
    // Проверяем сначала наличие аудиокниги (любое состояние)
    // Используем обычный запрос с экранированием для совместимости (не требует mysqlnd)
    // Добавляем проверку на существование таблиц для предотвращения ошибок
    if ($Link && ($Link instanceof mysqli)) {
        // Проверяем существование таблицы audiobooks перед запросом
        $tableCheck = MysqliPrepared::select($Link, "SHOW TABLES LIKE 'audiobooks'", '', []);
        if ($tableCheck && mysqli_num_rows($tableCheck) > 0) {
            mysqli_free_result($tableCheck);
            $QueryAudioCheck = 'SELECT id, state FROM audiobooks WHERE book_id = ? LIMIT 1';
            $ResultAudioCheck = MysqliPrepared::select($Link, $QueryAudioCheck, 'i', [(int) $book_id_int]);
            if ($ResultAudioCheck && mysqli_num_rows($ResultAudioCheck) > 0) {
                $AudioCheckRow = mysqli_fetch_assoc($ResultAudioCheck);
                mysqli_free_result($ResultAudioCheck);

                // Если аудиокнига есть, получаем главы (только для state='ready')
                if (isset($AudioCheckRow['state']) && $AudioCheckRow['state'] === 'ready') {
                    // Проверяем существование таблицы audiobooks_chapters
                    $tableCheck2 = MysqliPrepared::select($Link, "SHOW TABLES LIKE 'audiobooks_chapters'", '', []);
                    if ($tableCheck2 && mysqli_num_rows($tableCheck2) > 0) {
                        mysqli_free_result($tableCheck2);
                        $tableCheck3 = MysqliPrepared::select($Link, "SHOW TABLES LIKE 'audiobooks_tts_jobs'", '', []);
                        $joinTts = ($tableCheck3 && mysqli_num_rows($tableCheck3) > 0);
                        if ($tableCheck3) {
                            mysqli_free_result($tableCheck3);
                        }
                        if ($joinTts) {
                            $QueryAudio = "SELECT abc.chapter_id
                                           FROM audiobooks_chapters abc
                                           INNER JOIN audiobooks ab ON abc.audiobook_id = ab.id
                                           INNER JOIN audiobooks_tts_jobs j ON j.audiobook_id = ab.id AND j.status = 'completed' AND (j.chapter_id = abc.chapter_id OR j.chapter_id = abc.id)
                                           WHERE ab.book_id = ? AND ab.state = 'ready'";
                        } else {
                            $QueryAudio = null;
                        }
                        $ResultAudio = ($QueryAudio !== null) ? MysqliPrepared::select($Link, $QueryAudio, 'i', [(int) $book_id_int]) : false;
                        if ($ResultAudio) {
                            while ($RowAudio = mysqli_fetch_assoc($ResultAudio)) {
                                $audiobook_exists = true;
                                $chapter_id_audio = (int) ($RowAudio['chapter_id'] ?? 0);
                                if ($chapter_id_audio > 0) {
                                    $chapters_with_audio[$chapter_id_audio] = true;
                                }
                            }
                            mysqli_free_result($ResultAudio);
                        }
                    } else {
                        if ($tableCheck2) {
                            mysqli_free_result($tableCheck2);
                        }
                    }
                }
            } elseif ($ResultAudioCheck === false) {
                // Если запрос не выполнился, просто продолжаем без аудио - это не критично
                // Не логируем, чтобы не засорять логи
            }
        } else {
            if ($tableCheck) {
                mysqli_free_result($tableCheck);
            }
        }
    }
    $Query = "SELECT /*097-3*/ books.user_id, books.author2id, books.author3id, books.author2rate, books.author3rate, book_chapters.id, book_chapters.title, name, u1.realname, u2.realname as u2r, kb, price,
                book_chapters.added, protection, protectedview, cntpages, nocomms, book_chapters.readduration as chaptduration, protect_override, u1.isauthor,
                version, versiondate, IFNULL(version0_id, book_chapters.id) as version0_id, finished, discount, pubafter, UNIX_TIMESTAMP(pubafter) as pubtime, (UNIX_TIMESTAMP(pubafter) = 0 or pubafter<NOW()) as oktopub, ishidden,
                IFNULL(library.author_id,0) as favorite,
                (purchased >= cost OR EXISTS (
                    SELECT 1 FROM book_subscription
                    WHERE user_id = ?
                      AND is_active = 1
                      AND DATE(sub_duration) >= CURDATE()
                      AND sub_type IN (998, 999)
                )) AS onabonement, IFNULL(written_by,0) AS written_by, IFNULL(mark,0) AS mark, canzoom,
                audiotrack.raise_id, mp3filename, target_rub, paid, audiotrack.dictor_id, u3.realname AS dictor_name, ownaudio, sendemails
                FROM books
                JOIN book_chapters
                    ON book_chapters.book_id=books.id{$chap_filter3}
                LEFT JOIN sale
                    ON sale.id=sale_id AND sale.endtime>NOW() AND sale.starttime<=NOW()
                JOIN users u1
                    ON u1.id=books.user_id AND ((u1.userdeleted=0) OR (u1.lastlogin > DATE_SUB(now(), interval 1095 day)))
                LEFT JOIN users u2
                    ON u2.id=written_by
                LEFT JOIN abonements
                    ON abonements.user_id=? AND abonements.book_id=books.id
                    LEFT JOIN library USE INDEX(byUserBook)
					ON library.author_id=? AND library.user_id=books.user_id AND library.book_id=0 AND library.age18=0 AND ($deletedstatus2)
				LEFT JOIN chapter_likes ON chapter_likes.chapter_id=IFNULL(version0_id, book_chapters.id) AND chapter_likes.user_id=?
				LEFT JOIN audiotrack
					ON chapter0_id = IFNULL(version0_id, book_chapters.id)
				LEFT JOIN crowdfunding ON audiotrack.raise_id=crowdfunding.id AND raise_type=2
				LEFT JOIN fundraise_log f
					ON f.user_id=? AND f.raise_id=crowdfunding.id
				LEFT JOIN users u3
					ON u3.id=audiotrack.dictor_id
				WHERE (book_chapters.book_id=?) AND ((? != u1.id) OR (u1.userro != 2))
				AND book_chapters.is_draft = 0
				AND ((($deletedstatus) AND (NOT u1.userdeleted)) OR (IFNULL(purchased,0) > 0) OR (books.user_id=?)) $latestfilter
			    ORDER BY book_chapters.added $sortorder";
    $chaptersListUserId = (int) $id;
    $chaptersListBookId = (int) $book_id;
    $chaptersBindParams = array_merge(
        $chapFilter3Params,
        [
            $chaptersListUserId, // book_subscription.user_id (EXISTS)
            $chaptersListUserId, // abonements.user_id
            $chaptersListUserId, // library.author_id
            $chaptersListUserId, // chapter_likes.user_id
            $chaptersListUserId, // fundraise_log.user_id
            $chaptersListBookId, // book_chapters.book_id
            $chaptersListUserId, // WHERE user filter
            $chaptersListUserId, // books.user_id
        ]
    );
    $chaptersBindTypes = MysqliPrepared::paramTypes($chaptersBindParams);
    $Result = MysqliPrepared::select($Link, $Query, $chaptersBindTypes, $chaptersBindParams);
    if (!$Result) {
        $log->error('Database query error in BookWithChapters: ' . mysqli_error($Link) . ' Query: ' . $Query);

        return $renderError();
    }
    $processed_chapters = [];
    while ($Row = mysqli_fetch_assoc($Result)) {
        $cntpages = $Row['cntpages'];
        $chapterHidden = (int) $Row['ishidden'] === 1;
        $hasAuthorChapterAccess = BookWithChaptersCanAccessAuthorChapter($Row, (int) $id, (array) $z_admins);
        $canManageDelayedChapter = book_with_chapters_can_manage_delayed_chapter($Row, (int) $id, (array) $z_admins);
        if ($chapterHidden && !$hasAuthorChapterAccess) {
            continue;
        }
        // echo $Row['id'];
        if (isset($processed_chapters[$Row['id']])) {
            continue; // Пропускаем уже обработанную главу
        }

        $processed_chapters[$Row['id']] = true;
        if (!$canManageDelayedChapter) {
            // прячем ещё не вышедшие главы
            if ($Row['oktopub'] == 0) {
                continue;
            }
        }

        ++$curr_fragment;
        $liclass = 'wh0';
        if ((($curr_fragment % 2) == 0) || ($chapter_id != 0)) {
            $liclass = 'wh1';
        }

        $basePrice = (float) $Row['price'];
        if ($basePrice >= 100 && $basePrice === (float) (int) $basePrice) {
            $basePrice = $basePrice / 10.0;
        }
        if ($Row['discount'] > 0) {
            $ChapterPrice = ($basePrice * (100 - $Row['discount'])) / 100;
        } else {
            $ChapterPrice = $basePrice;
        }

        $canaudio = ($Row['canzoom'] & 2) >> 1;
        $ownaudio = $Row['ownaudio'];
        $audioavail = $Row['mp3filename'];
        $numpages = $Row['kb'];

        ++$cntbooks;
        $title = $Row['title'];
        $rid = $Row['id'];
        $hiddenBadge = '';
        if ($chapterHidden && $hasAuthorChapterAccess) {
            $hiddenBadge = ' <span class="chapter-status-label chapter-status-label--hidden">Скрыта</span>';
        }
        $orig_rid = $rid;
        if ($Row['version0_id']) {
            $orig_rid = $Row['version0_id'];
        }
        $bwcChapterHref = book_with_chapters_lp('/' . ($menuitems[6] ?? 'books') . '/' . $book_id . '/' . $rid . '/') . '#page';
        $bwcChapterEditHref = book_with_chapters_lp('/' . ($menuitems[1] ?? 'my') . '/' . ($submenu[5] ?? 'publish') . '/' . $book_id . '/' . $rid . '/#pub');

        // Определяем ID для проверки аудио (используем orig_rid, так как аудио привязано к версии 0)
        $check_audio_id = $orig_rid;

        $nocomms = $Row['nocomms'];
        $protection = $Row['protection'];
        $edition = $Row['version'];
        ++$edition; // чтобы начиналось с 1
        $isFinished = $Row['finished'];
        if ($title == '') {
            $title = 'Без названия';
        }

        $written_by = $Row['user_id'];
        if ($Row['written_by'] > 0) {
            $written_by = $Row['written_by'];
        }
        $title = $escapeChapterTitle($title);
        $is_purchased = 0;
        if (isset($purchased[$orig_rid])) {
            $is_purchased = 1;
        } else {
            if ($Row['onabonement']) {
                $is_purchased = 2;
            }
        }

        // бесплатная книга
        if ($Row['canzoom'] & 16) {
            $is_purchased = 3;
        }

        $likes = '';

        if ($nocomms == 0) {
            $likes = LikesShow(
                $likes_count[$orig_rid],
                $dislikes_count[$orig_rid],
                $orig_rid,
                $written_by,
                $is_purchased,
                $ChapterPrice,
                $Row['mark'],
                $Row['finished'],
                $Row['user_id'],
                $Row['favorite'],
                $id
            );
        }

        $glavnum = '';
        $hidechapter = '';
        if (($Row['user_id'] == 4) && ($isFinished == 0)) {
            $glavnum = "[#$cntbooks] ";

            if ($chapter_id != 0) {
                $real_cntno = 0;
                $InnerQuery = 'SELECT /*069*/ id FROM book_chapters WHERE book_id=? AND added != 0 ORDER BY added ASC';
                $InnerResult = MysqliPrepared::select($Link, $InnerQuery, 'i', [(int) $book_id]);
                if (!$InnerResult) {
                    $log->error('Database query error in BookWithChapters: ' . mysqli_error($Link) . ' Query: ' . $InnerQuery);

                    return $renderError();
                }
                while ($InnerRow = mysqli_fetch_assoc($InnerResult)) {
                    ++$real_cntno;
                    if ($InnerRow['id'] == $chapter_id) {
                        break;
                    }
                }
                mysqli_free_result($InnerResult);

                $glavnum = "[#$real_cntno] ";
            }

            if (in_array($id, $z_admins, true)) {
                $hidechapter = <<<END
                                <div class=lnk1rht onclick="ajax('item$orig_rid', '', 'hidechp', '$book_id', '$orig_rid', '', 0);hidediv('li$rid');" title="Снять с конкурса">
                                <i class="fa fa-eye-slash" aria-hidden="true"></i>
                                </div>
                    END;
            }
        }

        // Проверяем, есть ли аудио для этой главы
        // Проверяем как по rid, так и по orig_rid, так как в audiobooks_chapters может быть любой из них
        // Также проверяем все версии главы (version0_id)
        $has_audio_icon = '';
        if ($audiobook_exists && !empty($chapters_with_audio)) {
            $has_audio = false;
            // Проверяем текущий ID главы
            if (isset($chapters_with_audio[$rid])) {
                $has_audio = true;
            }
            // Проверяем оригинальный ID (версия 0)
            if (!$has_audio && isset($chapters_with_audio[$orig_rid])) {
                $has_audio = true;
            }
            // Если есть version0_id, проверяем и его
            if (!$has_audio && !empty($Row['version0_id']) && isset($chapters_with_audio[(int) $Row['version0_id']])) {
                $has_audio = true;
            }

            if ($has_audio) {
                $has_audio_icon = <<<END
                                <a href="{bwcChapterHref}" title="Есть аудиоверсия" class="btn btn_bg chpt_og_btn bookinfo-top__chapter-icon" style="color: #0fa6ab;"><i class="fa fa-volume-up" aria-hidden="true"></i></a>
                    END;
            }
        }

        $chapter_stats_link_html = '';
        if ($hasAuthorChapterAccess) {
            $chapter_stats_link_html = <<<END
                <a href="#chpt-$rid" title="Статистика части" data-effect="mfp-zoom-in" class="btn btn_bg chpt_og_btn bookinfo-top__chapter-icon"><svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 15.5H17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M4.5 12.5H15.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M6 9.5H14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/><path d="M7.5 6.5H12.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg></a>
                END;
        }
        $og_btn_group = <<<END

                $chapter_stats_link_html
                <a href="#comment-$rid" title="Комментарии к части" style="text-decoration: none" data-effect="mfp-zoom-in" class="btn btn_bg chpt_og_btn bookinfo-top__chapter-icon"><i class="fa fa-commenting-o" aria-hidden="true"></i></a>
                $has_audio_icon
                <script>

               </script>
            END;
        $whoauthor = '';
        if (($Row['user_id'] == 4) && (($isFinished == 1) || ($id == 4))) {
            $urname2 = SeoAuthor($Row['u2r']);
            $authorName = $escapeHtml($Row['u2r']);
            $whoauthor = '<a class=chptitle href="' . htmlspecialchars(book_with_chapters_lp('/search/details/' . $Row['written_by'] . '-' . $urname2 . '/'), ENT_QUOTES, 'UTF-8') . '">' . $authorName . '.</a> ';
        }

        $booktitle = $Row['name'];
        $bookauthor = $Row['realname'];

        $seoname = "-{$booktitle}-{$bookauthor}";
        $seoname = str_replace(['.', '/', '\'', '"', '&quot;', '&apos;', '&', ' ', '«', '»'], ['', '', '', '', '', '', '', '_', '', ''], $seoname);
        $seoname = rus2translit($seoname);
        $chapter_locked = false;
        $chapter_flags_html = '';
        $buybtn = '';
        if (!$goperation) {
            // var_dump($ChapterPrice);
            if (($id == $written_by) && ($id == $Row['user_id'])) {
                $buybuttontitle = 'Автору бесплатно';
            } else {
                if ($not_purchased != '') {
                    $buybuttontitle = 'По порядку';
                } else {
                    if (($Row['isauthor'] & 7) == 0) {
                        $buybuttontitle = 'Не продается';
                    } else {
                        if ($ChapterPrice == 0) {
                            $buybuttontitle = 'Бесплатно';
                        } else {
                            $buybuttontitle = "{$ChapterPrice} ₽";
                        }
                    }
                }

                if ($ChapterPrice == 0) {
                } else {
                    if ($Row['favorite']) {
                        $buybuttontitle = 'Вам - бесплатно';
                    } else {
                        if (isset($purchased[$orig_rid])) {
                            $paid = $purchased[$orig_rid] - 1; // 1 чтобы отличить от 0
                            if ($paid > 0) {
                                $buybuttontitle = 'Уже куплена, читать';
                            } else {
                                $buybuttontitle = 'Беспл., уже открывали';
                            }
                        } else {
                            if ($Row['onabonement']) {
                                $buybuttontitle = 'Беспл., не открывали ещё';
                            } else {
                                if ($sequential == 1) {
                                    $not_purchased = "$orig_rid";
                                }
                            }
                        }
                    }
                }
            }

            $buybtn = <<<END
                <input type=button class="btn btn-primary bookinfo-top__chapter-cta bookinfo-top__chapter-cta--secondary" value='$buybuttontitle' title='Покупайте главы в книге по порядку' onclick="location.href='$bwcChapterHref';">
                END;

            if ($buybuttontitle != 'По порядку') {
                $buybtn = <<<END
                    <input type=button class="btn btn_bg bookinfo-top__chapter-cta bookinfo-top__chapter-cta--primary" value="$buybuttontitle" onclick="location.href='$bwcChapterHref';">
                    END;
            }
            $chapter_locked = ($ChapterPrice > 0)
                && ($is_purchased === 0)
                && empty($Row['favorite'])
                && empty($Row['onabonement']);
            if ($buybuttontitle === 'По порядку' || $buybuttontitle === 'Не продается') {
                $chapter_locked = true;
            }
            if (($Row['protection'] == 2) && ($Row['protectedview'] != 3)) {
                $chapter_locked = true;
            }

            $chapter_flags = [];
            if (isset($purchased[$orig_rid]) || ($chapter_id != 0 && $rid == $chapter_id)) {
                $chapter_flags[] = '<span class="bookinfo-top__chapter-flag bookinfo-top__chapter-flag--read" title="Прочитано"><i class="fa fa-check" aria-hidden="true"></i></span>';
            }
            if (!empty($chapter_flags)) {
                $chapter_flags_html = '<span class="bookinfo-top__chapter-flags">' . implode('', $chapter_flags) . '</span>';
            }

            $anyfrag = 'Вы можете купить любую часть, да хоть сразу из середины книги.';
            if ($sequential == 1) {
                $anyfrag = 'Писатель просит вас покупать части в этой книге <b>по порядку</b>. Таким образом, чтобы купить третью часть, вы перед этим должны купить второй.';
            }

            // SECURITY FIX: Исправлено условие отображения меню редактирования глав
            // Меню должно отображаться если пользователь является автором книги ИЛИ автором главы (для конкурсных книг)
            if ($canShowChapterAuthorMenu($Row)) { // меню автора: основной автор, соавторы, автор конкурсной главы или админ
                if ($cntbooks == 1) {
                    //                         echo <<<END
                    //                 <br><br>
                    //                 <details id="book-glavi-help-details">
                    //                     <summary><span>Все части книги для чтения онлайн:</span></summary>
                    //                     <div class=intro>$anyfrag Чтобы купить, нажмите на кнопку "Купить и читать" напротив заголовка части. Текст части откроется сразу же. Для удобства, в содержании книги ниже каждая вторая часть подкрашена серым цветом.</div>
                    //                     $chapters_order
                    //                 </details>
                    // END;

                    //                         echo <<<END
                    //                         <br>
                    //                 <div id="book-glavi-help-details" open>

                    //                     <div class=intro>$anyfrag Чтобы купить, нажмите на кнопку "Купить и читать" напротив заголовка части. Текст части откроется сразу же.</div>
                    //                     $chapters_order
                    //                 </div>
                    // END;
                    echo <<<END
                                                <br>

                                    <div id="book-glavi-help-details" open>
                                        <div class="intro og_intro" style="margin-left: 15px; font-weight: 500">
                                            <b>Порядок частей</b>
                                            <div class="podskazka">
                                                <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M12 17.5V17.51M3 12.5C3 13.6819 3.23279 14.8522 3.68508 15.9442C4.13738 17.0361 4.80031 18.0282 5.63604 18.864C6.47177 19.6997 7.46392 20.3626 8.55585 20.8149C9.64778 21.2672 10.8181 21.5 12 21.5C13.1819 21.5 14.3522 21.2672 15.4442 20.8149C16.5361 20.3626 17.5282 19.6997 18.364 18.864C19.1997 18.0282 19.8626 17.0361 20.3149 15.9442C20.7672 14.8522 21 13.6819 21 12.5C21 11.3181 20.7672 10.1478 20.3149 9.05585C19.8626 7.96392 19.1997 6.97177 18.364 6.13604C17.5282 5.30031 16.5361 4.63738 15.4442 4.18508C14.3522 3.73279 13.1819 3.5 12 3.5C10.8181 3.5 9.64778 3.73279 8.55585 4.18508C7.46392 4.63738 6.47177 5.30031 5.63604 6.13604C4.80031 6.97177 4.13738 7.96392 3.68508 9.05585C3.23279 10.1478 3 11.3181 3 12.5Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                                <path d="M12 14C11.9816 13.6754 12.0692 13.3536 12.2495 13.083C12.4299 12.8125 12.6933 12.6079 13 12.5C13.3759 12.3563 13.7132 12.1272 13.9856 11.831C14.2579 11.5347 14.4577 11.1792 14.5693 10.7926C14.6809 10.406 14.7013 9.99871 14.6287 9.60288C14.5562 9.20705 14.3928 8.83346 14.1513 8.51153C13.9099 8.18959 13.597 7.9281 13.2373 7.74763C12.8776 7.56716 12.4809 7.47265 12.0785 7.47154C11.6761 7.47042 11.2789 7.56273 10.9182 7.7412C10.5576 7.91967 10.2432 8.17942 10 8.50001" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                                </svg>
                                                $chapters_order
                                            </div>
                                        </div>
                                    </div>

                        END;
                    echo <<<END
                        <script>
                            $(document).ready(() => {
                                $("#showgnr$book_id").attr("style", "display: flex !important");
                                $(".w600 .bookinfo .jb").attr("style", "display: flex !important");
                                $(".w600 .bookinfo .lft.new_book_info.pad5").attr("style", "display: flex !important");
                                $(".book-info-duration").attr("style", "display: flex !important");
                                $(".short_genres").attr("style", "display: none !important");
                                $(".book-info-toggler").after($('.book-author-message-block'));
                                $(".book-info-toggler").after($('.book-buyebook-block'));

                                const bookinfoTop = $('.bookinfo-top');
                                const tocPane = bookinfoTop.find('.bookinfo-top__pane-content--toc');

                                if (tocPane.length) {
                                    const tocDetails = $('#book-glavi-help-details');
                                    const tocList = $('.book-glavi');
                                    if (tocDetails.length) {
                                        tocPane.append(tocDetails);
                                    }
                                    if (tocList.length) {
                                        tocPane.append(tocList);
                                        const chapterItems = tocList.find('.g0 > li');
                                        chapterItems.each((index, item) => {
                                            $(item).attr('data-toc-order', index);
                                        });
                                        const sortedItems = chapterItems.get().sort((a, b) => {
                                            const freeA = Number($(a).data('isFree'));
                                            const freeB = Number($(b).data('isFree'));
                                            if (freeA !== freeB) {
                                                return freeB - freeA;
                                            }
                                            return Number($(a).data('tocOrder')) - Number($(b).data('tocOrder'));
                                        });
                                        tocList.find('.g0').append(sortedItems);
                                        const sortedChapterItems = tocList.find('.g0 > li');
                                        const firstFreeItem = sortedChapterItems.filter('[data-is-free="1"]').first();
                                        if (firstFreeItem.length) {
                                            const firstTitle = firstFreeItem.find('.chptitle').first();
                                            if (firstTitle.length && !firstTitle.find('.bookinfo-top__chapter-start').length) {
                                                firstTitle.append('<span class="bookinfo-top__chapter-start">Начать здесь</span>');
                                            }
                                        }
                                        const freeItems = sortedChapterItems.filter('[data-is-free="1"]');
                                        const firstPaidItem = sortedChapterItems.filter('[data-is-free="0"]').first();
                                        if (freeItems.length && firstPaidItem.length && !tocList.find('.bookinfo-top__toc-cta').length) {
                                            const nextChapterUrl = firstPaidItem.find('.chptitle').attr('href') || '';
                                            const ctaLink = nextChapterUrl
                                                ? `<a class="bookinfo-top__toc-cta-link" href="\${nextChapterUrl}">Купить следующую часть</a>`
                                                : '<span class="bookinfo-top__toc-cta-link">Открыть следующую часть по подписке</span>';
                                            freeItems.last().after(`<li class="bookinfo-top__toc-cta">Продолжить чтение: \${ctaLink}</li>`);
                                        }
                                    }
                                }

                                $('.rating .buyall').attr('style', 'display:block !important');

                                if ($(document).width() > 600) {
                                    $('.w300b').attr('style', 'max-width:240px !important; margin-right: 30px; width: 100% !important;');

                                    let readbookbtn = $('#read-book-btn-onpage');
                                    $('.ratingstars').after(readbookbtn);
                                    let readbookNotice = $('#book-read-login-notice');
                                    if (readbookNotice.length) {
                                        readbookbtn.after(readbookNotice);
                                    }
                                }

                                $('.bookinfo-badges').show();
                                $('.bookinfo-tariffs').show();
                                $('.book-is-finished').hide();
                            });
                            </script>
                        END;
                    echo "<div class='book-glavi' id='book-glavi-id'><a name=fragments>&nbsp;</a><div class=h24></div>";
                    echo '<UL class=g0>';
                }

                $writerattn = '';
                if (($Row['protection'] == 2) && ($Row['protectedview'] != 3)) {
                    $writerattn = "<BR><div class=warning_red><h2 class=bookname>ВНИМАНИЕ!!!<BR>Нажмите кнопку &lt;Нужно защитить&gt; для 'БОЛЬШОЙ' и 'ОБЫЧНОЙ' размеров страницы, иначе читатели не смогут читать эту главу!<BR><BR>
                Начните читать свою собственную главу и сделайте это прямо сейчас.</h2>
                <BR>Если вы не хотите этого делать, отключите <b>максимальную защиту</b> - выберите <b>базовую</b> защиту в
                'правке' книги по ссылке 'правка' под аннотацией - иначе ваши читатели не смогут читать книгу!
                </div><BR>";
                }

                $chapt_type = 'chapt';
                $chapt_desc = '';
                $w70class = '';
                if ($ChapterPrice == 0) {
                    $chapt_type = 'chaptfree';
                    $w70class = 'f';

                    if (($Row['canzoom'] & 16) == 0) {
                        $chapt_desc = <<<'END'
                                            <div class="book-chapters__free-title"><i class="fa fa-info" aria-hidden="true"></i> Это бесплатная глава.<BR>Смотрите, как будут выглядеть последующие платные главы, на примере этой главы.<div class=h8></div></div>
                            END;
                    }
                }

                //  для писателей-авторов
                // редактируем заголовок части
                $nonce = create_nonce('ajax_renchp');
                $nonce_delchp = create_nonce('ajax_delchp');
                $show_chapter_actions = (($Row['canzoom'] & 32) == 0) || ($id == $book_author);
                $can_override_protection = can_override_chapter_protection($id, $Row['user_id'], $Row['canzoom'], $z_admins);
                $can_restricted_chapter_actions = $canUseRestrictedChapterActions($Row, $written_by);
                $canChangeChapterDelay = ((int) $Row['oktopub'] === 0) && chapter_delay_change_allowed_row($Row, (int) $id, $z_admins ?? []);
                $adm_og = $show_chapter_actions ? 'tooltip_og_adm' : '';
                $adm_og1 = $show_chapter_actions ? 'justify-content: space-between;' : '';
                echo <<<END
                                <li class=$liclass id=li$rid>
                                <a name='li$rid'></a>
                                <div class=w800_m>
                                <div class=$chapt_type>
                                $chapt_desc<div id=renl$rid class="bookinfo-top__chapter-row" style="width: 100% !important;{$adm_og1}">
                                <div class=top2>$whoauthor<a class="chptitle tooltip_og {$adm_og}" rel="nofollow" id=alnk$rid href="{bwcChapterHref}">{$glavnum}{$title}</a>{$hiddenBadge}</div>$writerattn
                                <div class="lft og_lft">$chapter_flags_html $og_btn_group $buybtn
                                $hidechapter
                    END;

                // Разрешаем переименование главы автору и админам даже у завершённой книги
                if ($show_chapter_actions) {
                    echo <<<END
                                    <a href="#ren{$rid}" class="btn btn_bg chpt_og_btn bookinfo-top__chapter-icon bookinfo-top__chapter-icon--admin" title="Переименовать" onclick="act(1);hidediv('renl$rid');showdiv('ren$rid');"><i class="fa fa-i-cursor" aria-hidden="true"></i></a>
                        END;
                }

                // Удаление не расширяем на соавторов книги без отдельной бизнес-логики
                if ($show_chapter_actions && $can_restricted_chapter_actions) {
                    $bname2 = str_replace('.', '', $Row['name']);
                    $SeoName = SeoBook($bname2);

                    echo <<<END
                                            <a href="#del_chpt_og$rid" data-effect="mfp-zoom-in" class='btn btn_bg chpt_og_btn bookinfo-top__chapter-icon bookinfo-top__chapter-icon--admin' title="Удалить главу" onclick=""><i class="fa fa-times-circle" aria-hidden="true"></i></a>
                        END;
                }

                // Кнопка редактирования текста главы только для автора (или соавтора) и админов
                if ($show_chapter_actions && $canShowChapterAuthorMenu($Row)) {
                    echo <<<END
                                            <a  class="btn btn_bg chpt_og_btn bookinfo-top__chapter-icon bookinfo-top__chapter-icon--admin" title="Править текст" onclick="location.replace('{bwcChapterEditHref}');"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></a>
                        END;
                }
                if (($Row['protection'] != 2) && $can_override_protection) {
                    if ($Row['protect_override'] == 0) {
                        echo <<<END
                                                <div id=override$rid class='hid warning_red'>Вы уверены, что хотите <u>принудительно</u> выставить <b>максимальную защиту с пятнами</b> на эту главу, невзирая на общую защиту книги? Так делать не рекомендуется, т.к. читатели могут быть возмущены! Другие главы останутся в общей для книги защите.
                                                <BR>Лучше защищать <b>одинаковой защитой</b> всю книгу, это выставляется по ссылке "правка" под аннотацией.
                                                <BR><BR><input type=button class="btn btn-primary" value="Да, надо"
                                                onclick="ajax('override$rid', '', 'overrideprot', '{$rid}:1', '{$book_id}', '{$nonce}', 0);">
                                                <input type=button class="btn btn-outline-secondary" value="Отмена" onclick="hidediv('override$rid');">
                                                <div class=clb></div>
                                                </div>
                            END;
                    } else {
                        echo <<<END
                                                <div class=lnk1rht title="Снять принудительную защиту" onclick="showdiv2('override$rid');"><i class="fa fa-ban"></i></div>
                                                <div id=override$rid class='hid warning_red'>Принудительное назначение максимальной защиты на эту главу будет снято.
                                                <BR><BR><input type=button class="btn btn-danger" value="Да, снять"
                                                onclick="ajax('override$rid', '', 'overrideprot', '{$rid}:0', '{$book_id}', '{$nonce}', 0);">
                                                <input type=button class="btn btn-outline-primary" value="Оставить" onclick="hidediv('override$rid');">
                                                <div class=clb></div>
                                                </div>
                            END;

                        switch ($Row['protectedview']) {
                            case 0:
                                echo <<<'END'
                                    <div class=warning_red>ВНИМАНИЕ: Вы должны защитить текст в <b>обоих режимах</b> просмотра: 15-строчном и 25-строчном.</div>
                                    END;
                                break;
                            case 1:
                                echo <<<'END'
                                    <div class=warning_red>ВНИМАНИЕ: Вы должны защитить текст в <b>обоих режимах</b> просмотра: 15-строчном и 25-строчном. Осталось защитить в <b>25-строчном</b> режиме.</div>
                                    END;
                                break;
                            case 2:
                                echo <<<'END'
                                    <div class=warning_red>ВНИМАНИЕ: Вы должны защитить текст в <b>обоих режимах</b> просмотра: 15-строчном и 25-строчном. Осталось защитить в <b>15-строчном</b> режиме.</div>
                                    END;
                                break;
                        }
                    }
                }

                echo '</div><div class=clb></div>';

                $timenow = getdate($Row['pubtime']);
                $d_days = ['', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', ''];
                $d_mon = ['', '', '', '', '', '', '', '', '', '', '', '', ''];
                $d_hour = ['', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', '', ''];
                $d_min = array_fill(0, 60, '');
                $d_days[$timenow['mday']] = 'selected';
                $d_mon[$timenow['mon']] = 'selected';
                $d_hour[$timenow['hours']] = 'selected';
                $d_min[$timenow['minutes']] = 'selected';
                if ($canChangeChapterDelay) {
                    echo <<<END
                                            <div class=lnk1rht title="Изменить дату публикации" onclick="hidediv('renl$rid');showdiv('delay$rid');"><i class="fa fa-calendar" aria-hidden="true"></i></div>
                        END;
                }

                echo <<<END
                                </div>


                                <div class="hid" id=ren$rid>
                                    <div class="d-flex gap-3">
                                        <input class="form-control" type=text id=newn$rid value="$title">
                                        <input type=button class="btn btn-primary" value="Сохранить"
                                            onclick="act(0);my_getbyid('alnk$rid').innerHTML=my_getbyid('newn$rid').value;$('#renl$rid').css({'display': 'flex', 'width': '100%', 'justify-content': 'space-between'});hidediv('ren$rid');ajax('renl$rid', '', 'renchp', my_getbyid('newn$rid').value, '{$rid}:{$book_id}', '{$nonce}', 0);">
                                    </div>
                                </div>
                    END;
                if ($canChangeChapterDelay) {
                    echo <<<END
                                    <div class=hid id=delay$rid>
                                        Часть &quot;<a class=lnk rel="nofollow" href="{bwcChapterHref}">$title</a>&quot; запланирован к публикации:
                                        <BR>
                                        <div class=lft>
                                        <select class=pricew90 id=delay_day$rid>
                        END;
                    for ($idx = 1; $idx <= 31; ++$idx) {
                        $zidx = $idx;
                        if ($idx < 10) {
                            $zidx = "0$idx";
                        }
                        echo "<option value='{$zidx}' {$d_days[$idx]}>{$idx}</option>";
                    }

                    echo <<<END
                                        </select>
                                        <select class=price id=delay_mon$rid>
                                            <option value='01' {$d_mon[1]}>января</option>
                                            <option value='02' {$d_mon[2]}>февраля</option>
                                            <option value='03' {$d_mon[3]}>марта</option>
                                            <option value='04' {$d_mon[4]}>апреля</option>
                                            <option value='05' {$d_mon[5]}>мая</option>
                                            <option value='06' {$d_mon[6]}>июня</option>
                                            <option value='07' {$d_mon[7]}>июля</option>
                                            <option value='08' {$d_mon[8]}>августа</option>
                                            <option value='09' {$d_mon[9]}>сентября</option>
                                            <option value='10' {$d_mon[10]}>октября</option>
                                            <option value='11' {$d_mon[11]}>ноября</option>
                                            <option value='12' {$d_mon[12]}>декабря</option>
                                        </select>
                                        <select class=pricew90 id=delay_year$rid>
                        END;

                    $idx = $timenow['year'];
                    --$idx;
                    echo "<option value={$idx}>{$idx} г.</option>";
                    ++$idx;
                    echo "<option value={$idx} selected>{$idx} г.</option>";
                    ++$idx;
                    echo "<option value={$idx}>{$idx} г.</option>";

                    echo <<<END
                                        </select>
                                        в
                                        <select class=pricew90 id=delay_hour$rid>
                        END;
                    for ($idx = 0; $idx < 24; ++$idx) {
                        $hr = $idx;
                        if ($hr < 10) {
                            $hr = "0{$hr}";
                        }
                        echo "<option value='{$hr}' {$d_hour[$idx]}>{$hr}</option>";
                    }
                    echo <<<END
                                        </select>
                                        :
                                        <select class=pricew90 id=delay_min$rid>
                        END;
                    for ($idx = 0; $idx < 60; $idx += 5) {
                        $mn = str_pad((string) $idx, 2, '0', STR_PAD_LEFT);
                        $selectedMinute = '';
                        for ($minuteOffset = 0; $minuteOffset < 5; ++$minuteOffset) {
                            if (!empty($d_min[$idx + $minuteOffset])) {
                                $selectedMinute = 'selected';
                                break;
                            }
                        }
                        echo "<option value='{$mn}' {$selectedMinute}>{$mn}</option>";
                    }
                    echo <<<END
                                        </select>
                                        МСК
                                        </div>
                                        <input type=button class="btn btn-primary" value="Изменить дату публикации" onclick="showdiv('renl$rid');hidediv('delay$rid');ajax('pubdate$rid', '', 'delaychg', '{$rid}:{$book_id}', delay_year$rid.value+'-'+delay_mon$rid.value+'-'+delay_day$rid.value+' '+delay_hour$rid.value+':'+delay_min$rid.value+':00', '{$nonce}', 0);">
                                        <input type=button class="btn btn-outline-secondary" value="Отмена" onclick="showdiv('renl$rid');hidediv('delay$rid');">
                                        <div class=clb></div>
                                        Чтобы выложить главу прямо сейчас, рекомендуется поставить время на ближайший новый час, тогда будут отправлены уведомления читателям. После достижения указанного времени нельзя будет повторно менять дату выхода.
                                    </div>
                        END;
                }

                if ($isFinished == 0 && $can_restricted_chapter_actions) {
                    $orig_id = $orig_chpid[$rid];
                    if ($orig_id == 0) {
                        $orig_id = $rid;
                    }
                    $del = '';
                    $allow_delete_first_free = ($book_glav_for_delete_hint <= 1);
                    if ((isset($chppurchased[$orig_id]) && ($chppurchased[$orig_id] > 0))
                        || (($ChapterPrice == 0) && ($is_purchased != 3) && !$allow_delete_first_free)) {
                        echo <<<END
                                                    <div id='del_chpt_og$rid' class='wp_del white-popup mfp-with-anim mfp-hide'>
                                                    <div style="width:100%;" class= id=del$rid>
                                            <div>Эту главу нельзя удалить — её купили или это первая глава. Лучше исправьте её.</div>
                                        </div>
                                        </div>
                            END;
                    } else {
                        echo <<<END
                                                     <div id='del_chpt_og$rid' class='wp_del white-popup mfp-with-anim mfp-hide'>
                                        <div  id=del$rid>
                                            <div class=><a class=chptitle rel="nofollow" href="{bwcChapterHref}">$title</a></div>
                                            <input class="form-control" type=text id=deltxt$rid placeholder="Введите здесь 'да' заглавными буквами и нажмите 'Удалить'">
                                            <input type=button class="btn btn-danger" value="Удалить"
                                                onclick="if(my_getbyid('deltxt$rid').value === 'ДА') {hidediv('li$rid');ajax('renl$rid', '', 'delchp', '{$rid}', '{$book_id}', '{$nonce_delchp}', 1);$.magnificPopup.close()}">
                                        </div>
                                        </div>
                            END;
                    }
                }
            } else {
                $bname2 = str_replace('.', '', $Row['name']);
                if ($cntbooks == 1) {
                    $urname2 = SeoAuthor($Row['realname']);
                    $gseriesname2 = str_replace('.', '', $gseriesname);

                    // TODO - тут нет завязки на $Row[price], вместо это константа 10 !!!
                    if ($Row['discount'] > 0) {
                        $ChapterPr = (10 * (100 - $Row['discount'])) / 100;
                    } else {
                        $ChapterPr = 10;
                    }

                    //                         echo <<<END
                    //             <div class="" id="book-glavi-help-details" style="margin-top: 15px">
                    //             <div class=intro>$Row[realname] предоставил бесплатный доступ без регистрации к началу книги <strong>$bname2</strong> (серия: $gseriesname2).
                    // END;
                    echo <<<END
                                            <br>

                                <div id="book-glavi-help-details" open>
                                    <div class="intro og_intro" style="margin-left: 15px; font-weight: 500">
                                        Порядок частей
                                        <div class="bookinfo-top__toc-model">Первая часть доступна бесплатно, продолжение можно открыть по подписке или покупкой следующей части.</div>
                                        <div class="podskazka">
                                            <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M12 17.5V17.51M3 12.5C3 13.6819 3.23279 14.8522 3.68508 15.9442C4.13738 17.0361 4.80031 18.0282 5.63604 18.864C6.47177 19.6997 7.46392 20.3626 8.55585 20.8149C9.64778 21.2672 10.8181 21.5 12 21.5C13.1819 21.5 14.3522 21.2672 15.4442 20.8149C16.5361 20.3626 17.5282 19.6997 18.364 18.864C19.1997 18.0282 19.8626 17.0361 20.3149 15.9442C20.7672 14.8522 21 13.6819 21 12.5C21 11.3181 20.7672 10.1478 20.3149 9.05585C19.8626 7.96392 19.1997 6.97177 18.364 6.13604C17.5282 5.30031 16.5361 4.63738 15.4442 4.18508C14.3522 3.73279 13.1819 3.5 12 3.5C10.8181 3.5 9.64778 3.73279 8.55585 4.18508C7.46392 4.63738 6.47177 5.30031 5.63604 6.13604C4.80031 6.97177 4.13738 7.96392 3.68508 9.05585C3.23279 10.1478 3 11.3181 3 12.5Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                            <path d="M12 14C11.9816 13.6754 12.0692 13.3536 12.2495 13.083C12.4299 12.8125 12.6933 12.6079 13 12.5C13.3759 12.3563 13.7132 12.1272 13.9856 11.831C14.2579 11.5347 14.4577 11.1792 14.5693 10.7926C14.6809 10.406 14.7013 9.99871 14.6287 9.60288C14.5562 9.20705 14.3928 8.83346 14.1513 8.51153C13.9099 8.18959 13.597 7.9281 13.2373 7.74763C12.8776 7.56716 12.4809 7.47265 12.0785 7.47154C11.6761 7.47042 11.2789 7.56273 10.9182 7.7412C10.5576 7.91967 10.2432 8.17942 10 8.50001" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                            </svg>
                                            $chapters_order
                                        </div>
                                    </div>
                                </div>

                        END;
                    //                     echo <<<END
                    // Вы можете вступить в наш книжный клуб (<a href='/register/'>регистрация</a>) бесплатно, чтобы получать уведомления о новинках книг, продолжениях, оставлять комментарии о книгах и ставить оценки после прочтения каждой главы, а также общаться на литературном форуме. <a class=lnk href="$ztest/search/details/{$Row['user_id']}-{$urname2}/#all">Все книги $Row[realname]</a> доступны после бесплатной регистрации.</div>
                    // END;

                    // if ($chapter_id != 0)
                    // echo "<h3 class=txt>Вы читаете часть: <a class=lnk2 href=\"/books/{$book_id}{$seoname}/#fragments\">(смотреть список всех частей книги)</a></h3>";
                    // else
                    //                         echo <<<END

                    // 				<p class=j1>Книга "$bname2" публикуется по главам. как только $Row[realname] пишет продолжение книги — его можно читать онлайн. Уведомления о продолжениях книг приходит всем, кто отметил  "подписаться на книгу". Все книги серии "$gseriesname2" доступны <a class=lnk href="$ztest/search/details/{$Row['user_id']}-{$urname2}/">на странице писателя $Row[realname]</a>.</p>
                    //                 $chapters_order
                    //                 </div>
                    // END;
                    echo <<<END
                        <script>
                            $(document).ready(() => {
                                $("#showgnr$book_id").attr("style", "display: flex !important");
                                $(".w600 .bookinfo .lft.new_book_info.pad5").attr("style", "display: flex !important");
                                $(".book-info-duration").attr("style", "display: flex !important");
                                $(".short_genres").attr("style", "display: none !important");
                                $(".book-info-toggler").after($('.book-author-message-block'));
                                $(".book-info-toggler").after($('.book-buyebook-block'));
                                $('.rating .buyall').attr('style', 'display:block !important');

                                const bookinfoTop = $('.bookinfo-top');
                                const tocPane = bookinfoTop.find('.bookinfo-top__pane-content--toc');

                                if (tocPane.length) {
                                    const tocDetails = $('#book-glavi-help-details');
                                    const tocList = $('.book-glavi');
                                    if (tocDetails.length) {
                                        tocPane.append(tocDetails);
                                    }
                                    if (tocList.length) {
                                        tocPane.append(tocList);
                                        const chapterItems = tocList.find('.g0 > li');
                                        chapterItems.each((index, item) => {
                                            $(item).attr('data-toc-order', index);
                                        });
                                        const sortedItems = chapterItems.get().sort((a, b) => {
                                            const freeA = Number($(a).data('isFree'));
                                            const freeB = Number($(b).data('isFree'));
                                            if (freeA !== freeB) {
                                                return freeB - freeA;
                                            }
                                            return Number($(a).data('tocOrder')) - Number($(b).data('tocOrder'));
                                        });
                                        tocList.find('.g0').append(sortedItems);
                                        const sortedChapterItems = tocList.find('.g0 > li');
                                        const firstFreeItem = sortedChapterItems.filter('[data-is-free="1"]').first();
                                        if (firstFreeItem.length) {
                                            const firstTitle = firstFreeItem.find('.chptitle').first();
                                            if (firstTitle.length && !firstTitle.find('.bookinfo-top__chapter-start').length) {
                                                firstTitle.append('<span class="bookinfo-top__chapter-start">Начать здесь</span>');
                                            }
                                        }
                                        const freeItems = sortedChapterItems.filter('[data-is-free="1"]');
                                        const firstPaidItem = sortedChapterItems.filter('[data-is-free="0"]').first();
                                        if (freeItems.length && firstPaidItem.length && !tocList.find('.bookinfo-top__toc-cta').length) {
                                            const nextChapterUrl = firstPaidItem.find('.chptitle').attr('href') || '';
                                            const ctaLink = nextChapterUrl
                                                ? `<a class="bookinfo-top__toc-cta-link" href="\${nextChapterUrl}">Купить следующую часть</a>`
                                                : '<span class="bookinfo-top__toc-cta-link">Открыть следующую часть по подписке</span>';
                                            freeItems.last().after(`<li class="bookinfo-top__toc-cta">Продолжить чтение: \${ctaLink}</li>`);
                                        }
                                    }
                                }

                                if ($(document).width() > 600) {
                                    $('.w300b').attr('style', 'max-width:240px !important; margin-right: 30px; width: 100% !important;');

                                    let readbookbtn = $('#read-book-btn-onpage');
                                    $('.ratingstars').after(readbookbtn);
                                    let readbookNotice = $('#book-read-login-notice');
                                    if (readbookNotice.length) {
                                        readbookbtn.after(readbookNotice);
                                    }
                                }

                                $('.bookinfo-badges').show();
                                $('.bookinfo-tariffs').show();
                                $('.book-is-finished').hide();

                                setTimeout(() => {
                                    $('.book-is-finished').attr('style', 'display:none !important;');
                                }, 300);
                            });
                            </script>
                        END;

                    echo "<div class='book-glavi' id='book-glavi-id'><a name=fragments>&nbsp;</a><div class=h24></div>";
                    echo '<UL class=g0>';
                }

                if (($cntbooks == 2) && ($loggedin == 0)) {
                    //     echo "<div class=moveleft>
                    // <p class=j4>Вступите в наш книжный клуб. Бесплатная регистрация позволит читать онлайн новые главы в книге <b>$bname2</b>. Достаточно указать e-mail, на который придет пароль. Если вы зарегистрируетесь со страницы автора - он получит бонусы.</p>
                    //     ";
                    //   <p class=ji18><b>ВНИМАНИЕ:</b> письма на микрософтовские ящики (msn.com, live.com, hotmail.com, outlook.com) могут временно
                    //   не доходить, проблема началась с 27 февраля и решается. По возможности регистрируйтесь на другие ящики.</p>
                    // JoinUs(0, 2, $Row['user_id']);
                    // echo "</div>";
                }

                $chapt_type = 'chapt';
                $chapt_desc = '';
                if ($ChapterPrice == 0) {
                    $chapt_type = 'chaptfree';

                    if (($Row['canzoom'] & 16) == 0) {
                        $chapt_desc = <<<'END'
                                            <div class="book-chapters__free-title"><i class="fa fa-info" aria-hidden="true"></i> Бесплатная глава.<BR>Читайте или зарегистрируйтесь и получите доступ к абонементу без ознакомительных частей.<div class=h8></div></div>
                            END;
                    }
                }

                // для читателей
                $is_free = ($ChapterPrice == 0) ? 1 : 0;
                $chapter_price_int = (int) round((float) $ChapterPrice);
                $chapter_price_label = $chapter_price_int > 0
                    ? number_format($chapter_price_int, 0, '.', ' ') . ' ₽ за часть'
                    : '';
                $lock_hint = $chapter_locked
                    ? '<span class="bookinfo-top__chapter-lock-hint">Открывается по подписке' . ($chapter_price_label !== '' ? " · {$chapter_price_label}" : '') . '</span>'
                    : '';
                echo "<li class=$liclass id=item$orig_rid data-is-free='$is_free' data-is-locked='" . ($chapter_locked ? 1 : 0) . "'>
            <div class=w800_m>
                <div class=$chapt_type>
                $chapt_desc";

                if (($Row['protection'] == 2) || ($Row['protect_override'])) {
                    echo <<<'END'
                        <div class=lnk1rht title="Глава в максимальной защите"><i class="fa fa-shield" aria-hidden="true"></i></div>
                        END;
                }

                // для одного из режима просмотра нет защищённого представления, не показываем эту главу
                if (($Row['protection'] == 2) && ($Row['protectedview'] != 3)) {
                    $lockIcon = $chapter_locked
                        ? "<span class=\"bookinfo-top__chapter-lock\" title=\"Недоступно\"><i class=\"fa fa-lock\" aria-hidden=\"true\"></i></span>{$lock_hint}"
                        : '';
                    echo <<<END
                                        <a class=chptitle rel="nofollow" >$title</a>{$lockIcon}<div class=hlite>Недоступно</div>
                        END;
                } else {
                    $publication_date = date('d.m.Y', strtotime($Row['added']));
                    $publication_time = date('H:i', strtotime($Row['added']));
                    $chapter_url = $bwcChapterHref;
                    $buybtn_mobile = "<a class='og_buy_btn_mobile' href='$chapter_url'>$buybuttontitle</a>";
                    $lockIcon = $chapter_locked
                        ? "<span class=\"bookinfo-top__chapter-lock\" title=\"Недоступно\"><i class=\"fa fa-lock\" aria-hidden=\"true\"></i></span>{$lock_hint}"
                        : '';
                    echo <<<END
                                            <div id="renl$rid" class="bookinfo-top__chapter-row">
                                                <div class="top2">$whoauthor<a class="chptitle" href="$chapter_url">{$glavnum}{$title}</a>{$lockIcon}</div>
                                                <div class="lft og_lft">
                                                        <div class="chapter-date" title="{$publication_date} {$publication_time}"><span class="chapter-date__day">{$publication_date}</span><span class="chapter-date__time">{$publication_time}</span></div>
                                                        {$chapter_flags_html}
                                                        {$og_btn_group}
                                            </div>
                                            {$buybtn_mobile}
                                            </div>

                        END;
                }

                $doban = 0;
                if ($doban == 0) {
                    $refusr = '';
                    if ($gother != '') {
                        $refuser = 0;
                        $refarr = explode('d', $gother); // формат gother: id123 (для ссылки на пользователя 123)
                        if (($refarr[0] == 'i') && isset($refarr[1])) {
                            $refuser = (int) ($refarr[1]);
                        }
                        if ($refuser != 0) {
                            $refusr = "id:$refuser, ";
                        }
                    }
                }

                //  <div class='og_chpt_comment_item'>
                //                         {$comment}
                //                     </div>
                $comments = '';
                if (!empty($chaptercomms[$rid])) {
                    foreach ($chaptercomms[$rid] as $key => $comment) {
                        $comments .= "
                        {$comment}
                ";
                    }
                }

                if ($nocomms && ($ChapterPrice == 0)) {
                    $comments = 'Сожалеем, но писатель запретил оставлять комментарии к этой книге.';
                }
                $nonce1 = create_nonce('ajax_complaint');
                $cntr = $cntreaders[$rid] ?? 0;
                if (is_user_logged_in()) {
                    $nonce1 = htmlspecialchars($nonce1, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8');
                    $txtq = " <div class='chpt-og_comment_input'>
                    <div class='chapter-comment-draft-wrap'>
                    <textarea id='chapter-comment-{$rid}' data-draft-key='chapter_comment_{$rid}' class='chcomm autoresizing chapter-comment-textarea' placeholder='Ваш отзыв о части' maxlength='2000'>{$refusr}</textarea>
                    <p class='chapter-comment-draft-status' id='chapter-comment-draft-status-{$rid}' role='status' aria-live='polite' hidden></p>
                    </div>
                    <input type=\"button\" class=\"book-btn-primary chapter-comment-submit\" value=\"Оставить отзыв\" data-book-id=\"{$book_id}\" data-chapter-id=\"{$rid}\" data-nonce=\"{$nonce1}\">
                </div>";
                } else {
                    $txtq = "<span style='font-size: 16px; width: 80%; margin: 0 auto; color: #333333; font-weight: 500;'>Для комментирования необходимо авторизоваться.</span>";
                }
                $chapter_stats_popup_html = '';
                if ($hasAuthorChapterAccess) {
                    $chapter_stats_popup_html = <<<END
                                <div id="chpt-$rid" class="white-popup mfp-with-anim mfp-hide">
                                    <span>Статистика</span>

                                    <table>
                                        <tr>
                                            <td>Редакция</td>
                                            <td>№ {$edition} ({$orig_rid})</td>
                                        </tr>
                                        <tr>
                                            <td>Обновлено</td>
                                            <td>$rdate</td>
                                        </tr>
                                        <tr>
                                            <td>Кол-во стр.</td>
                                            <td>$numpages стр.</td>
                                        </tr>
                                        <tr>
                                            <td>Читают</td>
                                            <td>$cntr человек</td>
                                        </tr>
                                        <tr>
                                            <td>Читали ранее</td>
                                            <td>$chapter_durs</td>
                                        </tr>
                                        <tr>
                                            <td>Читали за сегодня</td>
                                            <td>$Row[chaptduration] мин.</td>
                                        </tr>
                                        <tr>
                                            <td>Стоимость части</td>
                                            <td>$og_stat</td>
                                        </tr>
                                        <tr>
                                            <td>Email уведомление</td>
                                            <td>$og_stat_email</td>
                                        </tr>
                                    </table>
                                </div>
                    END;
                }
                echo <<<END
                                {$chapter_stats_popup_html}


                                <div id="comment-$rid" class="chpt-og_comment white-popup mfp-with-anim mfp-hide">
                                    <span>Отзывы к части $likes</span>

                                    <div class="og_chpt_comment" id="og_chpt_comment">
                                        $comments
                                    </div>
                                    $txtq
                                </div>
                    END;
            }
            $cntr = 0;
            if (isset($cntreaders[$rid])) {
                $cntr = $cntreaders[$rid];
            }

            $stat = ', ';
            $newversionalert = '';
            $rdate = '';
            // $formatter = new IntlDateFormatter('en_US', IntlDateFormatter::LONG, IntlDateFormatter::NONE);
            if ($Row['added'] > 0) {
                $rdate = date('d.m.Y H:i', strtotime($Row['added']));
            } elseif ($Row['versiondate'] > 0) {
                $rdate = date('d.m.Y H:i', strtotime($Row['versiondate']));
            } else {
                $rdate = date('d.m.Y H:i');

                $newver = 0;
                $newchp = 0;

                $InnerQuery = 'SELECT /*098*/ id, version FROM book_chapters WHERE version0_id=?
                                ORDER BY version DESC LIMIT 1';
                $InnerResult = MysqliPrepared::select($Link, $InnerQuery, 'i', [(int) $orig_rid]);
                if (!$InnerResult) {
                    $log->error('Database query error in BookWithChapters: ' . mysqli_error($Link) . ' Query: ' . $InnerQuery);

                    return $renderError();
                }
                while ($InnerRow = mysqli_fetch_assoc($InnerResult)) {
                    $newver = $InnerRow['version'];
                    $newchp = $InnerRow['id'];
                }
                mysqli_free_result($InnerResult);

                ++$newver;
                $newverHref = book_with_chapters_lp('/' . ($menuitems[6] ?? 'books') . '/' . $book_id . '/' . $newchp . '/') . '#page';
                $newversionalert = <<<END
                                <div class=warning_green>
                                Вышла новая редакция (№$newver) этой главы: <a class=lnk1 rel='nofollow' href='{$newverHref}'>Читать!</a>
                                </div>
                    END;
            }

            $showedits = '';
            $values4 = explode('-', $gother);
            //$gother = (int)($values4[0]);
            if (isset($values4[1]) && ($values4[1] == 'edits')) {
                $showedits = $values4[1];
            }

            if ($showedits == 'edits') {
                $newversionalert .= <<<'END'
                                <div class=clb></div><div class=warning_red>
                                Вы смотрите изменения, сделанные автором в этой части.<BR>Зеленым цветом выделен добавленный
                                текст, красным - удаленный.
                                </div>
                                <div class=clb></div>
                    END;
            }

            if ($Row['version']) { // > 0
                $rdate .= 'обновлено ';
                $rdate .= date('d.m.Y H:i', strtotime($Row['versiondate']));

                // не показывать правки в режиме максимальной защиты
                if ($protection != 2) { // || ($id == 1)) # TODO SHOWEDITS
                    $InnerQuery = 'SELECT /*099*/ id, version FROM book_chapters WHERE version0_id=? ORDER BY id DESC';
                    $InnerResult = MysqliPrepared::select($Link, $InnerQuery, 'i', [(int) $orig_rid]);
                    if (!$InnerResult) {
                        $log->error('Database query error in BookWithChapters: ' . mysqli_error($Link) . ' Query: ' . $InnerQuery);

                        return $renderError();
                    }
                    while ($InnerRow = mysqli_fetch_assoc($InnerResult)) {
                        $red = $InnerRow['version'] + 1;
                        $revHref = book_with_chapters_lp('/' . ($menuitems[6] ?? 'books') . '/' . $book_id . '/' . $InnerRow['id'] . '/') . '#page';
                        $revEditsHref = book_with_chapters_lp('/' . ($menuitems[6] ?? 'books') . '/' . $book_id . '/' . $InnerRow['id'] . '/-edits') . '#page';
                        if ($Row['version'] == $InnerRow['version']) {
                            $rdate .= <<<END
                                 [<a class=lnk1 rel="nofollow" href="{$revHref}">rev.{$red}</a>
                                (см. <a class=lnk1 rel="nofollow" href="{$revEditsHref}">изменения</a>)]
                                END;
                        } else {
                            $rdate .= <<<END
                                 [<a class=lnk1 rel="nofollow" href="{$revHref}">rev.{$red}</a>]
                                END;
                        }
                    }
                    mysqli_free_result($InnerResult);

                    $revOrigHref = book_with_chapters_lp('/' . ($menuitems[6] ?? 'books') . '/' . $book_id . '/' . $orig_rid . '/') . '#page';
                    $rdate .= <<<END
                         [<a class=lnk1 rel="nofollow" href="{$revOrigHref}">rev.1</a>]
                        END;
                }
            }

            if ($Row['oktopub']) {
                $cnt_totalpages += $numpages;
                ++$cnt_totalglav;
            }

            $chapter_durs = 0;
            if (isset($chapter_durations[$rid])) {
                $chapter_durs = (int) ($chapter_durations[$rid] / 60);
                $hours = floor($chapter_durs);
                $minutes = $chapter_durations[$rid] % 60;
                $chapter_durs = "$hours ч. $minutes мин.";
            }

            $stat .= "$rdate | $numpages стр. | Читают: $cntr | Читали ранее: $chapter_durs мин. | Читали за сегодня: $Row[chaptduration] мин.";
            if ($Row['pubafter'] != '0000-00-00 00:00:00') {
                $stat .= " | Часть доступна с <span id=pubdate$rid>$Row[pubafter]</span>";
                $og_stat = "Часть доступна с <span id=pubdate$rid>$Row[pubafter]</span>";
            }

            if ((isset($purchased[$orig_rid]) == 0) && ($ChapterPrice > 0)) {
                if ($Row['onabonement']) {
                    $stat .= ' | Цена: бесплатно, по абонементу';
                    $og_stat = 'бесплатно, по абонементу';
                } else {
                    $stat .= " | Цена: $ChapterPrice <i class='fa fa-rub'></i>";
                    $og_stat = "$ChapterPrice <i class='fa fa-rub'>";
                }
            }

            if (isset($purchased[$orig_rid])) {
                $paid = $purchased[$orig_rid] - 1; // 1 чтобы отличить от 0
                if ($paid > 0) {
                    $stat .= " | Вы купили эту главу за {$paid} <i class='fa fa-rub'></i>";
                    $og_stat = "Вы купили эту главу за {$paid} <i class='fa fa-rub'>";
                } else {
                    $stat .= ' | Цена: бесплатно, по абонементу';
                    $og_stat = ' бесплатно, по абонементу';
                }
            }
            $og_stat_email = $Row['sendemails'] == 1 ? 'Да' : 'Без email уведомления';
            if ($Row['sendemails'] == 1) {
                $stat .= ' | Email уведомление: <b>Да</b>';
            } else {
                $stat .= ' | Без email уведомления';
            }

            if (!isset($chaptercomms[$rid])) {
                $chaptercomms[$rid] = [];
            }

            echo <<<'END'
                        <div class=clb></div>
                        </div>
                END;
            $doban = 0;
            if ($doban == 0) {
                $refusr = '';
                if ($gother != '') {
                    $refuser = 0;
                    $refarr = explode('d', $gother); // формат gother: id123 (для ссылки на пользователя 123)
                    if (($refarr[0] == 'i') && isset($refarr[1])) {
                        $refuser = (int) ($refarr[1]);
                    }
                    if ($refuser != 0) {
                        $refusr = "id:$refuser, ";
                    }
                }
            }

            $comments = '';
            foreach ($chaptercomms[$rid] as $key => $comment) {
                $comments .= "

                    {$comment}

                ";
            }

            if ($nocomms) {
                $ncomments = 'Сожалеем, но писатель запретил оставлять комментарии к этой книге.';
            } else {
                $ta = $menuitems[6] . '/' . $gitem . '/' . $rid;
                $nonce1 = create_nonce('ajax_complaint');
                // '{$menuitems[6]}/{$gitem}/{$rid}/#fragments', '{$nonce1}'
                $nonce1 = htmlspecialchars($nonce1, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8');
                $ncomments = "<div class='chpt-og_comment_input'>
                    <div class='chapter-comment-draft-wrap'>
                    <textarea id='chapter-comment-{$rid}' data-draft-key='chapter_comment_{$rid}' class='chcomm autoresizing chapter-comment-textarea' placeholder='Ваш отзыв о части' maxlength='2000'></textarea>
                    <p class='chapter-comment-draft-status' id='chapter-comment-draft-status-{$rid}' role='status' aria-live='polite' hidden></p>
                    </div>
                     <input type=button class='book-btn-primary chapter-comment-submit' value='Оставить отзыв' data-book-id=\"{$book_id}\" data-chapter-id=\"{$rid}\" data-nonce=\"{$nonce1}\">
                </div>";
            }

            $chapter_stats_popup_html = '';
            if ($hasAuthorChapterAccess) {
                $chapter_stats_popup_html = <<<END
                            <div id="chpt-$rid" class="white-popup mfp-with-anim mfp-hide">
                                <span>Статистика</span>

                                <table>
                                    <tr>
                                        <td>Редакция</td>
                                        <td>№ {$edition} ({$orig_rid})</td>
                                    </tr>
                                    <tr>
                                        <td>Обновлено</td>
                                        <td>$rdate</td>
                                    </tr>
                                    <tr>
                                        <td>Кол-во стр.</td>
                                        <td>$numpages стр.</td>
                                    </tr>
                                    <tr>
                                        <td>Читают</td>
                                        <td>$cntr человек</td>
                                    </tr>
                                    <tr>
                                        <td>Читали ранее</td>
                                        <td>$chapter_durs</td>
                                    </tr>
                                    <tr>
                                        <td>Читали за сегодня</td>
                                        <td>$Row[chaptduration] мин.</td>
                                    </tr>
                                    <tr>
                                        <td>Стоимость части</td>
                                        <td>$og_stat</td>
                                    </tr>
                                    <tr>
                                        <td>Email уведомление</td>
                                        <td>$og_stat_email</td>
                                    </tr>
                                </table>
                            </div>
                END;
            }
            echo <<<END
                            {$chapter_stats_popup_html}


                            <div id="comment-$rid" class="chpt-og_comment white-popup mfp-with-anim mfp-hide">
                                <span>Отзывы к части $likes</span>

                                <div class="og_chpt_comment" id="og_chpt_comment">
                                    $comments
                                </div>
                                $ncomments

                            </div>


                END;

            $nonce1 = create_nonce('ajax_savefb');
            //$nonce2 = create_nonce('ajax_setreturn');

            if ($nocomms == 0) {
                echo <<<END
                            <div style="display: none;" class=testim id=allcomms$rid>
                    END;

                $loadedComments = count($chaptercomms[$rid]);
                $totalComments = $chapterCommTotals[$rid] ?? $loadedComments;
                $remainingComments = max(0, $totalComments - $loadedComments);

                echo "<div class=\"chapter-comments-list\" data-chapter-id=\"$rid\">";
                for ($idx = count($chaptercomms[$rid]); $idx >= 1; --$idx) {
                    $val = $chaptercomms_list[$rid][$idx - 1];
                    echo "$val<div class=h8></div>";
                }
                echo '</div>';

                if ($remainingComments > 0) {
                    $btnTitle = "Показать ещё ($remainingComments)";
                    $loadChapterCommentsNonce = htmlspecialchars(create_nonce('load_chapter_comments'), ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8');
                    echo <<<END
                            <button class="chapter-comments-load-more" data-chapter-id="$rid" data-book-id="$book_id" data-offset="$loadedComments" data-limit="$chapterCommentsPageSize" data-total="$totalComments" data-nonce="$loadChapterCommentsNonce">$btnTitle</button>
                        END;
                }

                $leave_comment = '';
                $doban = 0;
                if (($isbanned != null) && ($isbanned != '')) {
                    $doban = 1;
                    if ($userro != 3) {
                        $leave_comment = <<<END
                                        $realname, вы временно не можете публиковать сообщения на форуме, писать отзывы, комментарии и личные сообщения,
                                        поскольку вы были забанены до $isbanned в связи с допущенным вами нарушением правил сайта.
                            END;
                    }
                }

                // число комментов для передачи в js
                $fbcomms[$rid] = $chapterCommTotals[$rid] ?? count($chaptercomms[$rid]);
            }

            echo '</li>';

            if ($nocomms == 0) {
                // фикс - при отрисовке страницы сразу нажимаем back в списке отзывов, чтобы они норм. отображались
                if ($fbcomms[$rid] > 0) {
                    $initjscomms .= '(function(){'
                        . "if(typeof sf==='function'){sf($rid);return;}"
                        . "if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',function(){if(typeof sf==='function'){sf($rid);}});}else{setTimeout(function(){if(typeof sf==='function'){sf($rid);}},100);}"
                        . '})();';
                }
            }
        }
    }
    mysqli_free_result($Result);

    // обновим счетчик страниц у книги
    if ($chapter_id == 0) {
        if (($cntpages != -1000) && ($cntpages != $cnt_totalpages)) {
            $cmd = 'UPDATE /*736*/ books SET cntpages=?, glav=?, updated=updated WHERE id=?';
            $Result = MysqliPrepared::exec($MasterLink, $cmd, 'iii', [(int) $cnt_totalpages, (int) $cnt_totalglav, (int) $book_id]);
            if (!$Result) {
                $log->error('Database query error in BookWithChapters: ' . mysqli_error($MasterLink) . ' Query: ' . $cmd);

                return $renderError();
            }
        }
    }

    echo '</UL></div></details>';
    if ($cntbooks == 0) {
        if ($chapter_id == 0) { // показаны все главы в книге
            echo '
			<div class="w-100 text-center"><h3 class="txt" style="text-align: center;">Смотрите рейтинг лучших книг Целлюлозы</h3></div>
            <div class="w-100 text-center">
			    <div class=notfound>Искомой книги не найдено,<BR>но есть другие отличные книги!</div>
            </div>
			<div class=intro>Мы не нашли того, что вы искали. Возможно, у нас искомой книги не было вообще. Однако, мы хотим вам предоложить
			посмотреть эти лучшие книги по количеству читателей. Их читают действительно очень много людей, и вам они, несомненно, понравятся!</div>
			';

            // извлечение из кэша, который обновляется раз в минуту
            $Query = 'SELECT /*507*/ text FROM bookscache WHERE no=1';
            $Result = MysqliPrepared::select($Link, $Query, '', []);
            if (!$Result) {
                $log->error('Database query error in BookWithChapters: ' . mysqli_error($Link) . ' Query: ' . $Query);

                return $renderError();
            }
            while ($Row = mysqli_fetch_assoc($Result)) {
                echo $Row['text'];
            }
            mysqli_free_result($Result);
        }
    } else {
        if (($chapter_id == 0) || (in_array($id, $z_admins, true))) {// показаны все главы в книге
            if (($isFinished == 0)) {
                echo <<<END
                        <div class='book-read-continue'><h3 class=txt>Читать продолжение книги.</h3>
                        <div class=intro>
                        Добавьте книгу в избранное (отметить красную звездочку рядом с обложкой).
                        Добавить автора, чтобы узнавать о новых книгах можно аналогично (звездочка на странице автора).
                        Уведомления направляются на электронную почту, если Вы сами ее раньше не прочитаете.
                        Вы можете получать уведомления через Telegram. Напишите боту <a class=lnk target=_blank href="https://telegram.me/ZellulozaBot">@ZellulozaBot</a> (команда <b>/followbook $book_id</b>). </div></div>
                    END;
            }

            // ------------------ рецензии ------------------------
            if (!$goperation) {
                if ($nocomms == 0) {
                    echo <<<'END'
                            <div class='book-review-block display-mode-0' data-block="reviews"><a name=review>&nbsp;</a><div class=h24></div>
                        END;
                    if ($id > 0) {
                        // нельзя писать рецензии с маленькой кармой
                        if ($userkarma < 10) {
                            $gamification_url = book_with_chapters_lp('/user_checklist/');
                            $gamification_link = '<a class="lnk" href="' . htmlspecialchars($gamification_url, ENT_QUOTES, 'UTF-8') . '">памятку о геймификации</a>';
                            echo <<<END
                                            <!--noindex--><BR>
                                            <p class=ji>Вам нужно не менее 10 единиц репутации, чтобы публиковать рецензии на книги. См. {$gamification_link}.</p>
                                            <!--/noindex-->
                                END;
                        } else {
                            $forumreview_nonce = htmlspecialchars(create_nonce('forumreview'), ENT_QUOTES, 'UTF-8');
                            $review_max_len = 5000;
                            $reviewUserHref = htmlspecialchars(book_with_chapters_lp('/search/details/' . $id . '/'), ENT_QUOTES, 'UTF-8');
                            echo <<<END

                                                <div class="intro og_intro">
                                                    <b>Информация</b>
                                                    <div class="podskazka">
                                                        <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                        <path d="M12 17.5V17.51M3 12.5C3 13.6819 3.23279 14.8522 3.68508 15.9442C4.13738 17.0361 4.80031 18.0282 5.63604 18.864C6.47177 19.6997 7.46392 20.3626 8.55585 20.8149C9.64778 21.2672 10.8181 21.5 12 21.5C13.1819 21.5 14.3522 21.2672 15.4442 20.8149C16.5361 20.3626 17.5282 19.6997 18.364 18.864C19.1997 18.0282 19.8626 17.0361 20.3149 15.9442C20.7672 14.8522 21 13.6819 21 12.5C21 11.3181 20.7672 10.1478 20.3149 9.05585C19.8626 7.96392 19.1997 6.97177 18.364 6.13604C17.5282 5.30031 16.5361 4.63738 15.4442 4.18508C14.3522 3.73279 13.1819 3.5 12 3.5C10.8181 3.5 9.64778 3.73279 8.55585 4.18508C7.46392 4.63738 6.47177 5.30031 5.63604 6.13604C4.80031 6.97177 4.13738 7.96392 3.68508 9.05585C3.23279 10.1478 3 11.3181 3 12.5Z" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                                        <path d="M12 14C11.9816 13.6754 12.0692 13.3536 12.2495 13.083C12.4299 12.8125 12.6933 12.6079 13 12.5C13.3759 12.3563 13.7132 12.1272 13.9856 11.831C14.2579 11.5347 14.4577 11.1792 14.5693 10.7926C14.6809 10.406 14.7013 9.99871 14.6287 9.60288C14.5562 9.20705 14.3928 8.83346 14.1513 8.51153C13.9099 8.18959 13.597 7.9281 13.2373 7.74763C12.8776 7.56716 12.4809 7.47265 12.0785 7.47154C11.6761 7.47042 11.2789 7.56273 10.9182 7.7412C10.5576 7.91967 10.2432 8.17942 10 8.50001" stroke="#333333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                                                        </svg>


                                                        <p class=j>Постарайтесь беспристрастно оценить книгу целиком: оригинальность сюжета, логичность, продуманность
                                                            сюжетных линий, насколько реалистично выведены характеры героев и последовательны их поступки. <br> За каждую рецензию дается 1 дополнительное место в черном списке. Если рецензия не будет содержать смысла,
                                                            она будет удалена и черный список сократится на 1 элемент.</p>
                                                    </div>
                                                </div>

                                    <div class=chat1>
                                        <div class=upic100><a class=lnk rel="nofollow" href="{$reviewUserHref}">{$userpic}</a></div>
                                    </div>
                                    <div class=chat2>
                                    <form method="post" action="/" enctype="multipart/form-data" id=frmreview>
                                    <input type=hidden name=op value="forumreview">
                                    <input type=hidden name=nonce value="$forumreview_nonce">
                                    <textarea class="forumcom" id=message name=message required placeholder="Ваш комментарий" maxlength="$review_max_len" oninput="var c=document.getElementById('review-char-count');if(c)c.textContent=this.value.length;" onblur="saveToLocal('PR{$book_id}',this.value);"></textarea>
                                    <p class="review-length-hint" id="review-length-hint">Максимум $review_max_len символов. Сейчас: <span id="review-char-count">0</span> / $review_max_len</p>
                                    <input type=hidden name=book_id value="$book_id">
                                    <input type=button class="kopilka-btn review-submit-btn" value="отправить" onclick="return postReview('$book_id',1);"><BR>
                                    </form>
                                    <div><div class=h24></div>
                                    <div class=box3f onclick="textstyles('message',1);" title="Выделенный текст: жирный"><i class="fa fa-bold" aria-hidden="true"></i></div>
                                        <div class=box3f onclick="textstyles('message',2);" title="Выделенный текст: курсив"><i class="fa fa-italic" aria-hidden="true"></i></div>
                                        <div class=box3f onclick="textstyles('message',3);" title="Выделенный текст: подчеркнутый"><i class="fa fa-underline" aria-hidden="true"></i></div>
                                        <div class=box3f onclick="textstyles('message',4);" title="Выделенный текст: зачеркнутый"><i class="fa fa-strikethrough" aria-hidden="true"></i></div>
                                        <div class=box3f onclick="textstyles('message',6);" title="Размер текста 14 пикс"><span class="fa-solid fa-font ji12" aria-hidden="true"></span></div>
                                        <div class=box3f onclick="textstyles('message',7);" title="Размер текста 16 пикс"><span class="fa-solid fa-font ji16" aria-hidden="true"></span></div>
                                        <div class=box3f onclick="textstyles('message',8);" title="Размер текста 18 пикс"><span class="fa-solid fa-font ji" aria-hidden="true"></span></div>
                                        <div class=box3f onclick="textstyles('message',9);" title="Размер текста 30 пикс"><span class="fa-solid fa-font ji30" aria-hidden="true" style="line-height:normal"></span></div>
                                        <div class=box3f onclick="textstyles('message',23);" title="Ссылка"><i class="fa fa-code" aria-hidden="true"></i></div>
                                        <div class="box3f st8" onclick="textstyles('message',17);" title="Выделенный текст: зеленый">Зел</div>
                                        <div class="box3f st9" onclick="textstyles('message',18);" title="Выделенный текст: красный">Кр</div>
                                        <div class="box3f st10" onclick="textstyles('message',19);" title="Выделенный текст: синий">Син</div>
                                        <div class="box3f st11" onclick="textstyles('message',20);" title="Выделенный текст: серый">Сер</div>
                                        <div class="box3f st13" onclick="textstyles('message',22);" title="Выделенный текст: золотой">Злт</div>
                                    <div id=smiles0><button type=button class=lnk onclick="showdiv('smiles');hidediv('smiles0');">Показать смайлы</button></div>
                                    <div id=smiles style="display: none;">
                                        <button type=button class=lnk style="display: block" onclick="showdiv('smiles0');hidediv('smiles');">Скрыть смайлы</button>
                                END;

                            for ($idx = 1; $idx <= 118; ++$idx) {
                                if ($idx < 10) {
                                    $idx = "0$idx";
                                }
                                echo <<<END
                                        <div class=jm onclick="jml2('$idx');">
                                        <img alt=':jm{$idx}' src='/assets/img/smiles/{$idx}.gif'>
                                        </div>
                                    END;
                            }

                            echo <<<END
                                    <div class=clb></div>
                                    </div>

                                    </div>
                                    <script>
                                        (function f(){if(typeof getFromLocal==='function'){getFromLocal('message','PR{$book_id}');return;}
                                        if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',f);else setTimeout(f,50);})();
                                    </script>
                                    </div>
                                    <div class=clb></div>
                                END;
                        }
                    } else {
                        echo <<<END
                                        <!--noindex-->
                                        <p class=j>Написать рецензию к книге может каждый. <a class=lnk rel='nofollow' href='$bwcMyPath'>Войдите на сайт.</a></p>
                                        <!--/noindex-->
                            END;
                    }
                    echo <<<'END'
                            <table cellpadding=16 cellspacing=1 class=r3>
                        END;

                    $Query = "SELECT /*458*/ t1.id, t1.headline, t1.descr, t1.created as lastupdated, DATE_FORMAT(t1.created, '%Y-%m-%d %T %z') as lastupdated2,
                        DATE_FORMAT(t1.created, '%d/%m/%Y %T') as lastupdatedf, timestampdiff(minute, t1.created, now()) as inminutes,
                        t1.cntmessages, t1.createdby, realname, pic, isauthor, DATE_FORMAT(since, '%d/%m/%Y %T') as since, banned_until, userro,
                        t1.parent, t2.parent as t2p, forumposts, t1.thankscnt, TIMESTAMPDIFF(minute, lastaction, NOW()) as was_ago,
                        t1.thanks, IFNULL(forumthanks.thankstype, 0) as saidthanks
                        from forumhead t1
                        join users on users.id=createdby
                        join forumhead t2 on t2.id=t1.parent
                        left join ratelimit on ipv4num=users.id and dl_rate=0 and book_id=0
                        LEFT JOIN forumthanks ON post_id=t1.id AND forumthanks.user_id=?
                        WHERE t1.bookreview=?
                        ORDER BY t1.thankscnt DESC
                        LIMIT 3";
                    $Result = MysqliPrepared::select($Link, $Query, 'ii', [(int) $id, (int) $book_id]);
                    if (!$Result) {
                        $log->error('Database query error in BookWithChapters: ' . mysqli_error($Link) . ' Query: ' . $Query);

                        return $renderError();
                    }
                    $found = mysqli_num_rows($Result);
                    $addreview = " <a class=lnk rel='nofollow' href='" . htmlspecialchars($bwcMyPath, ENT_QUOTES, 'UTF-8') . "'>Войдите на сайт</a>, чтобы добавить свою";
                    if ($id > 0) {
                        $addreview = ' Добавьте свою рецензию';
                    }

                    if ($found == 0) {
                        echo "<tr class=r><td colspan=2>Рецензий пока нет.$addreview</td></tr>";
                    }

                    $directurlall = '';
                    while ($Row = mysqli_fetch_assoc($Result)) {
                        $review_realname_safe = htmlspecialchars((string) $Row['realname'], ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8');
                        $usrpic_id = preg_replace('/[^0-9]/', '', (string) ($Row['pic'] ?? ''));
                        $descr = str_replace(['\"', '\\\''], ['&quot;', '&apos;'], strip_tags($Row['descr']));
                        $descr_orig = $descr;
                        $descr = preg_replace_callback('/bk:([0-9]*)/i', 'review_replacer_link2', $descr);
                        $descr = textReplaces($descr); //1

                        $review_preview_len = 400;
                        $descr_len = mb_strlen($descr);
                        $review_expandable = $descr_len > $review_preview_len;
                        $descr_short = $review_expandable ? mb_substr($descr, 0, $review_preview_len) . '…' : $descr;

                        $created_id = $Row['id'];
                        $saidthanks = $Row['saidthanks'];

                        $cnt = 0;

                        $usert = getUserType($Row['createdby'], $Row['isauthor']);

                        $usrpic = $Row['pic'];
                        if ($usrpic != '') {
                            $usrpic_clean = rtrim($usrpic, '.');
                            $usrpic = "
        <picture>
            <source type='image/webp' srcset='/{$ImgPrefix}/users/u{$usrpic_clean}.webp'>
            <source type='image/jpg' srcset='/{$ImgPrefix}/users/u{$usrpic_clean}.jpg'>
            <img alt='{$review_realname_safe}' src='/{$ImgPrefix}/users/u{$usrpic_clean}.jpg' width=100>

            </picture>";
                        } else {
                            $usrpic = "
        <picture>
            <source type='image/webp' srcset='/assets/img/layout/users/unknown.webp'>
            <source type='image/png' srcset='/assets/img/layout/users/default-user-avatar.png'>
            <img alt='{$review_realname_safe}' src='/assets/img/layout/users/default-user-avatar.png' width=100>
        </picture>
            ";
                        }

                        $directurl = "/forum/$Row[t2p]/$Row[parent]/$Row[id]/#p$Row[id]";
                        $directurlall = "/forum/$Row[t2p]/$Row[parent]/#review";

                        if ($Row['t2p'] == 0) {
                            $directurl = "/forum/$Row[parent]/$Row[id]/#p$Row[id]";
                            $directurlall = "/forum/$Row[parent]/$Row[id]/#review";
                        }

                        $thanks = ThanksSaid($Row['thanks']);

                        $thanks_data = (string) $Row['thanks'];
                        $thanks_lines = explode("\n", $thanks_data);
                        $thanks_count = 0;
                        $disagree_count = 0;
                        if (isset($thanks_lines[0]) && trim($thanks_lines[0]) !== '') {
                            $thanks_count = count(array_filter(explode(',', trim($thanks_lines[0]))));
                        }
                        if (isset($thanks_lines[1]) && trim($thanks_lines[1]) !== '') {
                            $disagree_count = count(array_filter(explode(',', trim($thanks_lines[1]))));
                        }
                        $thanks_has_list = $thanks_count > 0 || $disagree_count > 0;
                        $thanks_summary_parts = [];
                        if ($thanks_count > 0) {
                            $thanks_summary_parts[] = "Спасибо сказали: $thanks_count";
                        }
                        if ($disagree_count > 0) {
                            $thanks_summary_parts[] = "Не согласен: $disagree_count";
                        }
                        $thanks_summary_txt = implode(', ', $thanks_summary_parts);

                        $thanksurl = '';
                        if ($id > 0) {
                            if ($saidthanks == 0) {
                                $thanksurl = <<<END
                                        <span style="margin-left: auto" id=thankson$created_id>
                                        <a class=sm rel="nofollow"  onclick="mytoggle('thankson$created_id');mytoggle('thanksoff$created_id');ajax('thanks$created_id', '', 'thanks', 1, '$created_id', '', 0);">[Сказать спасибо]</a>
                                        <a class=sm rel="nofollow"  onclick="mytoggle('thankson$created_id');mytoggle('thanksoff$created_id');ajax('thanks$created_id', '', 'thanks', 2, '$created_id', '', 0);">[Не согласен]</a>
                                        </span>
                                        <span style="display:none;" id=thanksoff$created_id><a class=sm rel="nofollow"  onclick="mytoggle('thankson$created_id');mytoggle('thanksoff$created_id');ajax('thanks$created_id', '', 'thanks', 0, '$created_id', '', 0);">[Отменить мнение]</a></span>
                                    END;
                            } else {
                                $thanksurl = <<<END
                                        <span style="display:none;" id=thankson$created_id>
                                        <a class=sm rel="nofollow"  onclick="mytoggle('thankson$created_id');mytoggle('thanksoff$created_id');ajax('thanks$created_id', '', 'thanks', 1, '$created_id', '', 0);">[Сказать спасибо]</a>
                                        <a class=sm rel="nofollow"  onclick="mytoggle('thankson$created_id');mytoggle('thanksoff$created_id');ajax('thanks$created_id', '', 'thanks', 2, '$created_id', '', 0);">[Не согласен]</a>
                                        </span>
                                        <span id=thanksoff$created_id><a class=sm rel="nofollow"  onclick="mytoggle('thankson$created_id');mytoggle('thanksoff$created_id');ajax('thanks$created_id', '', 'thanks', 0, '$created_id', '', 0);">[Отменить мнение]</a></span>
                                    END;
                            }
                        }

                        if ($thanks_has_list) {
                            $editbutton = <<<END
                                <div class="review-thanks-wrap">
                                    <div class="review-thanks-summary">
                                        <span class="review-thanks-summary-txt">$thanks_summary_txt</span>
                                        <button type="button" class="review-thanks-toggle" data-review-id="$created_id" aria-expanded="false">Показать список</button>
                                    </div>
                                    <div class="review-thanks-list review-thanks-list--collapsed" id="thanks$created_id">$thanks</div>
                                </div>
                                <div class=rht>
                                    $thanksurl
                                </div>
                                END;
                        } else {
                            $editbutton = <<<END
                                <div class=sm>
                                    <div id=thanks$created_id>$thanks</div>
                                </div>
                                <div class=rht>
                                    $thanksurl
                                </div>
                                END;
                        }

                        $urname2 = SeoAuthor($Row['realname']);

                        $banned_until = '';
                        if (($Row['banned_until'] != null) && ($Row['banned_until'] != '')) {
                            if ($Row['userro'] != 3) {
                                $banned_until = "<div class=sgrayj>Забанен до: $Row[banned_until]</div>";
                            }
                        }

                        $units = 'мин.';
                        $ago = 'назад';
                        $when = $Row['inminutes'];

                        if ($when > 59) {
                            $units = 'час.';
                            $when = (int) (($when + 30) / 60);
                            if ($when > 23) {
                                $units = 'дн.';
                                $when = (int) (($when + 12) / 24);
                            }
                        }
                        if ($when == 0) {
                            $when = 'сейчас';
                            $units = '';
                            $ago = '';
                        }

                        $review_created_formatted = $formatBookDateTime($Row['lastupdated']);
                        $lastupdate = "<span style='color: grey' title='$review_created_formatted'>$when $units $ago</span>";
                        $lastupdateadded2 = str_replace(' ', 'T', $Row['lastupdated2']);

                        $online = IsOnline($Row['was_ago'], '');
                        $reviewUserHref = htmlspecialchars(lp('/user/' . $Row['createdby'] . '/'), ENT_QUOTES, 'UTF-8');
                        $post_author = <<<END
                            <div class=mobshow>$online <a class=lnk rel="nofollow" href="{$reviewUserHref}">$Row[realname]</a> <button type="button" class=lnk onclick="my_getbyid('message').value += 'id:$Row[createdby], ';">ID</button> пишет:</div>
                            END;

                        if ($review_expandable) {
                            $review_body_content = '<span class="review-text-preview" id="reviewTextShort' . $created_id . '">' . $descr_short . '</span> <span class="review-text-full" id="reviewTextFull' . $created_id . '" hidden>' . $descr . '</span> <button type="button" class="review-text-expand-btn" data-review-id="' . $created_id . '">Читать далее</button>';
                        } else {
                            $review_body_content = $descr;
                        }

                        $reviewProfileHref = htmlspecialchars(lp('/search/details/' . $Row['createdby'] . '-' . $urname2 . '/'), ENT_QUOTES, 'UTF-8');
                        echo <<<END
                                    <tr class="r book-review-row">
                                <td class="mobhid" style="vertical-align: top;">
                                     <div class="author-details review-author">
                                        <a class="lnk review-author-name" rel="nofollow" href="{$reviewUserHref}">{$review_realname_safe}</a>
                                        <button type="button" class=lnk onclick="my_getbyid('message').value += 'id:$Row[createdby], ';">ID</button>$lastupdate
                                     </div>
                                     <BR><a class=txt href="{$reviewProfileHref}">$usrpic</a>
                                     <BR>$banned_until
                                </td>
                                <td style="vertical-align: top;">
                                    <div class=hid><time itemprop="datePublished" datetime="$lastupdateadded2" content="$lastupdateadded2">{$review_created_formatted}</time></div>
                                    <div class="f20 review-body" itemprop="review" itemscope itemtype="https://schema.org/Review">
                                        <meta itemprop="name" content="Рецензия на $booktitle">
                                        <span itemprop="author" itemscope itemtype="https://schema.org/Person">
                                            <meta itemprop="name" content="{$review_realname_safe}">
                                            <link itemprop="url" href="https://$zelluloza_site/search/details/{$Row['createdby']}-{$urname2}/">
                                        </span>
                                        <span itemprop="itemReviewed" itemscope itemtype="https://schema.org/Book">
                                            <span itemprop="description" class="sr-only">$descr</span>
                                            <div class="review-text">$review_body_content</div>
                                        </span>
                                    </div>
                                        $editbutton
                                    </td>
                                </tr>
                            END;
                    }
                    mysqli_free_result($Result);

                    if ($directurlall != '') {
                        echo <<<END
                                    <tr class=r>
                                    <td class=mobhid>&nbsp;</td>
                                    <td>
                                        <small><a class=lnk title="Прямая ссылка" href="$directurlall" style="color: grey;float: right">Читать все рецензии ></a></small>
                                    </td>
                            END;
                    }

                    echo '</table>';
                    echo '<script>(function(){var m=document.getElementById("message"),c=document.getElementById("review-char-count");if(m&&c)c.textContent=m.value.length;})();(function(){var block=document.querySelector(".book-review-block");if(!block)return;block.addEventListener("click",function(e){var btn=e.target.closest(".review-text-expand-btn");if(btn){var id=btn.getAttribute("data-review-id");var short=document.getElementById("reviewTextShort"+id);var full=document.getElementById("reviewTextFull"+id);if(!short||!full)return;if(full.hidden){short.hidden=true;full.hidden=false;btn.textContent="Свернуть"}else{short.hidden=false;full.hidden=true;btn.textContent="Читать далее"}return}var toggle=e.target.closest(".review-thanks-toggle");if(toggle){var id=toggle.getAttribute("data-review-id");var list=document.getElementById("thanks"+id);if(!list)return;var collapsed=list.classList.contains("review-thanks-list--collapsed");list.classList.toggle("review-thanks-list--collapsed",!collapsed);toggle.setAttribute("aria-expanded",collapsed?"true":"false");toggle.textContent=collapsed?"Скрыть список":"Показать список"}});})();</script>';
                    echo $gAggregatedRating;
                    echo '</div>';
                } // if($nocomms == 0)
            }
            //------------------------------------------------------

            // узнаем жанры книги
            CacheGenres();
            $genreval = '';
            $tmp = [];

            if (isset($bookgenres[$book_id])) {
                $cnt = 0;
                foreach ($bookgenres[$book_id] as $genre_id) {
                    $seogname = rus2translit($genrenames[$genre_id]);
                    array_push($tmp, '<a class=taglnk3 href="' . htmlspecialchars(book_with_chapters_lp('/search/genres/' . $genre_id . '-' . $seogname . '/'), ENT_QUOTES, 'UTF-8') . '">' . $genrenames[$genre_id] . '</a>');
                    ++$cnt;
                    if ($cnt > 16) {
                        break;
                    }
                }
            }
            $book_g = implode('    --    ', $tmp);

            if (!$goperation) {
                echo '<div class="book-card-promo2-slider">' . Promo2_Cache() . '</div>';
            }
            // BUG-075: показывать блок рекомендаций только если есть контент (ReadAlso возвращает не пусто)
            $readAlsoHtml = ReadAlso($book_id);
            if ($readAlsoHtml !== '') {
                echo '<div class="og-white-card read-also-carousel-block">';
                echo "<h3 class=txt>Рекомендуемые книги для вас:</h3>
        <div class=intro>Книги похожего жанра:<BR>$book_g<BR><BR>Популярные книги на основе рейтинга.</div>";
                echo '<div class="homepage-row-slider-wrap"><button type="button" class="homepage-slider-arrow homepage-slider-prev" aria-label="Назад"></button><button type="button" class="homepage-slider-arrow homepage-slider-next" aria-label="Вперёд"></button>';
                echo '<div class="popular-search-books homepage-row-slider"><div class="books-list homepage-row-slider__inner">' . $readAlsoHtml . '</div></div></div>';
                echo '</div>';
            }
            if (!$goperation) {
                $moderatorMsgHref = htmlspecialchars(book_with_chapters_lp('/search/details/117194/'), ENT_QUOTES, 'UTF-8');
                echo <<<END
                            <div class="og-white-card">
                            <div class=clb></div>
                            <h3 class=txt>Найти книгу или автора?</h3>
                            <p class=ji><b>Техподдержка:</b> <BR>
                            В таком случае просто спросите: вы можете <a class=lnk href="{$moderatorMsgHref}">отправить личное сообщение</a> Модератору по любым вопросам.</p>
                            </div>
                    END;
            }
        } // chapter_id == 0
        else {
            if ($audioavail == '' && !$goperation) {
                if ($canaudio) {
                    if ($loggedin) {
                        $orig_id = $orig_chpid[$chapter_id];
                        if ($orig_id == 0) {
                            $orig_id = $chapter_id;
                        }

                        $cnt = 0;
                        $audioraise = ShowFundraiseStatus(0, 0, "and chapter_id = $orig_id ", $cnt);
                        if ($cnt > 0) {
                            echo '<div class=\'audio-title mark6\'><a class=lnk rel=\'nofollow\' href="' . $raiseHref . '">Копилка</a> для озвучки этой части</div>';
                            if ($ChapterPrice == 0) {
                                //echo "<p class=j>Это копилка для озвучки бесплатной главы, в неё не требуются взносы. Копилка нужна в качестве
                                //заявки для диктора на озвучку этой части.</p>";
                            } else {
                                if ($book_author == 4) {
                                    echo '<p class=j>В эту копилку не требуется вносить деньги, поскольку это глава конкурсной книги, которую Целлюлоза озвучивает за счет собственных средств.';
                                } else {
                                    echo "<p class=j>Ваш взнос в эту копилку (<b>10 <i class='fa fa-rub'></i></b>) даст вам право слушать аудиофрагмент, когда он будет озвучен.
                        Цена аудиофайла для тех, кто не участвовал в копилке, составит <b>15 <i class='fa fa-rub'></i></b>. Покупка аудиофрагмента не дает право читать текст: текст покупается отдельно.</p>";
                                }
                            }

                            echo $audioraise;
                        } else {
                            $numrequests = (int) ($numpages * 1.5);
                            $isfree = '';
                            if ($ChapterPrice == 0) {
                                $isfree = 'Это бесплатная глава. Для озвучки просто создайте копилку.';
                            } else {
                                if ($book_author == 4) {
                                    $isfree = 'Это конкурсная глава, озвучка для неё бесплатна.';
                                } else {
                                    $isfree = "Для озвучки требуется: <b>$numrequests</b> заявок от читателей.";
                                }
                            }

                            $selfAudioOwnHref = htmlspecialchars(book_with_chapters_lp('/' . ($menuitems[15] ?? 'my') . '/audio/' . $orig_id . '/own'), ENT_QUOTES, 'UTF-8');
                            $dictorAudioHref = htmlspecialchars(book_with_chapters_lp('/' . ($menuitems[15] ?? 'my') . '/audio/' . $orig_id . '/'), ENT_QUOTES, 'UTF-8');
                            $raiseHref = htmlspecialchars(book_with_chapters_lp('/books/' . $book_id . '/' . $chapter_id . '/') . '#raise', ENT_QUOTES, 'UTF-8');

                            $selfaudio = 'Попросите писателя загрузить озвучку.';
                            if ($book_author == $id) {
                                $selfaudio = '<a class=lnk1 rel="nofollow" href="' . $selfAudioOwnHref . '">Создать копилку для авторской озвучки</a>';
                            }

                            $createbydictor = '';
                            //if($book_author != $id)
                            if (0) {
                                $createbydictor = <<<END
                                                Озвучка может быть сделана двумя способами:<BR>
                                                1. Озвучка профессиональным <u>диктором</u>, на которого мы соберем деньги через копилку.
                                                Тогда создайте копилку на озвучивание части, и при достижении нужной суммы задание на озвучку
                                                передается диктору. Потом здесь появится аудио версия этой главы.
                                                $isfree<BR>
                                                <a class=lnk1 rel="nofollow" href="{$dictorAudioHref}">Создать копилку для озвучки диктором</a>
                                                <BR><BR>2.
                                    END;
                            }

                            echo <<<END
                                        <div id=audio4$orig_id class="audio-list hid">
                                            <div class="audio-title mark9">Запросить или залить озвучку для этой части</div>
                                            <p class=j0>
                                            $createbydictor
                                            Озвучка загружается <u>писателем</u> самостоятельно, если она у него уже есть. Копилка в этом случае
                                            собирает деньги самому писателю, чтобы он выложил свою аудиоверсию. Участвующие в копилке получат
                                            аудио версию за 10 <i class='fa fa-rub'></i>, а потом цена аудио будет уже 15 <i class='fa fa-rub'></i>.<BR>$selfaudio
                                            </p>
                                            <div class="clb"></div>
                                        </div>
                                END;
                        }
                    } else {
                        echo <<<END
                                    <div class="audio-list">
                                        <div class="audio-title mark9">Запросить или залить озвучку для этой части</div>
                                        <p class=j>Вам нужно <a class=lnk href="{$bwcMyPath}">войти на сайт</a>, чтобы запросить озвучку.</p>
                                        <div class="clb"></div>
                                    </div>
                            END;
                    }
                } else {
                    echo <<<'END'
                                <div class="audio-list">
                                    <div class="audio-title mark9">Запросить или залить озвучку для этой части</div>
                                    <p class=j>Озвучка временно недоступна. Писатель запретил создавать аудио версии этой книги. Чтобы разрешить, писателю нужно включить
                                    соответствующую галочку "Аудио Книга" по ссылке "правка" для обложки книги.</p>
                                    <div class="clb"></div>
                                </div>
                        END;
                }
            } // audio avail == 0
        }

        $tojs = '';
        foreach ($fbcomms as $fbc => $val) {
            $tojs .= "$fbc:$val|";
        }

        $tolenta = '';
        if (($protection == 3) && (($usersettings & 4096) >> 12)) { // 13 бит
            $tolenta = "(function f(){if(typeof tolux==='function'){tolux($chapter_id);return;}
    if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',f);else setTimeout(f,50);})();";
        }

        echo <<<END
                $newversionalert
                <script>
                if (typeof Initfbcomms === 'function') {
                    Initfbcomms('$tojs');
                } else {
                    // Ждём загрузки site.js
                    if (document.readyState === 'loading') {
                        document.addEventListener('DOMContentLoaded', function() {
                            if (typeof Initfbcomms === 'function') {
                                Initfbcomms('$tojs');
                            }
                        });
                    } else {
                        // DOM уже загружен, но скрипт может быть ещё не загружен
                        setTimeout(function() {
                            if (typeof Initfbcomms === 'function') {
                                Initfbcomms('$tojs');
                            }
                        }, 100);
                    }
                }
                $initjscomms
                $tolenta
                </script>
                <div class=clb></div>
            END;
    }
}

<!DOCTYPE html><html lang="en">

<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.3/toastr.min.css" integrity="sha384-YzEqZ2pBV0i9OmlTyoz75PqwTR8If8GsXBv7HLQclEVqIC3VxIt98/U94ES6CJTR" crossorigin="anonymous" referrerpolicy="no-referrer">
<script src="/assets/js/jquery-3.7.1.min.js"></script>
<script>
window.csrfNonce = 'ca0d45acb2608100';
// Some third-party widgets expect global Facebook object; prevent ReferenceError.
window.Facebook = window.Facebook || {};
if (typeof window.Facebook.init !== 'function') window.Facebook.init = function () {};
if (typeof window.Facebook.getLoginStatus !== 'function') window.Facebook.getLoginStatus = function () {};

(function () {
  if (window.__yandexTokenBridgeInit) return;
  window.__yandexTokenBridgeInit = true;

  function cleanYandexHash() {
    if (!window.history || typeof window.history.replaceState !== 'function') return;
    var cleanUrl = window.location.pathname + window.location.search;
    window.history.replaceState(null, document.title, cleanUrl);
  }

  function notifyYandexAuthComplete() {
    try {
      if (window.opener && !window.opener.closed) {
        window.opener.postMessage({ type: 'zelluloza:yandex-auth-complete' }, window.location.origin);
        window.close();
        return true;
      }
    } catch (e) {}
    return false;
  }

  function finishYandexAuthSuccess() {
    if (notifyYandexAuthComplete()) {
      window.setTimeout(function () {
        window.location.href = '/my/name/?oauth_done=1';
      }, 700);
      return true;
    }
    window.location.href = '/my/name/?oauth_done=1';
    return true;
  }

  function extractAccessToken(value) {
    if (!value || typeof value !== 'string') return '';
    var raw = value.charAt(0) === '#' ? value.slice(1) : value;
    var params = new URLSearchParams(raw);
    return params.get('access_token') || '';
  }

  window.zellulozaYandexTokenLogin = window.zellulozaYandexTokenLogin || function (token) {
    if (!token) return Promise.resolve(false);
    function postToken(url) {
      return fetch(url, {
        method: 'POST',
        credentials: 'same-origin',
        headers: {
          'Content-Type': 'application/json',
          'Accept': 'application/json',
          'X-Requested-With': 'XMLHttpRequest'
        },
        body: JSON.stringify({ access_token: token })
      });
    }
    function submitTokenForm() {
      var form = document.createElement('form');
      form.method = 'POST';
      form.action = '/?q=yandex_auth_token';
      form.style.display = 'none';
      var tokenInput = document.createElement('input');
      tokenInput.type = 'hidden';
      tokenInput.name = 'access_token';
      tokenInput.value = token;
      form.appendChild(tokenInput);
      document.body.appendChild(form);
      form.submit();
    }
    return postToken('/ya-auth/').catch(function () {
      return postToken('/?q=yandex_auth_token');
    }).then(function (response) {
      return response.json();
    }).then(function (payload) {
      if (payload && payload.status === 'ok') {
        return finishYandexAuthSuccess();
      }
      var message = payload && payload.message ? payload.message : 'Не удалось войти через Яндекс. Попробуйте ещё раз.';
      window.alert(message);
      return false;
    }).catch(function () {
      submitTokenForm();
      return false;
      window.alert('Сбой авторизации через Яндекс. Попробуйте ещё раз.');
      return false;
    });
  };

  window.addEventListener('message', function (event) {
    if (event.origin !== window.location.origin) return;
    if (!event.data || event.data.type !== 'zelluloza:yandex-auth-complete') return;
    window.location.href = '/my/name/?oauth_done=1';
  });

  var tokenFromHash = extractAccessToken(window.location.hash || '');
  if (tokenFromHash) {
    cleanYandexHash();
    window.zellulozaYandexTokenLogin(tokenFromHash);
  }
})();

// Legacy DOM helpers (some templates still use Showdiv/Hidediv in inline onclick)
// Must exist even when ASSET_BUNDLE_ENABLED disables /assets/js/site.js.
(function () {
  function byId(id) { return id ? document.getElementById(id) : null; }
  function _show(el, mode) { if (el) el.style.display = mode; }
  function _hide(el) { if (el) el.setAttribute('style', 'display:none !important'); }
  window.hidediv = window.hidediv || function (id) { _hide(byId(id)); };
  window.showdiv = window.showdiv || function (id) { _show(byId(id), 'inline'); };
  window.showdiv2 = window.showdiv2 || function (id) { _show(byId(id), 'block'); };
  window.Showdiv = window.Showdiv || window.showdiv;
  window.Hidediv = window.Hidediv || window.hidediv;
  window.Showdiv2 = window.Showdiv2 || window.showdiv2;
  // Body имеет inline onresize="onResize(...)" на части страниц.
  // Если site.js еще не загрузился (defer), не допускаем ReferenceError.
  if (typeof window.onResize !== 'function') {
    window.onResize = function () {};
  }
})();

// Legacy global helpers can be used by inline <script> blocks before deferred site.js is executed.
// Keep temporary shims to avoid ReferenceError and replay queued calls after site.js loads.
(function () {
  window.cntdwn = window.cntdwn || [];

  window.__pendingAjaxCalls = window.__pendingAjaxCalls || [];
  if (typeof window.ajax !== 'function') {
    var ajaxShim = function () {
      window.__pendingAjaxCalls.push(Array.prototype.slice.call(arguments));
      return null;
    };
    ajaxShim.__isLegacyShim = true;
    window.ajax = ajaxShim;
  }

  window.__pendingGetFromLocalCalls = window.__pendingGetFromLocalCalls || [];
  if (typeof window.getFromLocal !== 'function') {
    var getFromLocalShim = function () {
      window.__pendingGetFromLocalCalls.push(Array.prototype.slice.call(arguments));
      return false;
    };
    getFromLocalShim.__isLegacyShim = true;
    window.getFromLocal = getFromLocalShim;
  }
})();
</script>
<script defer src="/assets/js/site.js?1781642496"></script>
<script defer src='/assets/plugins/magnific/jquery.magnific-popup.min.js'></script>
<link rel='stylesheet' href='/assets/plugins/magnific/magnific-popup.css'>

<script type="application/ld+json">
{
  "@context":"https://schema.org",
  "@type":"WebSite",
  "name":"Целлюлоза.ру",
  "url":"https://zelluloza.ru/"
}
</script>
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="wot-verification" content="90de54bc96fa84984e99">
    <meta name="yandex-verification" content="8846d3f8f4fda18a">
    <base href="https://dev.zelluloza.ru/">
    
    <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/assets/img/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/assets/img/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/apple-touch-icon.png">
    <link rel="icon" sizes="any" href="https://dev.zelluloza.ru/zelluloza-favicon.svg" type="image/svg+xml">
    <link rel="preload" as="font" href="/assets/fonts/Verdana/verdana.woff2" type="font/woff2" crossorigin>
    
    <link rel="stylesheet" href="/assets/css/fontawesome/css/all.min.css" type="text/css">
    <link rel="stylesheet" href="/assets/css/site.css?1781642496" type="text/css">
    <link rel="stylesheet" href="/assets/css/captcha.css?1781642496" type="text/css">
    <link rel="stylesheet" href="/assets/css/owl.carousel.css">
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/assets/css/ui/tokens.css" type="text/css">
    <link rel="stylesheet" href="/assets/css/ui/core.css" type="text/css">
    <script defer src="/assets/js/bootstrap.bundle.min.js"></script>
    <script defer src="/assets/js/lazyLoader.min.js"></script>
    <script defer src="/assets/js/homepage-slider-arrows.js?1781642496"></script>
    
    <link rel="alternate" hreflang="en" href="https://zelluloza.com/en/">
            <link rel="alternate" hreflang="de" href="https://zelluloza.com/de/">
            <link rel="alternate" hreflang="fr" href="https://zelluloza.com/fr/">
            <link rel="alternate" hreflang="ru-RU" href="https://zelluloza.ru/">
            <link rel="alternate" hreflang="x-default" href="https://zelluloza.com/en/">
    <link rel="stylesheet" href="/assets/css/overrides/header-books-dropdown.css?1781519321" type="text/css"><link rel="stylesheet" href="/assets/css/overrides/ui-tokens.css?1781519321" type="text/css"><link rel="stylesheet" href="/assets/css/overrides/buttons-og.css?1781519321" type="text/css"><link rel="stylesheet" href="/assets/css/overrides/typography-scale.css?1781519321" type="text/css"><link rel="stylesheet" href="/assets/css/overrides/profile-spacing.css?1781519321" type="text/css"><link rel="stylesheet" href="/assets/css/overrides/report-finance-spacing.css?1781519321" type="text/css"><link rel="stylesheet" href="/assets/css/overrides/certificate-spacing.css?1781519321" type="text/css"><link rel="stylesheet" href="/assets/css/overrides/concurs-layout.css?1781519321" type="text/css"><link rel="stylesheet" href="/assets/css/overrides/pages-spacing-critical.css?1781519321" type="text/css"><link rel="stylesheet" href="/assets/css/overrides/longlists-and-audio.css?1781519321" type="text/css"><link rel="stylesheet" href="/assets/css/overrides/forms-focus.css?1781519321" type="text/css"><link rel="stylesheet" href="/assets/css/overrides/tables-readability.css?1781519321" type="text/css"><link rel="stylesheet" href="/assets/css/overrides/reader-typography.css?1781519321" type="text/css"><link rel="stylesheet" href="/assets/css/overrides/header-spacing.css?1781519321" type="text/css"><link rel="stylesheet" href="/assets/css/overrides/forum-layout.css?1781519321" type="text/css">
    <meta name="application-name" content="Целлюлоза.ру">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Целлюлоза.ру">
    <meta property="og:locale" content="en_US">
    <meta name="referrer" content="origin-when-crossorigin">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="Целлюлоза.ру">
    <meta name="twitter:domain" content="https://zelluloza.ru/">
    <meta name="content-language" content="en">    <title>Целлюлоза.ру</title>
    <script defer src="/assets/js/modal.js"></script>
    <script class='lazy-script' data-src="/assets/js/chart.js"></script>
    <script defer src="/assets/js/carousels.js"></script>
    
    
    
    
    <meta name="description" content=""><meta name="robots" content="noindex,nofollow">
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="Целлюлоза.ру">
    <meta property="og:title" content="Целлюлоза.ру">
    <meta property="og:image" content="https://zelluloza.ru/assets/img/og-image.png">
    <meta property="og:image:secure_url" content="https://zelluloza.ru/assets/img/og-image.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:image:alt" content="Целлюлоза.ру — книги онлайн и самиздат">
    <meta property="og:description" content="">
    <meta itemprop="name" content="Целлюлоза.ру">
    <meta itemprop="description" content="">
    <meta itemprop="image" content="https://zelluloza.ru/assets/img/og-image.png">
    <meta property="og:url" content="https://dev.zelluloza.ru/graphic/48243/13356702/">
    <meta name="twitter:image" content="https://zelluloza.ru/assets/img/og-image.png">
    <meta property="fb:app_id" content="237799046360468">
    <meta property="fb:admins" content="1123256909">    <link rel="canonical" href="https://dev.zelluloza.ru/graphic/48243/13356702/">
    

    <link rel="alternate" type="application/rss+xml" title="Обновленные книги на Целлюлозе" href="https://zelluloza.ru/feed/top_books/"><link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/fancybox/fancybox.css" integrity="sha384-h3pTfgyjRnhu4tR56E2o9gxYC9HRMtuZAf971b5BXIYklYrLuLtLcrMKObnmTs7k" crossorigin="anonymous"><script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@6.0/dist/fancybox/fancybox.umd.js" integrity="sha384-F8JdXMe0tW9QnVUJEj9fMi/1fn1vXYV2GMkMZNSy02zwkAcuyHa5Nd9VzpiCdOfm" crossorigin="anonymous"></script>
<style>
    .exitblock {
        display:none;
        position:fixed;
        left:0;
        top:0;
        width:100%;
        height:100%;
        z-index:100000;
    }
    .exitblock .fon {
        background: #000000;
        opacity:.8;
        position:fixed;
        width:100%;
        height:100%;
    }
    .exitblock .modaltext {
        box-sizing: border-box;
        padding:20px 40px;
        border: 2px solid #AEAEAE;
        background: #F6FCFF;
        border-radius: 1rem;
        position:fixed;
        margin: 80px auto;
        max-width:350px;
        width: 90%;
        box-shadow: 0 4px 10px 2px rgba(0,0,0,0.5);
        left: 50%;
        transform: translateX(-50%);
    }
    .closeblock {
        cursor:pointer;
        position: fixed;
        line-height:60px;
        font-size:45px;
        font-weight: 400;
        transform: rotate(45deg);
        text-align:center;
        top:20px;
        right:30px;
        color: #fff;
    }
    .closeblock:hover {
        color: #0a9ea4;
    }
</style><style>
/* Стили скроллбара для модалок - инлайн для гарантированного применения v2 */
.popup-enter__inner::-webkit-scrollbar,
#popup-register .popup-enter__inner::-webkit-scrollbar,
#popup-login .popup-enter__inner::-webkit-scrollbar {
    width: 8px !important;
    background: transparent !important;
}
.popup-enter__inner::-webkit-scrollbar-track,
#popup-register .popup-enter__inner::-webkit-scrollbar-track,
#popup-login .popup-enter__inner::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05) !important;
    margin: 8px 4px !important;
    border-radius: 10px !important;
}
.popup-enter__inner::-webkit-scrollbar-thumb,
#popup-register .popup-enter__inner::-webkit-scrollbar-thumb,
#popup-login .popup-enter__inner::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3) !important;
    border-radius: 10px !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    transition: all 0.3s ease !important;
    min-height: 40px !important;
}
.popup-enter__inner::-webkit-scrollbar-thumb:hover,
#popup-register .popup-enter__inner::-webkit-scrollbar-thumb:hover,
#popup-login .popup-enter__inner::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
}
#popup-login .error-message {
    color: #d32f2f;
    font-size: 13px;
    margin-top: 4px;
    line-height: 1.45;
}
#popup-login #popup-enter-password[aria-invalid="true"] {
    border-color: #d32f2f !important;
    box-shadow: 0 0 0 1px rgba(211, 47, 47, 0.25);
}
#popup-login .toggle-password {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    margin-left: 0 !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #8C9CAC !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer;
    transform: translateY(-50%) !important;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
#popup-login .toggle-password:hover,
#popup-login .toggle-password:focus-visible {
    background: rgba(15, 166, 171, 0.08) !important;
    color: #0FA6AB !important;
}
#popup-login .toggle-password:focus {
    outline: none !important;
}
#popup-login .toggle-password:focus-visible {
    box-shadow: 0 0 0 3px rgba(15, 166, 171, 0.18) !important;
}
#popup-login .toggle-password svg {
    display: block;
    pointer-events: none;
}
#popup-login .popup-enter__login-submit {
    font-weight: 600;
    box-shadow: 0 2px 8px rgba(15, 166, 171, 0.22);
}
#popup-login .popup-enter__register-link {
    align-self: center;
    width: auto;
    margin-top: 2px;
    padding: 6px 0;
    border: 0;
    background: transparent;
    color: #0FA6AB;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
}
#popup-login .popup-enter__register-link:hover,
#popup-login .popup-enter__register-link:focus-visible {
    color: #087f83;
    text-decoration: underline;
}
</style><style>
                        #popup-captcha::-webkit-outer-spin-button,
                        #popup-captcha::-webkit-inner-spin-button {
                            -webkit-appearance: none !important;
                            margin: 0 !important;
                        }
                    </style><link rel="stylesheet" href="/assets/css/graphic_reader.css">
<link rel="stylesheet" href="/assets/css/footer.css?v=1781485598">
</head>
<body itemscope itemtype="https://schema.org/WebPage" id="bodyobj" class="" style="font-family: Tahoma, Verdana, sans-serif; margin: 0; padding-left: 0; padding-right: 0; padding-bottom: 0;">

    <div itemprop="image" itemscope itemtype="https://schema.org/ImageObject">
    <link itemprop="url" href="https://zelluloza.ru/assets/img/og-image.png">
    <meta itemprop="width" content="1200">
    <meta itemprop="height" content="630">
    </div>
<div id="fb-root"></div>

<div class="exitblock">
    <div class="fon"></div>
    <div class="modaltext">
        <strong>Задержитесь!</strong>
        <p>У нас <a class="lnk" href="/top/freebooks/" title="Бесплатные книги">19146 бесплатных книг</a>, а также есть возможность оформить <a class="lnk" href="/abonement/" title="Книжный клуб">подписку всего от 279 рублей в месяц!</a></p>
    </div>
    <div class="closeblock">+</div>
</div><header class="header__main">
    <div id="user-context"
         data-user_id="0"
         data-session_auth="0"
         hidden></div>
    <div class="header__container">
        <div class="header__inner">
            <nav class="header__nav">
                <div class="header__menu">
                    <div class="header__logo">
                        <a title="Home" href="/" class="header__logo-link"><img loading='lazy' src="/assets/img/icons/svg/zelluloza-logo.svg" srcset="/assets/img/icons/svg/zelluloza-logo.svg" alt="Логотип Целлюлоза.ру"></a>
                    </div>
                    <ul class="header__items">
                                                <li class="header__list">
                            <a class="deployable header__link" title="Books" href="/catalog">
                                Books<i class="fa fa-chevron-down"></i>
                            </a>
                            <ul class="header__drop-down header__drop-down_books">
                                <li class="header__drop-down-columns">
                                    <div class="header__drop-down-col">
                                        <strong class="header__drop-down-title">Catalog</strong>
                                        <a href="/catalog" class="header__drop-down-link header__drop-down-link_key" title="All Books"><i class="fa w fa-asterisk" aria-hidden="true"></i>All Books</a>
                                        <a href="/top/genres" class="header__drop-down-link header__drop-down-link_key" title="Genres"><i class="fa w fa-th" aria-hidden="true"></i>Genres</a>
                                        <a href="/search" class="header__drop-down-link header__drop-down-link_key" title="Search Books"><i class="fa w fa-search" aria-hidden="true"></i>Search Books</a>
                                        <a href="/smart-search" class="header__drop-down-link header__drop-down-link_key" title="Smart Search"><i class="fa w fa-search-plus" aria-hidden="true"></i>Smart Search</a>
                                        <a href="/catalog/finished" class="header__drop-down-link" title="Completed Books"><img loading='lazy' src="/assets/img/icons/svg/complete.svg" alt="" style="margin-right:10px" width="18" height="18">Completed Books</a>
                                        <a href="/catalog/free" class="header__drop-down-link" title="Free Books"><i class='fa w fa-smile-o' aria-hidden='true'></i>Free Books</a>
                                        <a href="/top/authors" class="header__drop-down-link" title="Top Authors"><i class="fa fa-users" aria-hidden="true"></i>Top Authors</a>
                                        <a href="/contest" class="header__drop-down-link header__drop-down-link_key" title="Join a Contest"><i class="fa w fa-trophy" aria-hidden="true"></i>Join a Contest</a>
                                    </div>
                                    <div class="header__drop-down-col">
                                        <strong class="header__drop-down-title">Showcases</strong>
                                        <a href="/books/newbooks" class="header__drop-down-link header__drop-down-link_key" title="New Books"><i class="fa fa-book" aria-hidden="true"></i>New Books</a>
                                        <a href="/catalog/sort/bestsellers" class="header__drop-down-link header__drop-down-link_key" title="Bestsellers"><i class="fa w fa-trophy" aria-hidden="true"></i>Bestsellers</a>
                                        <a href="/catalog/sort/most_read" class="header__drop-down-link" title="Popular Books"><i class="fa fa-fire" aria-hidden="true"></i>Popular Books</a>
                                        <a href="/top/latest" class="header__drop-down-link" title="New Chapters"><i class="fa fa-fire" aria-hidden="true"></i>New Chapters</a>
                                        <a href="/top/audiobooks" class="header__drop-down-link" title="Audiobooks"><i class="fa fa-headphones" aria-hidden="true"></i>Audiobooks</a>
                                    </div>
                                    <div class="header__drop-down-col">
                                        <strong class="header__drop-down-title">Special Projects</strong>
                                                                                <a href="/contest" class="header__drop-down-link" title="Contests"><i class="fa w fa-trophy" aria-hidden="true"></i>Contests</a>
                                                                                <a href="/catalog/genre/429" class="header__drop-down-link" title="Book of the Day Choice"><i class="fa w fa-university" aria-hidden="true"></i>Book of the Day Choice</a>
                                        <a href="/raise" class="header__drop-down-link" title="Crowdfunding"><i class="fa fa-bullhorn" aria-hidden="true"></i>Crowdfunding</a>
                                                                                                                        <a href="/blogs" class="header__drop-down-link header__drop-down-link_key" title="Literary journal"><i class="fa fa-newspaper-o" aria-hidden="true"></i>Literary journal</a>
                                        <a href="/blogs/popular" class="header__drop-down-link" title="Blogs"><i class="fa w fa-bullhorn" aria-hidden="true"></i>Blogs</a>
                                                                            </div>
                                    <div class="header__drop-down-col">
                                        <strong class="header__drop-down-title">By Formats</strong>
                                        <a href="/catalog/form/4" class="header__drop-down-link" title="Poetry"><i class="fa fa-pencil" aria-hidden="true"></i>Poetry</a>
                                        <a href="/catalog/form/5" class="header__drop-down-link" title="Comics"><i class="fa w fa-image" aria-hidden="true"></i>Comics</a>
                                        <a href="/catalog/form/7" class="header__drop-down-link" title="Rumanga"><i class="fa w fa-book" aria-hidden="true"></i>Rumanga</a>
                                        <a href="/catalog/form/6" class="header__drop-down-link" title="Manga"><i class="fa w fa-book" aria-hidden="true"></i>Manga</a>
                                        <a href="/catalog/form/8" class="header__drop-down-link" title="Visual Novels"><i class="fa w fa-gamepad" aria-hidden="true"></i>Visual Novels</a>
                                        <a href="/catalog/form/9" class="header__drop-down-link" title="Graphic Novels"><i class="fa w fa-picture-o" aria-hidden="true"></i>Graphic Novels</a>
                                        <strong class="header__drop-down-title header__drop-down-title_nested">Collections</strong>
                                        <a href="/books/list" class="header__drop-down-link" title="Book Collections"><i class="fa w fa-table" aria-hidden="true"></i>Book Collections</a>
                                        <a href="/catalog/genre/478" class="header__drop-down-link" title="Writers Recommend"><i class="fa fa-hand-pointer" aria-hidden="true"></i>Writers Recommend</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li class="header__list">
                            <a href="/books" class="deployable header__link">My Library                                <span></span><i class="fa fa-chevron-down"></i></a>
                            <ul class="header__drop-down header__drop-down_library">
                                <li class="header__drop-down-list"><span class="header__drop-down-title header__drop-down-title_section">Active Reading</span></li>
                                <li class="header__drop-down-list"><a href="/books/bookmarks" class="header__drop-down-link" title="Continue reading"><i class="fa fa-bookmark" aria-hidden="true"></i>Continue reading </a></li>
                                <li class="header__drop-down-list"><a href="/books/newchapters" class="header__drop-down-link" title="New Chapters by Subscription"><i class="fa fa-star" aria-hidden="true"></i>New Chapters by Subscription</a></li>
                                <li class="header__drop-down-list"><a href="/books/bookmarks" class="header__drop-down-link" title="Bookmarks"><i class="fa w fa-bookmark" aria-hidden="true"></i>Bookmarks</a></li>
                                <li class="header__drop-down-list"><span class="header__drop-down-title header__drop-down-title_section">Collections</span></li>
                                <li class="header__drop-down-list"><a href="/books/favorites" class="header__drop-down-link" title="Subscriptions"><i class="fa w fa-heart" aria-hidden="true"></i>Subscriptions </a></li>
                                <li class="header__drop-down-list"><a href="/books/list" class="header__drop-down-link" title="Book Collections"><i class="fa w fa-table" aria-hidden="true"></i>Book Collections</a></li>
                                <li class="header__drop-down-list"><a href="/books/target" class="header__drop-down-link header__drop-down-link_plan" title="Reading Plan"><i class="fa fa-calendar-plus-o" aria-hidden="true"></i>Reading Plan</a></li>
                                <li class="header__drop-down-list"><span class="header__drop-down-title header__drop-down-title_section">Access</span></li>
                                <li class="header__drop-down-list"><a href="/books/owned" class="header__drop-down-link" title="Purchased Books"><i class="fa w fa-book" aria-hidden="true"></i>Purchased Books </a></li>
                                <li class="header__drop-down-list"><a href="/abonement" class="header__drop-down-link" title="Subscriptions"><i class="fa fa-star" aria-hidden="true"></i>Subscriptions</a></li>
                                <li class="header__drop-down-list"><a href="/my/limited" class="header__drop-down-link header__drop-down-link_secondary" title="Limited Access"><i class="fa fa-lock" aria-hidden="true"></i>Limited Access</a></li>
                                <li class="header__drop-down-list"><a href="/books/blacklist" class="header__drop-down-link header__drop-down-link_secondary" title="Blacklist"><i class="fa fa-ban" aria-hidden="true"></i>Blacklist</a></li>
                            </ul>
                        </li>
                        <li class="header__list">
                            <button type="button" class="deployable header__link header__link-button" aria-expanded="false" aria-haspopup="true">
                                Community                                <span id="forumfresh1"></span>
                                <i class="fa fa-chevron-down"></i>
                            </button>
                            <ul class="header__drop-down">
                                                                                                <li class="header__drop-down-list">
                                    <a href="/blogs" class="header__drop-down-link header__drop-down-link_key" title="Literary journal">
                                        <i class="fa fa-newspaper-o" aria-hidden="true"></i>Literary journal                                    </a>
                                </li>
                                <li class="header__drop-down-list">
                                    <a href="/blogs/popular" class="header__drop-down-link" title="Blogs">
                                        <i class="fa w fa-bullhorn" aria-hidden="true"></i>Blogs                                    </a>
                                </li>
                                                                                                <li class="header__drop-down-list">
                                    <a href="/top/comments" class="header__drop-down-link" title="Reviews">
                                        <i class="fa fa-book-open" aria-hidden="true"></i>Reviews                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="header__list">
                            <a href="/about" class="deployable header__link">
                                Info                                <i class="fa fa-chevron-down"></i>
                            </a>
                            <ul style="width: 345px" class="header__drop-down">
                                <li class="header__drop-down-list">
                                    <a href="/faq" class="header__drop-down-link" title="FAQ"><i class="fa fa-question-circle" aria-hidden="true"></i>FAQ</a>
                                </li>
                                <li class="header__drop-down-list">
                                    <a href="/legal/oferta" class="header__drop-down-link" title="Agency Agreement"><i class="fa fa-file-text-o" aria-hidden="true"></i>Agency Agreement</a>
                                </li>
                                <li class="header__drop-down-list">
                                    <a href="/legal/terms" class="header__drop-down-link" title="User Rules"><i class="fa fa-list-alt" aria-hidden="true"></i>User Rules</a>
                                </li>
                                <li class="header__drop-down-list">
                                    <a href="/legal/rules" class="header__drop-down-link" title="User Agreement"><i class="fa fa-handshake-o" aria-hidden="true"></i>User Agreement</a>
                                </li>
                                <li class="header__drop-down-list">
                                    <a href="/about/howtopay" class="header__drop-down-link" title="Payment Methods"><i class="fa fa-credit-card" aria-hidden="true"></i>Payment Methods</a>
                                </li>
                                <li class="header__drop-down-list">
                                    <a href="/about" class="header__drop-down-link" title="About Zelluloza"><i class="fa fa-info-circle" aria-hidden="true"></i>About Zelluloza</a>
                                </li>
                                <li class="header__drop-down-list">
                                    <a href="/litagent" class="header__drop-down-link" title="Partner Program"><i class="fa fa-handshake-o" aria-hidden="true"></i>Partner Program</a>
                                </li>
                                <li class="header__drop-down-list"><a href="/graphic/48243/13356702/?lang=ru" class="header__drop-down-link" data-lang="ru"><img src="/assets/img/icons/svg/flag-ru.svg" alt="RU" style="width: 18px; height: 14px; margin-right: 8px; border-radius: 2px;">Русский</a></li><li class="header__drop-down-list"><a href="/graphic/48243/13356702/?lang=en" class="header__drop-down-link is-active" data-lang="en"><img src="/assets/img/icons/svg/flag-en.svg" alt="EN" style="width: 18px; height: 14px; margin-right: 8px; border-radius: 2px;">English</a></li>                            </ul>
                        </li>
                        <li class="header__list">
                                                        <button type="button" class="deployable header__link header__link-button" title="For Authors" aria-expanded="false" aria-haspopup="true">
                                For Authors                                <i class="fa fa-chevron-down"></i>
                            </button>
                                                                                            <ul style="width: 300px" id="authors_nav_funnel" class="header__drop-down header__drop-down_authors">
                                        <li class="header__drop-down-columns">
                                            <div class="header__drop-down-col">
                                                <a href="/start" class="header__drop-down-link header__drop-down-link_key" title="Become a Writer"><i class="fa w fa-star" aria-hidden="true"></i>Become a Writer</a>
                                                <a href="/advantages" class="header__drop-down-link" title="Benefits for authors and readers"><i class="fa w fa-thumbs-up" aria-hidden="true"></i>Benefits for authors and readers</a>
                                                <a href="/uslugiizdatelstva" class="header__drop-down-link" title="Services"><i class="fa w fa-briefcase" aria-hidden="true"></i>Services</a>
                                                <a href="/kurspisatelskogomasterstva" class="header__drop-down-link" title="Online course for writers"><i class="fa w fa-graduation-cap" aria-hidden="true"></i>Online course for writers</a>
                                                <a href="/napechatatknigu" class="header__drop-down-link" title="Print on paper"><i class="fa w fa-print" aria-hidden="true"></i>Print on paper</a>
                                                <a href="/protection" class="header__drop-down-link" title="Author rights protection"><i class="fa w fa-shield" aria-hidden="true"></i>Author rights protection</a>
                                            </div>
                                        </li>
                                    </ul>
                                                        </li>
                                            </ul>

                    <div class="header__buttons">
                                                    <!--<a href="/catalog/free" class="header__start-reading button button_color">
                                Start reading free                            </a>-->
                            <div class="header__account header__list">
                                <button type="button" class="header__account-button button button_clear deployable"
                                        aria-expanded="false" aria-haspopup="true">
                                    Account                                    <i class="fa fa-chevron-down" aria-hidden="true"></i>
                                </button>
                                <ul class="header__drop-down header__drop-down_account">
                                    <li class="header__drop-down-list">
                                        <button type="button" class="header__drop-down-link header__auth-action"
                                                data-onclick="closePopupEnter(); openPopupEnter('popup-login');"
                                                onclick="try{ if (typeof closePopupEnter==='function') closePopupEnter(); if (typeof openPopupEnter==='function') { openPopupEnter('popup-login'); } else { window.location.href="/login"; } }catch(e){ window.location.href="/login"; }">
                                            <i class="fa w fa-sign-in" aria-hidden="true"></i>Login                                        </button>
                                    </li>
                                    <li class="header__drop-down-list">
                                        <button type="button" class="header__drop-down-link header__auth-action"
                                                data-onclick="closePopupEnter(); openPopupEnter('popup-register');"
                                                onclick="try{ if (typeof closePopupEnter==='function') closePopupEnter(); if (typeof openPopupEnter==='function') { openPopupEnter('popup-register'); } else { window.location.href="/register"; } }catch(e){ window.location.href="/register"; }">
                                            <i class="fa w fa-user-plus" aria-hidden="true"></i>Register                                        </button>
                                    </li>
                                </ul>
                            </div>
                                                                        <div class="header__find">
                            <form class="header__find-search" action="/search" method="get" role="search">
                                <label for="header-search-input" class="visually-hidden">Search for author, book</label>
                                <div class="header-search-wrapper">
                                    <input id="header-search-input" type="search" name="searchstring" placeholder="Search for author, book" maxlength="200" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" enterkeyhint="search" class="header__search-input" aria-autocomplete="list" aria-controls="header-search-suggestions" aria-expanded="false" data-autocomplete-target="books_authors">
                                    <div id="header-search-suggestions" class="header-search-suggestions" role="listbox" aria-label="Search for author, book" aria-hidden="true"></div>
                                </div>
                                <button type="submit" class="header__find-submit" aria-label="Search for author, book">
                                    <svg class="header__find-img" width="18" height="18" viewBox="0 0 18 18" fill="currentColor"
                                         xmlns="http://www.w3.org/2000/svg">
                                        <path
                                                d="M17.7444 16.2478L14.2934 12.7968C15.9435 10.6354 16.3768 7.78174 15.4427 5.22797C14.5086 2.67433 12.3361 0.773929 9.68102 0.187548C7.02592 -0.398839 4.25493 0.409874 2.33245 2.3326C0.409961 4.25532 -0.398983 7.02626 0.187398 9.68117C0.773785 12.3363 2.67418 14.5087 5.22782 15.4429C7.78147 16.377 10.6352 15.9437 12.7967 14.2936L16.2477 17.7446C16.5209 17.9788 16.8942 18.0584 17.2394 17.9565C17.5845 17.8543 17.8544 17.5844 17.9566 17.2393C18.0585 16.8942 17.9788 16.5209 17.7447 16.2476L17.7444 16.2478ZM7.96999 13.8108C6.4211 13.8108 4.93567 13.1955 3.84039 12.1002C2.74511 11.005 2.12985 9.51959 2.12985 7.97063C2.12985 6.42167 2.74517 4.9363 3.84039 3.84102C4.93567 2.74574 6.42103 2.13048 7.96999 2.13048C9.51895 2.13048 11.0043 2.74581 12.0996 3.84102C13.1949 4.9363 13.8101 6.42167 13.8101 7.97063C13.8101 9.51959 13.1948 11.005 12.0996 12.1002C11.0043 13.1955 9.51895 13.8108 7.96999 13.8108Z"/>
                                    </svg>
                                </button>
                            </form>
                            <a class="header__find-link" href="/search" title="Search for author, book">
                                <svg class="header__find-img" width="18" height="18" viewBox="0 0 18 18" fill="currentColor"
                                     xmlns="http://www.w3.org/2000/svg">
                                    <path
                                            d="M17.7444 16.2478L14.2934 12.7968C15.9435 10.6354 16.3768 7.78174 15.4427 5.22797C14.5086 2.67433 12.3361 0.773929 9.68102 0.187548C7.02592 -0.398839 4.25493 0.409874 2.33245 2.3326C0.409961 4.25532 -0.398983 7.02626 0.187398 9.68117C0.773785 12.3363 2.67418 14.5087 5.22782 15.4429C7.78147 16.377 10.6352 15.9437 12.7967 14.2936L16.2477 17.7446C16.5209 17.9788 16.8942 18.0584 17.2394 17.9565C17.5845 17.8543 17.8544 17.5844 17.9566 17.2393C18.0585 16.8942 17.9788 16.5209 17.7447 16.2476L17.7444 16.2478ZM7.96999 13.8108C6.4211 13.8108 4.93567 13.1955 3.84039 12.1002C2.74511 11.005 2.12985 9.51959 2.12985 7.97063C2.12985 6.42167 2.74517 4.9363 3.84039 3.84102C4.93567 2.74574 6.42103 2.13048 7.96999 2.13048C9.51895 2.13048 11.0043 2.74581 12.0996 3.84102C13.1949 4.9363 13.8101 6.42167 13.8101 7.97063C13.8101 9.51959 13.1948 11.005 12.0996 12.1002C11.0043 13.1955 9.51895 13.8108 7.96999 13.8108Z"/>
                                </svg>
                            </a>
                        </div>
                        <div class="header__mobile">
                <div class="deployable header__link header__mobile-menu">
        <span class="header__mobile-burger"></span>
        <span class="header__mobile-burger"></span>
        <span class="header__mobile-burger"></span>
    </div>
    <ul class="header__mobile-items mobile-menu">
        <!-- Ваш профиль первым, затем Книги, Моя библиотека, Сообщество, Инфо, Авторам, Язык, Баланс -->
                <li class="header__mobile-list">
            <a href="/catalog" class="deployable header__mobile-link"><i class="fa fa-book" aria-hidden="true"></i>Books</a>
            <ul class="header__mobile-drop-down">
                <li class="header__mobile-drop-down-list"><span class="header__mobile-drop-down-title" style="font-weight:600;color:inherit;display:block;margin:12px 0 6px;font-size:13px">Catalog</span></li>
                <li class="header__mobile-drop-down-list"><a href="/catalog" class="header__mobile-drop-down-link"><i class="fa fa-asterisk" aria-hidden="true"></i>All Books</a></li>
                <li class="header__mobile-drop-down-list"><a href="/top/genres" class="header__mobile-drop-down-link"><i class="fa fa-th" aria-hidden="true"></i>Genres</a></li>
                <li class="header__mobile-drop-down-list"><a href="/search" class="header__mobile-drop-down-link"><i class="fa fa-search" aria-hidden="true"></i>Search Books</a></li>
                <li class="header__mobile-drop-down-list"><a href="/smart-search" class="header__mobile-drop-down-link"><i class="fa fa-search-plus" aria-hidden="true"></i>Smart Search</a></li>
                <li class="header__mobile-drop-down-list"><a href="/blogs" class="header__mobile-drop-down-link"><i class="fa fa-newspaper-o" aria-hidden="true"></i>Blogs</a></li>
                <li class="header__mobile-drop-down-list"><a href="/catalog/finished" class="header__mobile-drop-down-link"><img loading="lazy" src="/assets/img/icons/svg/complete.svg" alt="" class="header__mobile-drop-down-icon" width="18" height="18">Completed Books</a></li>
                <li class="header__mobile-drop-down-list"><a href="/catalog/free" class="header__mobile-drop-down-link"><i class="fa fa-smile-o" aria-hidden="true"></i>Free Books</a></li>
                <li class="header__mobile-drop-down-list"><a href="/top/authors" class="header__mobile-drop-down-link"><i class="fa fa-users" aria-hidden="true"></i>Top Authors</a></li>
                <li class="header__mobile-drop-down-list"><a href="/contest" class="header__mobile-drop-down-link"><i class="fa w fa-trophy" aria-hidden="true"></i>Join a Contest</a></li>

                <li class="header__mobile-drop-down-list"><span class="header__mobile-drop-down-title" style="font-weight:600;color:inherit;display:block;margin:12px 0 6px;font-size:13px">Showcases</span></li>
                <li class="header__mobile-drop-down-list"><a href="/books/newbooks" class="header__mobile-drop-down-link" title="New Books"><i class="fa fa-book" aria-hidden="true"></i>New Books</a></li>
                <li class="header__mobile-drop-down-list"><a href="/catalog/sort/bestsellers" class="header__mobile-drop-down-link"><i class="fa fa-trophy" aria-hidden="true"></i>Bestsellers</a></li>
                <li class="header__mobile-drop-down-list"><a href="/catalog/sort/most_read" class="header__mobile-drop-down-link"><i class="fa fa-fire" aria-hidden="true"></i>Popular Books</a></li>
                <li class="header__mobile-drop-down-list"><a href="/top/latest" class="header__mobile-drop-down-link" title="New Chapters"><i class="fa fa-fire" aria-hidden="true"></i>New Chapters</a></li>
                <li class="header__mobile-drop-down-list"><a href="/top/audiobooks" class="header__mobile-drop-down-link" title="Audiobooks"><i class="fa fa-headphones" aria-hidden="true"></i>Audiobooks</a></li>
                                <li class="header__mobile-drop-down-list"><span class="header__mobile-drop-down-title" style="font-weight:600;color:inherit;display:block;margin:12px 0 6px;font-size:13px">Special Projects</span></li>
                <li class="header__mobile-drop-down-list"><a href="/contest" class="header__mobile-drop-down-link" title="Contests"><i class="fa w fa-trophy" aria-hidden="true"></i>Contests</a></li>
                                <li class="header__mobile-drop-down-list"><a href="/catalog/genre/429" class="header__mobile-drop-down-link"><i class="fa w fa-university" aria-hidden="true"></i>Book of the Day Choice</a></li>
                <li class="header__mobile-drop-down-list"><a href="/raise" class="header__mobile-drop-down-link"><i class="fa fa-bullhorn" aria-hidden="true"></i>Crowdfunding</a></li>
                                <li class="header__mobile-drop-down-list"><a href="/blogs" class="header__mobile-drop-down-link"><i class="fa fa-newspaper-o" aria-hidden="true"></i>Literary journal</a></li>
                <li class="header__mobile-drop-down-list"><a href="/blogs/popular" class="header__mobile-drop-down-link"><i class="fa w fa-bullhorn" aria-hidden="true"></i>Blogs</a></li>
                
                <li class="header__mobile-drop-down-list"><span class="header__mobile-drop-down-title" style="font-weight:600;color:inherit;display:block;margin:12px 0 6px;font-size:13px">By Formats</span></li>
                <li class="header__mobile-drop-down-list"><a href="/catalog/form/4" class="header__mobile-drop-down-link"><i class="fa fa-pencil" aria-hidden="true"></i>Poetry</a></li>
                <li class="header__mobile-drop-down-list"><a href="/catalog/form/5" class="header__mobile-drop-down-link"><i class="fa fa-image" aria-hidden="true"></i>Comics</a></li>
                <li class="header__mobile-drop-down-list"><a href="/catalog/form/7" class="header__mobile-drop-down-link"><i class="fa fa-book" aria-hidden="true"></i>Rumanga</a></li>
                <li class="header__mobile-drop-down-list"><a href="/catalog/form/6" class="header__mobile-drop-down-link"><i class="fa fa-book" aria-hidden="true"></i>Manga</a></li>
                <li class="header__mobile-drop-down-list"><a href="/catalog/form/8" class="header__mobile-drop-down-link"><i class="fa fa-gamepad" aria-hidden="true"></i>Visual Novels</a></li>
                <li class="header__mobile-drop-down-list"><a href="/catalog/form/9" class="header__mobile-drop-down-link"><i class="fa fa-picture-o" aria-hidden="true"></i>Graphic Novels</a></li>
                <li class="header__mobile-drop-down-list"><span class="header__mobile-drop-down-title" style="font-weight:600;color:inherit;display:block;margin:12px 0 6px;font-size:13px">Collections</span></li>
                <li class="header__mobile-drop-down-list"><a href="/books/list" class="header__mobile-drop-down-link"><i class="fa w fa-table" aria-hidden="true"></i>Book Collections</a></li>
                <li class="header__mobile-drop-down-list"><a href="/catalog/genre/478" class="header__mobile-drop-down-link"><i class="fa fa-hand-pointer" aria-hidden="true"></i>Writers Recommend</a></li>
            </ul>
        </li>
        <li class="header__mobile-list">
            <a href="/books" class="deployable header__mobile-link"><i class="fa fa-bookmark" aria-hidden="true"></i>My Library</a>
            <ul class="header__mobile-drop-down header__mobile-drop-down_library">
                <li class="header__mobile-drop-down-list"><span class="header__mobile-drop-down-title">Active Reading</span></li>
                <li class="header__mobile-drop-down-list"><a href="/books/bookmarks" class="header__mobile-drop-down-link" title="Continue reading"><i class="fa fa-bookmark" aria-hidden="true"></i>Continue reading </a></li>
                <li class="header__mobile-drop-down-list"><a href="/books/newchapters" class="header__mobile-drop-down-link" title="New Chapters by Subscription"><i class="fa fa-star" aria-hidden="true"></i>New Chapters by Subscription</a></li>
                <li class="header__mobile-drop-down-list"><a href="/books/bookmarks" class="header__mobile-drop-down-link"><i class="fa w fa-bookmark" aria-hidden="true"></i>Bookmarks</a></li>
                <li class="header__mobile-drop-down-list"><span class="header__mobile-drop-down-title">Collections</span></li>
                <li class="header__mobile-drop-down-list"><a href="/books/favorites" class="header__mobile-drop-down-link"><i class="fa w fa-heart" aria-hidden="true"></i>Subscriptions </a></li>
                <li class="header__mobile-drop-down-list"><a href="/books/list" class="header__mobile-drop-down-link"><i class="fa w fa-table" aria-hidden="true"></i>Book Collections</a></li>
                <li class="header__mobile-drop-down-list"><a href="/books/target" class="header__mobile-drop-down-link"><i class="fa fa-calendar-plus-o" aria-hidden="true"></i>Reading Plan</a></li>
                <li class="header__mobile-drop-down-list"><span class="header__mobile-drop-down-title">Access</span></li>
                <li class="header__mobile-drop-down-list"><a href="/books/owned" class="header__mobile-drop-down-link"><i class="fa w fa-book" aria-hidden="true"></i>Purchased Books </a></li>
                <li class="header__mobile-drop-down-list"><a href="/abonement" class="header__mobile-drop-down-link"><i class="fa fa-star" aria-hidden="true"></i>Subscriptions</a></li>
                <li class="header__mobile-drop-down-list"><a href="/my/limited" class="header__mobile-drop-down-link header__mobile-drop-down-link_secondary"><i class="fa fa-lock" aria-hidden="true"></i>Limited Access</a></li>
                <li class="header__mobile-drop-down-list"><a href="/books/blacklist" class="header__mobile-drop-down-link header__mobile-drop-down-link_secondary"><i class="fa fa-ban" aria-hidden="true"></i>Blacklist</a></li>
            </ul>
        </li>
        <li class="header__mobile-list">
            <button type="button" class="deployable header__mobile-link header__mobile-link-button" aria-expanded="false" aria-haspopup="true">
                <i class="fa fa-comments" aria-hidden="true"></i>Community<span id="forumfresh2"></span>
            </button>
            <ul class="header__mobile-drop-down">
                <li class="header__mobile-drop-down-list"><a href="/mail" class="header__mobile-drop-down-link"><i class="fa w fa-envelope" aria-hidden="true"></i>Messages </a></li>
                                <li class="header__mobile-drop-down-list"><a href="/blogs" class="header__mobile-drop-down-link"><i class="fa fa-newspaper-o" aria-hidden="true"></i>Literary journal</a></li>
                <li class="header__mobile-drop-down-list"><a href="/blogs/popular" class="header__mobile-drop-down-link"><i class="fa w fa-bullhorn" aria-hidden="true"></i>Blogs</a></li>
                                                <li class="header__mobile-drop-down-list"><a href="/top/comments" class="header__mobile-drop-down-link"><i class="fa fa-book-open" aria-hidden="true"></i>Reviews </a></li>
            </ul>
        </li>
        <li class="header__mobile-list">
            <a href="/about" class="deployable header__mobile-link"><i class="fa fa-info-circle" aria-hidden="true"></i>Info</a>
            <ul class="header__mobile-drop-down">
                <li class="header__mobile-drop-down-list"><a href="/faq" class="header__mobile-drop-down-link"><i class="fa fa-question-circle" aria-hidden="true"></i>FAQ</a></li>
                <li class="header__mobile-drop-down-list"><a href="/legal/oferta" class="header__mobile-drop-down-link"><i class="fa fa-file-text-o" aria-hidden="true"></i>Agency Agreement</a></li>
                <li class="header__mobile-drop-down-list"><a href="/legal/terms" class="header__mobile-drop-down-link"><i class="fa fa-list-alt" aria-hidden="true"></i>User Rules</a></li>
                <li class="header__mobile-drop-down-list"><a href="/legal/rules" class="header__mobile-drop-down-link"><i class="fa fa-handshake-o" aria-hidden="true"></i>User Agreement</a></li>
                <li class="header__mobile-drop-down-list"><a href="/about/howtopay" class="header__mobile-drop-down-link"><i class="fa fa-credit-card" aria-hidden="true"></i>Payment Methods</a></li>
                <li class="header__mobile-drop-down-list"><a href="/about" class="header__mobile-drop-down-link"><i class="fa fa-info-circle" aria-hidden="true"></i>About Zelluloza</a></li>
                <li class="header__mobile-drop-down-list"><a href="/litagent" class="header__mobile-drop-down-link"><i class="fa fa-handshake-o" aria-hidden="true"></i>Partner Program</a></li>
            </ul>
        </li>
        <li class="header__mobile-list">
                        <a href="/start" class="deployable header__mobile-link"><i class="fa fa-pencil" aria-hidden="true"></i>For Authors</a>
            <ul class="header__mobile-drop-down">
                <li class="header__mobile-drop-down-list"><a href="/start" class="header__mobile-drop-down-link"><i class="fa w fa-star" aria-hidden="true"></i>Become a Writer</a></li>
                <li class="header__mobile-drop-down-list"><a href="/advantages" class="header__mobile-drop-down-link"><i class="fa w fa-thumbs-up" aria-hidden="true"></i>Benefits for authors and readers</a></li>
                <li class="header__mobile-drop-down-list"><a href="/uslugiizdatelstva" class="header__mobile-drop-down-link"><i class="fa w fa-briefcase" aria-hidden="true"></i>Services</a></li>
                <li class="header__mobile-drop-down-list"><a href="/kurspisatelskogomasterstva" class="header__mobile-drop-down-link"><i class="fa w fa-graduation-cap" aria-hidden="true"></i>Online course for writers</a></li>
                <li class="header__mobile-drop-down-list"><a href="/napechatatknigu" class="header__mobile-drop-down-link"><i class="fa w fa-print" aria-hidden="true"></i>Print on paper</a></li>
                <li class="header__mobile-drop-down-list"><a href="/protection" class="header__mobile-drop-down-link"><i class="fa w fa-shield" aria-hidden="true"></i>Author rights protection</a></li>
            </ul>
                    </li>
                            <li class="header__mobile-list">
                <button type="button" class="deployable header__mobile-link header__mobile-link-button" aria-expanded="false" aria-haspopup="true">
                    <i class="fa fa-globe" aria-hidden="true"></i>
                    English                </button>
                <ul class="header__mobile-drop-down">
                    <li class="header__mobile-drop-down-list"><a href="/graphic/48243/13356702/?lang=ru" class="header__mobile-drop-down-link" data-lang="ru"><img src="/assets/img/icons/svg/flag-ru.svg" alt="RU" style="width: 18px; height: 14px; margin-right: 8px; border-radius: 2px;">Русский</a></li><li class="header__mobile-drop-down-list"><a href="/graphic/48243/13356702/?lang=en" class="header__mobile-drop-down-link is-active" data-lang="en"><img src="/assets/img/icons/svg/flag-en.svg" alt="EN" style="width: 18px; height: 14px; margin-right: 8px; border-radius: 2px;">English</a></li>                </ul>
            </li>
                    </ul>
</div>
                    </div>
                </div>
            </nav>
        </div>
        <!-- Панель горячих ссылок (П.20: Книжный клуб, Опубликовать, Бесплатные книги, Эксклюзивы) -->
        <nav class="header__hotlinks-row" aria-label="Quick links">
            <div class="header__hotlinks-inner">
                <a href="/abonement" class="header__hotlink" title="Book club - subscription">Book Club</a>
                <a href="/start/" class="header__hotlink" title="Publish — become an author">Publish</a>
                <a href="/catalog/free" class="header__hotlink" title="Free Books">Free Books</a>
                <a href="/catalog/exclusive" class="header__hotlink" title="Exclusives">Exclusives</a>
            </div>
        </nav>
        <!-- Мобильный dropdown «Выберите категорию» — расширяющийся блок (как на ЛитНет), скрыт на десктопе -->
        <div class="homepage-mobile-category-dropdown" id="homepage-mobile-category">
            <button type="button" class="homepage-mobile-category-toggle" aria-expanded="false" aria-controls="homepage-mobile-category-panel" aria-label="Choose category">
                <span class="homepage-mobile-category-toggle-text">Choose category</span>
                <span class="homepage-mobile-category-chevron" aria-hidden="true"></span>
            </button>
            <div class="homepage-mobile-category-panel" id="homepage-mobile-category-panel" role="list">
                <a href="/catalog/sort/most_read" class="homepage-mobile-category-link" role="listitem">Most Popular</a>
                <a href="/catalog/sort/latest" class="homepage-mobile-category-link" role="listitem">New chapters</a>
                <a href="/catalog/genre/1" class="homepage-mobile-category-link" role="listitem">Science Fiction</a>
                <a href="/catalog/genre/2" class="homepage-mobile-category-link" role="listitem">Fantasy</a>
                <a href="/catalog/genre/62" class="homepage-mobile-category-link" role="listitem">LitRPG</a>
                <a href="/catalog/genre/433" class="homepage-mobile-category-link" role="listitem">Boyar Anime</a>
                <a href="/catalog/genre/501" class="homepage-mobile-category-link" role="listitem">Romfant</a>
                <a href="/catalog/genre/46" class="homepage-mobile-category-link" role="listitem">Romance</a>
                <a href="/catalog/genre/71" class="homepage-mobile-category-link" role="listitem">Time Travelers</a>
                <a href="/catalog/genre/4" class="homepage-mobile-category-link" role="listitem">Detective</a>
            </div>
        </div>
        <script>
        (function(){
            var dd=document.getElementById('homepage-mobile-category');
            if(!dd)return;
            var btn=dd.querySelector('.homepage-mobile-category-toggle');
            var panel=dd.querySelector('.homepage-mobile-category-panel');
            if(!btn||!panel)return;
            function toggle(){ dd.classList.toggle('is-open'); btn.setAttribute('aria-expanded',dd.classList.contains('is-open')); }
            function close(){ dd.classList.remove('is-open'); btn.setAttribute('aria-expanded','false'); }
            btn.addEventListener('click',function(e){e.preventDefault();toggle();});
            panel.querySelectorAll('a').forEach(function(a){ a.addEventListener('click',function(){close();}); });
            document.addEventListener('click',function(e){ if(!dd.contains(e.target))close(); });
        })();
        </script>
    </div>
</header>
<script>window.__homepageSearchSuggestI18n=window.__homepageSearchSuggestI18n||{"types":{"book":"Book","author":"Author","genre":"Genre","annotation":"Annotation"},"loading":"Searching…"};</script>
<script defer src="/assets/js/homepage-search-suggest.js?v=1781642496"></script>
<script defer src="/assets/js/theme-toggle.js?v=1781642496"></script>
<script>
// КРИТИЧНО: Обновление счетчика корзины в хедере на всех страницах
(function() {
    // Обновляем счетчик корзины при загрузке страницы
    function updateCartCount() {
        // Проверяем, есть ли элементы счетчика на странице
        const cartBadges = document.querySelectorAll('#header-cart-badge, #header-cart-badge-mobile, .cart-badge[data-cart-count]');

        if (cartBadges.length === 0) {
            return; // Нет счетчиков на странице
        }

        // Запрашиваем актуальное количество товаров в корзине
        // КРИТИЧНО: Передаем параметр order в запрос, если мы на странице checkout/success
        const urlParams = new URLSearchParams(window.location.search);
        const orderId = urlParams.get('order');
        let url = '/cart/?ajax=1&action=get_count&_=' + Date.now();
        if (orderId && window.location.pathname.includes('/checkout/success')) {
            url += '&order=' + encodeURIComponent(orderId);
        }

        fetch(url, {
            method: 'GET',
            headers: {
                'X-Requested-With': 'XMLHttpRequest',
                'Accept': 'application/json'
            },
            credentials: 'same-origin',
            cache: 'no-cache'
        })
        .then(response => {
            if (!response.ok) {
                return null;
            }
            const contentType = response.headers.get('content-type');
            if (contentType && contentType.includes('application/json')) {
                return response.json();
            }
            return null;
        })
        .then(data => {
            if (data && typeof data.cart_count !== 'undefined') {
                const cartCount = parseInt(data.cart_count) || 0;

                // Обновляем все счетчики на странице
                cartBadges.forEach((badge) => {
                    badge.setAttribute('data-cart-count', cartCount);
                    if (cartCount > 0) {
                        badge.textContent = cartCount;
                        badge.style.display = 'inline-flex';
                        badge.style.visibility = 'visible';
                    } else {
                        badge.textContent = '0';
                        badge.style.display = 'none';
                        badge.style.visibility = 'hidden';
                    }
                });
            }
        })
        .catch(error => {
            // Игнорируем ошибки обновления счетчика
        });
    }

    // Обновляем счетчик при загрузке страницы
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', function() {
            updateCartCount();
        });
    } else {
        updateCartCount();
    }

    // Обновляем счетчик при фокусе на окне (когда пользователь возвращается на вкладку)
    window.addEventListener('focus', function() {
        updateCartCount();
    });

    // Обновляем счетчик периодически (каждые 30 секунд)
    setInterval(function() {
        updateCartCount();
    }, 30000);
})();
</script>
<div class='wrapper'></div>

<div class="popup-enter" id="popup-login">
<div class="popup-enter__container ">
  <div class="popup-enter__inner ">
    <div class="popup-enter__close" onclick="closePopupEnter()">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
        <g class="fi-x">
          <path d="M18 6L6 18" stroke="#8C9CAC" stroke-width="2" stroke-linecap="round"
            stroke-linejoin="round" />
          <path d="M6 6L18 18" stroke="#8C9CAC" stroke-width="2" stroke-linecap="round"
            stroke-linejoin="round" />
        </g>
      </svg>
    </div>
    <form class="popup-enter__form" id="popup-login-form" name=logfrm method="post" action="/my" onsubmit="return submitPopupLoginForm(this);">
    <input type=hidden name=nonce value="10be6203a1c9b1ef">
    <input type=hidden name=q value="login">
    <input type="hidden" name="auth_action" value="login_password">
    <input type="hidden" name="btnvalue" value="Log in">
    <input type="hidden" name="lang" value="en">
    <input type="hidden" name="return_url" id="popup-login-return-url" value="">
      <div class="popup-enter__title">
        Log in
      </div>

      <div class="popup-enter__row">
        <label for="popup-enter-email" class="popup-enter__sub-title">Email <span style="color:#d9534f">*</span></label>
        <input class="popup-enter__input" id="popup-enter-email" type="email" required name="log2in" tabindex="1" autocomplete="username">
        <small class="popup-enter__hint" style="display:block;margin-top:6px;color:#667085;font-size:12px;">Required field: enter your account email.</small>
      </div>
      <div class="popup-enter__row">
        <label for="popup-enter-password" class="popup-enter__sub-title">Password <span style="color:#d9534f">*</span></label>
        <div style="position:relative">
        <input class="popup-enter__input" id="popup-enter-password" type="password" name="pas2sword" required minlength="1" tabindex="2" autocomplete="current-password" style="padding-right: 40px;width:100%" aria-invalid="false" aria-describedby="popup-enter-password-hint">
                <button type="button" class="toggle-password" style="position: absolute; margin-left: -2rem;top:50%;transform:translateY(-50%); background: none; border: none; padding: 0; cursor: pointer; align-items: center;" aria-label="Show password" title="Show password" aria-pressed="false">
                    <svg class="icon-eye-open" width="20" height="20" viewBox="0 0 24 24" fill="#8C9CAC">
                        <path d="M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z"/>
                    </svg>
                    <svg class="icon-eye-closed" width="20" height="20" viewBox="0 0 24 24" fill="#8C9CAC" style="display:none;">
                        <path d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"/>
                    </svg>
                </button>
            </div>
        
        <small id="popup-enter-password-hint" class="popup-enter__hint" style="display:block;margin-top:6px;color:#667085;font-size:12px;">Password requirements: at least 8 characters, at least one letter and one digit.</small>
        <input type="hidden" name="legacy_login_intent" value="login">
        </div>
       <div class="popup-enter__remembe">
         <div class="popup-enter__remembe-chb">
           <!-- <input class="popup-enter__checkbox" type="checkbox" name="" id="remembe-me">
           <label class="popup-enter__remembe-me" for="remembe-me">Запомнить меня</label> -->
         </div>
         <a
             href="/forgot-password"
             class="popup-enter__link"
             tabindex="4"
             style="background:none;border:none;padding:0;cursor:pointer;"
         >Forgot password?</a>
       </div>
        <input type="submit" class="popup-enter__button popup-enter__login-submit button button_color" value="Log in" tabindex="3">
      <a href="javascript:void(0)" onclick="closePopupEnter(); openPopupEnter('popup-register'); return false;" class="popup-enter__register-link popup-enter__link" title="Register">Register</a>
      <div class="popup-enter__or">
        <div class="popup-enter__or-title popup-enter__sub-title">or log in with</div>
      </div>
      <div class="popup-enter__icons" style="display:flex;gap:8px;width:100%">
        <a href="/auth/social/start?provider=vk&amp;lang=en" data-base-href="/auth/social/start?provider=vk&amp;lang=en" target="_self" class="popup-enter__social-btn js-auth-social-link" style="width:100%;flex:1 1 0;text-align:center;border-radius:.5rem;background:#07f;display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;cursor:pointer;" title="Log in with VKontakte">
            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
            <g id="VK-Original-l" clip-path="url(#clip0_771_5910-l)">
            <path id="Vector-l" d="M0 15.36C0 8.1192 0 4.49884 2.24942 2.24942C4.49884 0 8.1192 0 15.36 0H16.64C23.8808 0 27.5011 0 29.7506 2.24942C32 4.49884 32 8.1192 32 15.36V16.64C32 23.8808 32 27.5011 29.7506 29.7506C27.5011 32 23.8808 32 16.64 32H15.36C8.1192 32 4.49884 32 2.24942 29.7506C0 27.5011 0 23.8808 0 16.64V15.36Z" fill="#0077FF"/>
            <path id="Vector_2-l" d="M17.0267 23.0534C9.73335 23.0534 5.57342 18.0534 5.40009 9.7334H9.05342C9.17342 15.8401 11.8667 18.4267 14 18.9601V9.7334H17.4402V15.0001C19.5468 14.7734 21.7599 12.3734 22.5066 9.7334H25.9466C25.3733 12.9867 22.9733 15.3867 21.2666 16.3734C22.9733 17.1734 25.7067 19.2667 26.7467 23.0534H22.96C22.1466 20.5201 20.1202 18.5601 17.4402 18.2934V23.0534H17.0267Z" fill="white"/>
            </g><defs><clipPath id="clip0_771_5910-l"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>
        </a>
        <a href="/auth/social/start?provider=yandex&amp;lang=en" data-base-href="/auth/social/start?provider=yandex&amp;lang=en" target="_self" class="popup-enter__social-btn js-auth-social-link" style="width:100%;flex:1 1 0;text-align:center;border-radius:.5rem;background:#fc3f1d;display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;cursor:pointer;" title="Log in with Yandex">
            <svg viewBox="0 0 1080 1080" width="32" fill="" stroke="" xmlns="http://www.w3.org/2000/svg">
            <circle fill="#FC3F1D" cx="540" cy="540" r="538.9"></circle><path fill="#FFFFFF" d="M735,878.3H616.7V293.2H564c-96.6,0-147.2,48.3-147.2,120.4c0,81.8,34.9,119.7,107.1,168l59.5,40.1  l-171,256.5H285.2l153.9-229c-88.5-63.2-138.3-124.9-138.3-229c0-130.1,90.7-218.6,262.4-218.6h171v676.5H735z"></path></svg>
        </a>
        <!-- Apple авторизация скрыта
        <a href="/auth/social/start?provider=apple" data-base-href="/auth/social/start?provider=apple" target="_self" class="popup-enter__social-btn js-auth-social-link" style="text-align:center;border-radius:.5rem;background:#000;display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;cursor:pointer;" title="Войти через Apple">
            <img src="/assets/img/octoground/registration/apple.svg" width="28" height="28" alt="" style="filter:brightness(0) invert(1)">
        </a>
        -->
      </div>
	  <a href='/faqregister?lang=en' class='msg_link' target="_blank" title="Registration help">Registration help</a>
      <div style="margin-top: 20px; padding-top: 20px; border-top: 1px solid #e0e0e0;">
        <div style="text-align: center; color: #666; font-size: 14px; margin-bottom: 10px;">Or</div>
        <a href="/login?lang=en" onclick="event.preventDefault(); closePopupEnter(); window.location.href = window.location.protocol + '//' + window.location.host + '/login?lang=en'; return false;" class="popup-enter__button button modal-new-button" style="background: linear-gradient(135deg, #00D4DD 0%, #0FA6AB 100%); color: white; text-decoration: none; display: block; text-align: center; padding: 16px; border-radius: 10px; font-size: 17px; font-weight: 600; transition: all 0.3s; box-shadow: 0 4px 20px rgba(0, 212, 221, 0.4);" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 25px rgba(15, 166, 171, 0.5)';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 20px rgba(0, 212, 221, 0.4)';" title="Log in via link (without password)">✉️ Log in via link</a>
        <div style="text-align: center; font-size: 12px; color: #7f8c8d; margin-top: 10px; font-weight: 500;">🚀 Quick login without password</div>
      </div>
    </form>
  </div>
</div>
</div>

<div class="popup-enter" id="popup-register">
<div class="popup-enter__container ">
  <div class="popup-enter__inner ">
    <div class="popup-enter__close" onclick="closePopupEnter()">
      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
        <g class="fi-x">
          <path d="M18 6L6 18" stroke="#8C9CAC" stroke-width="2" stroke-linecap="round"
            stroke-linejoin="round" />
          <path d="M6 6L18 18" stroke="#8C9CAC" stroke-width="2" stroke-linecap="round"
            stroke-linejoin="round" />
        </g>
      </svg>
    </div>
    <form class="popup-enter__form" name="regform" action="/?lang=en" method="post">
    <input type=hidden name=nonce value="167f50b8033785a7">
    <input type=hidden name=q value="register">
    <input type=hidden name=lang value="en">
    <input type=hidden name="ref" value="48243">
      <div class="popup-enter__title">
        Registration
      </div>
      <div class="popup-enter__sub-title" style="text-align: center; color: #667085; margin: 6px 0 12px;">
        You can read without an account — it is needed for progress and comments.
      </div>



      <div class="popup-enter__row">
        <label for="popup-enter-email1" class="popup-enter__sub-title">E-mail <span style="color:#d9534f">*</span></label>
        <input class="popup-enter__input" id="popup-enter-email1" type="email" required placeholder="name@example.com" name="email" value="" aria-describedby="popup-register-email-hint-text popup-register-email-required-message popup-register-email-invalid-message">
        <p id="popup-register-email-hint-text" style="margin:6px 0 0; font-size:12px; color:#666;">Email for login and electronic receipts</p>
        <p id="popup-register-email-required-message" style="display:none; margin:6px 0 0; color:#d9534f; font-size:13px; font-weight:600;">This field is required</p>
        <p id="popup-register-email-invalid-message" style="display:none; margin:6px 0 0; color:#d9534f; font-size:13px; font-weight:600;" aria-live="polite">Enter a valid email address (for example, name@example.com).</p>
      </div>
      <div class="popup-enter__row">
        <div class="simple-captcha" id="popup-captcha-container" style="padding: 15px; background: linear-gradient(135deg, rgba(15, 166, 171, 0.08) 0%, rgba(10, 122, 126, 0.08) 100%); border-radius: 10px; border: 2px solid rgba(15, 166, 171, 0.25); margin: 10px 0; text-align: center;">
            <label for="popup-captcha" style="display: block; margin-bottom: 10px; font-weight: 600; color: #2c3e50; font-size: 15px; line-height: 1.4;">
                🤖 Verification: what is <span id="popup-captcha-question" style="color: #0FA6AB; font-size: 20px; font-weight: 700;">9 - 7</span> ?
            </label>
            <div style="display: flex; gap: 8px; justify-content: center; align-items: center; flex-wrap: nowrap;">
                <div style="position: relative; display: inline-block; flex: 0 0 auto;">
                    <input type="text"
                           id="popup-captcha"
                           name="captcha"
                           required
                           inputmode="numeric"
                           pattern="-?[0-9]*"
                           placeholder="Answer"
                           style="border: 2px solid #0FA6AB !important; background: #fff !important; border-radius: 10px !important; padding: 12px 14px !important; padding-right: 36px !important; width: 110px !important; font-size: 18px !important; text-align: center !important; margin: 0 !important; display: block !important; font-weight: 600 !important; color: #2c3e50 !important; transition: all 0.3s ease !important; -moz-appearance: textfield !important;">
                    
                    <span id="popup-captcha-check" style="position: absolute; right: 9px; top: 50%; transform: translateY(-50%); font-size: 20px; display: none;">✓</span>
                </div>
                <button type="button" id="popup-captcha-refresh-btn" onclick="refreshPopupCaptcha(true)" title="Another question" style="padding: 12px 14px; background: white; border: 2px solid #0FA6AB; color: #0FA6AB; border-radius: 8px; cursor: pointer; font-size: 18px; font-weight: 600; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; min-width: 44px; height: 44px;" onmouseover="this.style.background='#0FA6AB'; this.style.color='white'; this.style.transform='scale(1.05)'; this.style.boxShadow='0 4px 12px rgba(15,166,171,0.3)';" onmouseout="this.style.background='white'; this.style.color='#0FA6AB'; this.style.transform='scale(1)'; this.style.boxShadow='none';">
                    🔄
                </button>
            </div>
            <p id="popup-captcha-message" style="margin-top: 12px; margin-bottom: 0; font-size: 14px; color: #34495e; line-height: 1.4; font-weight: 400;">
                💡 Enter the result and click 🔄 for another question
            </p>
        </div>
</div>
       <div class="popup-enter__remembe">
         <div class="popup-enter__remembe-chb">
           <input class="popup-enter__checkbox" type="checkbox" name="iaccept" required id="remembe-me">
           <input id=token type=hidden name=token value="167f50b8033785a7">
           <label class="popup-enter__remembe-me" for="remembe-me">* Я принимаю <a href="/legal/terms" class="popup-enter__link" target="_blank" rel="noopener">правила сайта</a>, <a href="/legal/rules" class="popup-enter__link" target="_blank" rel="noopener">пользовательское соглашение</a> и согласен на обработку <a href="/agree" class="popup-enter__link" target="_blank" rel="noopener">персональных данных</a> в соответствии с <a href="/legal/policy" class="popup-enter__link" target="_blank" rel="noopener">политикой конфиденциальности</a> и 152-ФЗ.</label>
         </div>
       </div>
       <div class="popup-enter__remembe" style="margin-top: 10px;">
         <div class="popup-enter__remembe-chb">
           <input class="popup-enter__checkbox" type="checkbox" name="privacy_accept" required id="privacy-accept-register">
           <label class="popup-enter__remembe-me" for="privacy-accept-register">* I agree to the <a class="popup-enter__link" href="/legal/policy/?lang=en" target="_blank" title="Privacy policy">privacy policy</a></label>
         </div>
       </div>
       <input type="submit" class="regmein button button_color" value="Register">
        <!--<p>Registration is currently available only via VK or Yandex.</p>-->
      <div class="popup-enter__or">
        <div class="popup-enter__or-title popup-enter__sub-title">or sign in with</div>
      </div>
      <div class="popup-enter__icons" style="display:flex;gap:8px;width:100%">
        <a href="/auth/social/start?provider=vk&amp;lang=en" data-base-href="/auth/social/start?provider=vk&amp;lang=en" target="_self" class="popup-enter__social-btn pointer js-auth-social-link" style="width:100%;flex:1 1 0;text-align:center;border-radius:.5rem;background:#07f;display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;cursor:pointer;" title="Login with VKontakte">
            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
            <g id="VK-Original" clip-path="url(#clip0_771_5910)">
            <path id="Vector" d="M0 15.36C0 8.1192 0 4.49884 2.24942 2.24942C4.49884 0 8.1192 0 15.36 0H16.64C23.8808 0 27.5011 0 29.7506 2.24942C32 4.49884 32 8.1192 32 15.36V16.64C32 23.8808 32 27.5011 29.7506 29.7506C27.5011 32 23.8808 32 16.64 32H15.36C8.1192 32 4.49884 32 2.24942 29.7506C0 27.5011 0 23.8808 0 16.64V15.36Z" fill="#0077FF"/>
            <path id="Vector_2" d="M17.0267 23.0534C9.73335 23.0534 5.57342 18.0534 5.40009 9.7334H9.05342C9.17342 15.8401 11.8667 18.4267 14 18.9601V9.7334H17.4402V15.0001C19.5468 14.7734 21.7599 12.3734 22.5066 9.7334H25.9466C25.3733 12.9867 22.9733 15.3867 21.2666 16.3734C22.9733 17.1734 25.7067 19.2667 26.7467 23.0534H22.96C22.1466 20.5201 20.1202 18.5601 17.4402 18.2934V23.0534H17.0267Z" fill="white"/>
            </g><defs><clipPath id="clip0_771_5910"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>
        </a>
        <a href="/auth/social/start?provider=yandex&amp;lang=en" data-base-href="/auth/social/start?provider=yandex&amp;lang=en" target="_self" class="popup-enter__social-btn pointer js-auth-social-link" style="width:100%;flex:1 1 0;text-align:center;border-radius:.5rem;background:#fc3f1d;display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;cursor:pointer;" title="Login with Yandex">
            <svg viewBox="0 0 1080 1080" width="32" fill="" stroke="" xmlns="http://www.w3.org/2000/svg">
            <circle fill="#FC3F1D" cx="540" cy="540" r="538.9"></circle><path fill="#FFFFFF" d="M735,878.3H616.7V293.2H564c-96.6,0-147.2,48.3-147.2,120.4c0,81.8,34.9,119.7,107.1,168l59.5,40.1  l-171,256.5H285.2l153.9-229c-88.5-63.2-138.3-124.9-138.3-229c0-130.1,90.7-218.6,262.4-218.6h171v676.5H735z"></path></svg>
        </a>
        <!-- Apple authorization is hidden
        <a href="/auth/social/start?provider=apple" data-base-href="/auth/social/start?provider=apple" target="_self" class="popup-enter__social-btn pointer js-auth-social-link" style="text-align:center;border-radius:.5rem;background:#000;display:flex;align-items:center;justify-content:center;padding:8px;text-decoration:none;cursor:pointer;" title="Log in with Apple">
            <img src="/assets/img/octoground/registration/apple.svg" width="28" height="28" alt="" style="filter:brightness(0) invert(1)">
        </a>
        -->
        </div>
        <a href='/faqregister?lang=en' class='popup-enter__btn-link' target="_blank" title="Registration help">Registration help</a>
      <a href="javascript:void(0)" onclick="closePopupEnter(); openPopupEnter('popup-login'); return false;" class="msg_link popup-enter__link" title="Log in to the site">Log in to the site</a>
      <div style="margin-top: 20px; padding-top: 20px; border-top: 1px solid #e0e0e0;">
        <div style="text-align: center; color: #666; font-size: 14px; margin-bottom: 10px;">Or</div>
        <div id="register-link-form-container" style="display: none;">
          <div id="register-link-form-modal" style="margin-bottom: 15px;">
            <input type="email" id="register-link-email-modal" placeholder="Your email" style="width: 100%; padding: 12px; border: 2px solid #0FA6AB; border-radius: 8px; font-size: 14px; margin-bottom: 10px;">
            <button type="button" id="register-link-submit-btn" style="width: 100%; padding: 12px; background: linear-gradient(135deg, #00D4DD 0%, #0FA6AB 100%); color: white; border: none; border-radius: 8px; font-size: 15px; font-weight: 600; cursor: pointer;">Send link</button>
          </div>
          <div id="register-link-result-modal" style="display: none; padding: 12px; background: #e7f3ff; border: 2px solid #0FA6AB; border-radius: 8px; margin-top: 10px; font-size: 13px;"></div>
          <button type="button" onclick="document.getElementById('register-link-form-container').style.display='none'; document.getElementById('register-link-toggle-btn').style.display='block';" style="width: 100%; padding: 8px; background: #f5f5f5; border: 1px solid #ddd; border-radius: 6px; font-size: 13px; margin-top: 8px; cursor: pointer;">Cancel</button>
        </div>
        <a href="/register?lang=en" id="register-link-toggle-btn" class="popup-enter__button button modal-new-button" style="background: linear-gradient(135deg, #00D4DD 0%, #0FA6AB 100%); color: white; text-decoration: none; display: block; text-align: center; padding: 16px; border-radius: 10px; font-size: 17px; font-weight: 600; transition: all 0.3s; box-shadow: 0 4px 20px rgba(0, 212, 221, 0.4);" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 6px 25px rgba(15, 166, 171, 0.5)';" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 20px rgba(0, 212, 221, 0.4)';" title="Register via link (without password)">🆕 Register via link</a>
        <div style="text-align: center; font-size: 12px; color: #7f8c8d; margin-top: 10px; font-weight: 500;">⚡ Registration in 30 seconds</div>
      </div>
      <script>
      (function() {
        const registerModalLang = "en";
        const registerEmailEmptyAlert = "Please enter your email";
        const registerEmailInvalidAlert = "Enter a valid email address (for example, name@example.com).";
        const registerSendingText = "Sending...";
        const registerConfirmLinkLabel = "Confirmation link:";
        const registerErrorText = "Registration error";
        const registerErrorPrefix = "Error";
        const btn = document.getElementById('register-link-submit-btn');
        const resultDiv = document.getElementById('register-link-result-modal');
        if (!btn) return;

        btn.addEventListener('click', async function() {
          const emailInput = document.getElementById('register-link-email-modal');
          const email = (emailInput && emailInput.value ? emailInput.value : '').trim();
          if (!email) {
            alert(registerEmailEmptyAlert);
            return;
          }
          if (emailInput && !emailInput.checkValidity()) {
            alert(registerEmailInvalidAlert);
            emailInput.focus();
            return;
          }
          const consentCheckbox = document.getElementById('remembe-me');
          const privacyCheckbox = document.getElementById('privacy-accept-register');
          if ((consentCheckbox && !consentCheckbox.checked) || (privacyCheckbox && !privacyCheckbox.checked)) {
            alert(registerModalLang === 'en'
              ? 'Please accept the site rules and personal data processing consent.'
              : 'Примите правила сайта и согласие на обработку персональных данных.');
            if (consentCheckbox && !consentCheckbox.checked) {
              consentCheckbox.focus();
            } else if (privacyCheckbox && !privacyCheckbox.checked) {
              privacyCheckbox.focus();
            }
            return;
          }

          const submitBtn = btn;
          const originalText = submitBtn.textContent;
          submitBtn.disabled = true;
          submitBtn.textContent = registerSendingText;
          resultDiv.style.display = 'none';

          try {
            const apiUrl = window.location.protocol + '//' + window.location.host + '/auth/register?lang=' + encodeURIComponent(registerModalLang);
            const csrfToken = window.csrfNonce || null;
            const response = await fetch(apiUrl, {
              method: 'POST',
              headers: { 'Content-Type': 'application/json' },
              body: JSON.stringify({ email: email, csrf_token: csrfToken, lang: registerModalLang, iaccept: 1 }),
              credentials: 'same-origin'
            });

            const data = await response.json();

            if (data.status === 'ok') {
              let html = '<div style="color: #155724; margin-bottom: 10px; font-weight: 600;">' + data.message + '</div>';

              if (data.data && data.data.debug_link) {
                html += '<div style="margin-top: 12px; padding: 10px; background: white; border-radius: 6px; border: 1px solid #0FA6AB;">';
                html += '<div style="font-size: 12px; color: #555; margin-bottom: 8px;">' + (data.data.debug_message || registerConfirmLinkLabel) + '</div>';
                html += '<a href="' + data.data.debug_link + '" target="_blank" style="color: #0FA6AB; text-decoration: underline; word-break: break-all; font-size: 13px; font-weight: 600; display: block;">' + data.data.debug_link + '</a>';
                html += '</div>';
              }

              resultDiv.innerHTML = html;
              resultDiv.style.display = 'block';
              emailInput.value = '';
            } else {
              resultDiv.innerHTML = '<div style="color: #721c24;">' + (data.message || registerErrorText) + '</div>';
              resultDiv.style.display = 'block';
            }
          } catch (error) {
            resultDiv.innerHTML = '<div style="color: #721c24;">' + registerErrorPrefix + ': ' + error.message + '</div>';
            resultDiv.style.display = 'block';
          } finally {
            submitBtn.disabled = false;
            submitBtn.textContent = originalText;
          }
        });
      })();
      </script>
    </form>
  </div>
</div>
</div>

<script defer>
const registerCaptchaHintText = '💡 ' + "Enter the result and click 🔄 for another question";
const registerCaptchaLoadingText = '⏳ ' + "Loading a new question...";
const registerCaptchaLoadFailedText = '⚠️ ' + "Could not load the question. Please try again.";
const registerCaptchaPendingText = '💡 ' + "The answer will be checked after submitting the form";
const registerCurrentLang = "en";
const loginShowPasswordText = "Show password";
const loginHidePasswordText = "Hide password";
// Функция обновления капчи в popup.
// fromButton: true = клик по 🔄 «другой вопрос» — запрашиваем новую капчу через AJAX и обновляем вопрос/ответ.
// fromButton: false = только сброс ввода и сообщений (вопрос не меняем).
function refreshPopupCaptcha(fromButton) {
    if (fromButton) {
        const btn = document.getElementById('popup-captcha-refresh-btn');
        const qEl = document.getElementById('popup-captcha-question');
        const message = document.getElementById('popup-captcha-message');
        if (btn) {
            btn.disabled = true;
            btn.setAttribute('aria-busy', 'true');
            if (message) {
                message.innerHTML = registerCaptchaLoadingText;
                message.style.color = '#34495e';
            }
        }
        fetch('/ajaxcall/?lang=' + encodeURIComponent(registerCurrentLang), {
            method: 'POST',
            body: new URLSearchParams({ op: 'get_register_captcha', lang: registerCurrentLang }),
            credentials: 'same-origin',
            headers: { 'X-Requested-With': 'XMLHttpRequest' }
        })
            .then(function(r) { return r.json(); })
            .then(function(data) {
                if (qEl && data.question) qEl.textContent = data.question;
                refreshPopupCaptcha(false);
                if (message) {
                    message.innerHTML = registerCaptchaHintText;
                    message.style.color = '#34495e';
                }
            })
            .catch(function() {
                if (message) {
                    message.innerHTML = registerCaptchaLoadFailedText;
                    message.style.color = '#e74c3c';
                }
                refreshPopupCaptcha(false);
            })
            .finally(function() {
                if (btn) {
                    btn.disabled = false;
                    btn.removeAttribute('aria-busy');
                }
            });
        return;
    }
    const inputEl = document.getElementById('popup-captcha');
    const checkMark = document.getElementById('popup-captcha-check');
    const message = document.getElementById('popup-captcha-message');
    const container = document.getElementById('popup-captcha-container');
    const errorBox = document.getElementById('register-captcha-error');
    if (inputEl) {
        inputEl.value = '';
        inputEl.readOnly = false;
        inputEl.style.setProperty('border-color', '#0FA6AB', 'important');
        inputEl.style.setProperty('background', '#fff', 'important');
    }
    if (checkMark) checkMark.style.display = 'none';
    if (message) {
        message.innerHTML = registerCaptchaHintText;
        message.style.color = '#34495e';
        message.style.fontWeight = '400';
    }
    if (container) {
        container.style.borderColor = 'rgba(15, 166, 171, 0.25)';
        container.style.boxShadow = 'none';
    }
    if (errorBox) errorBox.style.display = 'none';
}

// Функция проверки капчи в popup
(function() {
    const captchaInput = document.getElementById('popup-captcha');

    if (!captchaInput) {
        // Поле popup-captcha не найдено при загрузке
        return;
    }

    // Скрываем ошибку при вводе нового значения
    captchaInput.addEventListener('input', function() {
        const errorBox = document.getElementById('register-captcha-error');
        const container = document.getElementById('popup-captcha-container');
        const message = document.getElementById('popup-captcha-message');

        if (errorBox && errorBox.style.display !== 'none') {
            errorBox.style.display = 'none';
        }
        if (container) {
            container.style.borderColor = 'rgba(15, 166, 171, 0.25)';
            container.style.boxShadow = 'none';
        }
        if (captchaInput) {
            captchaInput.style.borderColor = '#0FA6AB';
            captchaInput.style.background = '#fff';
        }
        if (message) {
            message.innerHTML = registerCaptchaHintText;
            message.style.color = '#34495e';
            message.style.fontWeight = '400';
        }
    });

    // Не проверяем "правильность" на клиенте, чтобы не раскрывать ответ.
    captchaInput.addEventListener('input', function() {
        const checkMark = document.getElementById('popup-captcha-check');
        const captchaMessage = document.getElementById('popup-captcha-message');
        if (captchaInput.value !== '') {
            captchaInput.style.setProperty('border-color', '#0FA6AB', 'important');
            captchaInput.style.setProperty('background', '#fff', 'important');
            if (checkMark) checkMark.style.display = 'none';
            if (captchaMessage) {
                captchaMessage.innerHTML = registerCaptchaPendingText;
                captchaMessage.style.color = '#34495e';
            }
        } else {
            captchaInput.style.setProperty('border-color', '#0FA6AB', 'important');
            captchaInput.style.setProperty('background', '#fff', 'important');
            if (checkMark) checkMark.style.display = 'none';
            if (captchaMessage) {
                captchaMessage.innerHTML = registerCaptchaHintText;
                captchaMessage.style.color = '#34495e';
            }
        }
    });
})();

var togglePasswordEl = document.querySelector('.toggle-password');
if (togglePasswordEl) {
  togglePasswordEl.addEventListener('click', function() {
    const input = document.getElementById('popup-enter-password');
    if (!input) return;
    const isPassword = input.type === 'password';
    input.type = isPassword ? 'text' : 'password';
    this.setAttribute('aria-pressed', isPassword ? 'true' : 'false');
    this.setAttribute('aria-label', isPassword ? loginHidePasswordText : loginShowPasswordText);
    this.setAttribute('title', isPassword ? loginHidePasswordText : loginShowPasswordText);
    if (isPassword) {
      var iconOpen = this.querySelector('.icon-eye-open');
      var iconClosed = this.querySelector('.icon-eye-closed');
      if (iconOpen) iconOpen.style.display = 'none';
      if (iconClosed) iconClosed.style.display = 'block';
    } else {
      var iconOpen = this.querySelector('.icon-eye-open');
      var iconClosed = this.querySelector('.icon-eye-closed');
      if (iconOpen) iconOpen.style.display = 'block';
      if (iconClosed) iconClosed.style.display = 'none';
    }
  });
}
let passToggle = document.querySelector('.password-toggle');
if (passToggle != null) {
    passToggle.addEventListener('click', togglePasswordVisibility);
}
const popupEnterCaptcha = document.getElementById('popup-enter-captcha');
if (popupEnterCaptcha != null) {
    popupEnterCaptcha.addEventListener('focus', () => {
      popupEnterCaptcha.classList.remove('popup-enter__input_border');
    });
}

// Функция для сброса ошибок регистрации
function resetRegisterErrors() {
    const errorBox = document.getElementById('register-captcha-error');
    const container = document.getElementById('popup-captcha-container');
    const captchaInput = document.getElementById('popup-captcha');
    const message = document.getElementById('popup-captcha-message');

    // Скрываем блок ошибки
    if (errorBox) {
        errorBox.style.display = 'none';
    }

    // Сбрасываем стили контейнера капчи
    if (container) {
        container.style.borderColor = 'rgba(15, 166, 171, 0.25)';
        container.style.boxShadow = 'none';
    }

    // Сбрасываем стили поля ввода капчи
    if (captchaInput) {
        captchaInput.style.borderColor = '#0FA6AB';
        captchaInput.style.background = '#fff';
        captchaInput.value = '';
        captchaInput.readOnly = false;
    }

    // Сбрасываем сообщение
    if (message) {
        message.innerHTML = registerCaptchaHintText;
        message.style.color = '#34495e';
        message.style.fontWeight = '400';
    }

    // Скрываем галочку
    const checkMark = document.getElementById('popup-captcha-check');
    if (checkMark) {
        checkMark.style.display = 'none';
    }
}

function getAuthReturnUrlFromLocation() {
    try {
        var path = String(window.location.pathname || '/');
        if (!path || path.charAt(0) !== '/') {
            path = '/';
        }
        var query = String(window.location.search || '');
        var hash = String(window.location.hash || '');
        var full = path + query + hash;
        if (/^\/(?:login|register)(?:\/|$)/i.test(full)) {
            return '/';
        }
        return full;
    } catch (e) {
        return '/';
    }
}

function applyAuthReturnContext() {
    var returnUrl = getAuthReturnUrlFromLocation();
    var returnInput = document.getElementById('popup-login-return-url');
    if (returnInput) {
        returnInput.value = returnUrl;
    }
    var links = document.querySelectorAll('.js-auth-social-link');
    links.forEach(function (link) {
        var baseHref = link.getAttribute('data-base-href') || link.getAttribute('href') || '';
        if (!baseHref) {
            return;
        }
        try {
            var hrefUrl = new URL(baseHref, window.location.origin);
            hrefUrl.searchParams.set('return', returnUrl);
            link.setAttribute('href', hrefUrl.pathname + hrefUrl.search);
        } catch (e) {
            var separator = baseHref.indexOf('?') >= 0 ? '&' : '?';
            link.setAttribute('href', baseHref + separator + 'return=' + encodeURIComponent(returnUrl));
        }
    });
}
function submitPopupLoginForm(form) {
    if (!form) {
        return true;
    }
    var authActionInput = form.querySelector('input[name="auth_action"]');
    if (authActionInput) {
        authActionInput.value = 'login_password';
    }
    var submitValueInput = form.querySelector('input[type="hidden"][name="btnvalue"]');
    if (submitValueInput) {
        submitValueInput.value = 'Войти';
    }
    applyAuthReturnContext();
    return true;
}
//popup-enter
function closePopupEnter() {
    active = document.querySelector('.popup-enter_active');
  if (active) {
    // Если закрывается модалка регистрации, сбрасываем ошибки
    if (active.id === 'popup-register') {
        resetRegisterErrors();
    }
    active.classList.remove('popup-enter_active');
  }
  document.body.classList.remove('modal-open');

  // Показываем уведомления на фоне при закрытии модального окна (если они есть)
  const backgroundToastr = document.getElementById('register-page-toastr');
  if (backgroundToastr && !backgroundToastr.classList.contains('removed')) {
      backgroundToastr.style.display = '';
      backgroundToastr.style.visibility = '';
      backgroundToastr.style.opacity = '';
  }
}

  function openPopupEnter(id, skipResetErrors) {
    applyAuthReturnContext();
    popup = document.getElementById(id);
    popup.classList.add('popup-enter_active');
    window.scrollTo(0, 0);
    document.body.classList.add('modal-open');

    // Скрываем уведомления на фоне при открытии модального окна
    const backgroundToastr = document.getElementById('register-page-toastr');
    if (backgroundToastr) {
        backgroundToastr.style.display = 'none';
        backgroundToastr.style.visibility = 'hidden';
        backgroundToastr.style.opacity = '0';
    }

    // Если открывается модалка регистрации, сбрасываем ошибки для новой попытки
    // НО НЕ сбрасываем, если это автоматическое открытие после POST-запроса с ошибкой
    if (id === 'popup-register' && !skipResetErrors) {
        // Проверяем, есть ли ошибка на странице - если есть, не сбрасываем
        const captchaErrorBox = document.getElementById('register-captcha-error');
        const emailErrorBox = document.getElementById('register-email-error');
        const hasVisibleError = (captchaErrorBox && (captchaErrorBox.style.display !== 'none' && captchaErrorBox.offsetParent))
                             || (emailErrorBox && (emailErrorBox.style.display !== 'none' && emailErrorBox.offsetParent));

        if (!hasVisibleError) {
            resetRegisterErrors();
            // Запрашиваем свежую капчу с сервера — так сессия гарантированно создаётся и при отправке формы капча совпадает
            fetch('/ajaxcall/?lang=' + encodeURIComponent(registerCurrentLang), { method: 'POST', body: new URLSearchParams({ op: 'get_register_captcha', lang: registerCurrentLang }), credentials: 'same-origin', headers: { 'X-Requested-With': 'XMLHttpRequest' } })
                .then(function(r) { return r.json(); })
                .then(function(data) {
                    var qEl = document.getElementById('popup-captcha-question');
                    if (qEl && data.question) qEl.textContent = data.question;
                    if (typeof refreshPopupCaptcha === 'function') refreshPopupCaptcha(false);
                })
                .catch(function() {
                    if (typeof refreshPopupCaptcha === 'function') refreshPopupCaptcha(false);
                });
        }
    }
  }

  popupEnters = document.querySelectorAll('.popup-enter');
  popupEnters.forEach((popup) => {
    popup.addEventListener('click', e => {
      e.target.classList.contains('popup-enter') ? closePopupEnter() : null;
    })
  });
  applyAuthReturnContext();

  // Явная валидация обязательного поля email в модалке регистрации
  (function () {
    const registerPopup = document.getElementById('popup-register');
    if (!registerPopup) return;
    const registerForm = registerPopup.querySelector('form[name="regform"]');
    const emailInput = document.getElementById('popup-enter-email1');
    const emailRequiredMsg = document.getElementById('popup-register-email-required-message');
    const emailInvalidMsg = document.getElementById('popup-register-email-invalid-message');
    if (!registerForm || !emailInput || !emailRequiredMsg || !emailInvalidMsg) return;

    registerForm.addEventListener('submit', function (event) {
      const emailValue = (emailInput.value || '').trim();
      if (emailValue === '') {
        event.preventDefault();
        emailRequiredMsg.style.display = 'block';
        emailInvalidMsg.style.display = 'none';
        emailInput.focus();
        emailInput.style.borderColor = '#d9534f';
        return;
      }
      if (!emailInput.checkValidity()) {
        event.preventDefault();
        emailRequiredMsg.style.display = 'none';
        emailInvalidMsg.style.display = 'block';
        emailInput.focus();
        emailInput.style.borderColor = '#d9534f';
      }
    });

    emailInput.addEventListener('input', function () {
      const emailValue = (emailInput.value || '').trim();
      if (emailValue === '') {
        emailInvalidMsg.style.display = 'none';
        return;
      }
      emailRequiredMsg.style.display = 'none';
      if (emailInput.checkValidity()) {
        emailInvalidMsg.style.display = 'none';
        emailInput.style.borderColor = '';
      }
    });
  })();
  </script>



<div onclick="autodr=false; if (typeof hidem === 'function') { hidem(); }" class='main-site-wrapper'>

 <div class=basiclux></div><div class="header__second-spacer" aria-hidden="true"></div><div class='cnt-wrapper'><aside><div class=cntr id=cntr>
    <!--noindex-->
            <div id=bdayvotes2 style='display: none;'>
                <p class=bdvotes>Голоса за книгу дня за 17 июня 2026 г. распределились так:<BR><BR>Каждый день все читатели могут участвовать в голосовании за книгу дня. Мы выбираем среди 10 случайно отобранных кандидатов. Книга-победитель имеет максимальную суммарную репутацию читателей, отдавших за нее голоса. <a class=lnk href='/search/genres/429-BookOfTheDay/' title='Голосуйте за новую книгу дня'>Голосуйте за новую книгу дня!</a></p>
            </div>
    <div class="aside__container top100-slider">
        <div class="aside__title"><a href="<?= htmlspecialchars(lp('/catalog/sort/bestsellers/'), ENT_QUOTES, 'UTF-8') ?>" title="In top-100">Books from top-100</a></div>
        <div class="homepage-row-slider-wrap aside-slider-wrap">
            <button type="button" class="homepage-slider-arrow homepage-slider-prev" aria-label="Назад"></button>
            <button type="button" class="homepage-slider-arrow homepage-slider-next" aria-label="Вперёд"></button>
            <div class="homepage-row-slider">
                <div class="books-list homepage-row-slider__inner aside-slider-list"><div class="book-card-item aside-slider-card item">
        <a class="taglnk0" rel="nofollow" href="/books/4065/" title="Макс Вольф 3. Офицер.">
        <div class="toptile">
            <picture><img class="shadow1 lazy-media" alt="Макс Вольф 3. Офицер." data-src="/pics/books/huiNfOIgErVxOy3TpdIUnSbGC64065.jpg" src="/assets/img/icons/svg/lazy.svg"></picture>
        </div>
        <div class="textcenter">
            <div class="booktc">Макс Вольф 3. Офицер.</div>
            <div class="cityc">#97 in top Алекс Каменев</div>
        </div>
    </a>
</div><div class="book-card-item aside-slider-card item">
        <a class="taglnk0" rel="nofollow" href="/books/908/" title="Неправильный эльф">
        <div class="toptile">
            <picture><img class="shadow1 lazy-media" alt="Неправильный эльф" data-src="/pics/books/huNTJi1UFn4k8KsdhqpB6S6wLB000.jpg" src="/assets/img/icons/svg/lazy.svg"></picture>
        </div>
        <div class="textcenter">
            <div class="booktc">Неправильный эльф</div>
            <div class="cityc">#17 in top Авадхута</div>
        </div>
    </a>
</div><div class="book-card-item aside-slider-card item">
        <a class="taglnk0" rel="nofollow" href="/books/674/" title="Перешагнуть пропасть (Альтернативное продолжение)">
        <div class="toptile">
            <picture><img class="shadow1 lazy-media" alt="Перешагнуть пропасть (Альтернативное продолжение)" data-src="/pics/books/hu6pV5aeDjSttSHVzR2bxPvbV0674.jpg" src="/assets/img/icons/svg/lazy.svg"></picture>
        </div>
        <div class="textcenter">
            <div class="booktc">Перешагнуть пропасть (Альтернативное продолжение)</div>
            <div class="cityc">#89 in top Константин Муравьев</div>
        </div>
    </a>
</div>                </div>
            </div>
        </div>
    </div><div class='aside__container'><div class='aside__title'>Browse by genres</div><div class='aside__tags'><a class='aside__tag-link' href='/search/genres/2-Fentezi' title='Fantasy'>Fantasy</a><a class='aside__tag-link' href='/search/genres/1-Fantastika' title='Science fiction'>Science fiction</a><a class='aside__tag-link' href='/search/genres/71-Popadancy' title='Time-travelers'>Time-travelers</a><a class='aside__tag-link' href='/search/genres/46-Lyubovnyy_roman' title='Romance'>Romance</a><a class='aside__tag-link' href='/search/genres/55-Alternativnaya_istoriya' title='Alternate history'>Alternate history</a><a class='aside__tag-link' href='/search/genres/62-LitRPG' title='LitRPG'>LitRPG</a><a class='aside__tag-link' href='/search/genres/122-Nauchnaya_fantastika' title='Hard sci-fi'>Hard sci-fi</a><a class='aside__tag-link' href='/search/genres/4-Detektiv' title='Detective'>Detective</a><a class='aside__tag-link' href='/search/genres/82-Postapokalipsis' title='Post-apocalypse'>Post-apocalypse</a><a class='aside__tag-link' href='/search/genres/388-Podrostkovyy_roman' title='Young adult'>Young adult</a><a class='aside__tag-link' href='/search/genres/7-Kiberpank' title='Cyberpunk'>Cyberpunk</a><a class='aside__tag-link' href='/search/genres/405-Anime' title='Anime'>Anime</a><a class='aside__tag-link' href='/search/genres/9-Klassika' title='Classic'>Classic</a><a class='aside__tag-link aside__tag-link--all-genres' href='/search/go' title='All book genres'>All book genres</a></div></div><div class='aside__container'><div class='aside__title'>Quick links</div><div class='aside__fast-links'><a href='/forum' class='aside__fast-link' title='Forum'>Forum</a><a href='/top/latest' class='aside__fast-link' title='New chapters'>New chapters</a><a href='/top/comments' class='aside__fast-link' title='New comments'>New comments</a><a href='/books/bookmarks' class='aside__fast-link' title='Bookmarks'>Bookmarks</a><a href='/books/favorites' class='aside__fast-link' title='Favorites'>Favorites</a></div></div>    <div class="aside__container">
        <div class="aside__title">Recent Blogs</div>

        <div class="aside__recent-blog-post">
    <img loading="lazy" src="/assets/img/layout/users/default-user-avatar.png" alt="Аватар автора Гость-1096520" class="user-avatar" onerror="this.onerror=null;this.src='/assets/img/layout/users/default-user-avatar.png';">
    <div class="aside__recent-blog-post-info">
        <p><a style="color:#666d6d" class="lnk" href="/search/details/1096520" title="Гость-1096520">Гость-1096520</a></p>
        <p><a href="/blogs/1860824-Kak-oformit-oblozhku-knigi-samostoyatelno-trendy-2026-instrumenty-i-oshibki" title="Как оформить обложку книги самостоятельно: тренды 2026 + инструменты и ошибки">Как оформить обложку книги самостоятельно: тренды 2026 + инструменты и ошибки</a></p>
    </div>
</div><div class="aside__recent-blog-post">
    <img loading="lazy" src="/assets/img/layout/users/default-user-avatar.png" alt="Аватар автора Гость-1096520" class="user-avatar" onerror="this.onerror=null;this.src='/assets/img/layout/users/default-user-avatar.png';">
    <div class="aside__recent-blog-post-info">
        <p><a style="color:#666d6d" class="lnk" href="/search/details/1096520" title="Гость-1096520">Гость-1096520</a></p>
        <p><a href="/blogs/1860823-Kak-oformit-oblozhku-knigi-samostoyatelno-trendy-2026-instrumenty-i-oshibki" title="Как оформить обложку книги самостоятельно: тренды 2026 + инструменты и ошибки">Как оформить обложку книги самостоятельно: тренды 2026 + инструменты и ошибки</a></p>
    </div>
</div><div class="aside__recent-blog-post">
    <img loading="lazy" src="/assets/img/layout/users/default-user-avatar.png" alt="Аватар автора Гость-1096520" class="user-avatar" onerror="this.onerror=null;this.src='/assets/img/layout/users/default-user-avatar.png';">
    <div class="aside__recent-blog-post-info">
        <p><a style="color:#666d6d" class="lnk" href="/search/details/1096520" title="Гость-1096520">Гость-1096520</a></p>
        <p><a href="/blogs/1860822-Kak-oformit-oblozhku-knigi-samostoyatelno-trendy-2026-instrumenty-i-oshibki" title="Как оформить обложку книги самостоятельно: тренды 2026 + инструменты и ошибки">Как оформить обложку книги самостоятельно: тренды 2026 + инструменты и ошибки</a></p>
    </div>
</div><div class="aside__recent-blog-post">
    <img loading="lazy" src="/assets/img/layout/users/default-user-avatar.png" alt="Аватар автора Гость-1096520" class="user-avatar" onerror="this.onerror=null;this.src='/assets/img/layout/users/default-user-avatar.png';">
    <div class="aside__recent-blog-post-info">
        <p><a style="color:#666d6d" class="lnk" href="/search/details/1096520" title="Гость-1096520">Гость-1096520</a></p>
        <p><a href="/blogs/1860821-Samizdat-vs-tradicionnoe-izdatelstvo-v-2026-chestnoe-sravnenie-kogda-chto-vybirat" title="Самиздат vs традиционное издательство в 2026: честное сравнение + когда что выбирать">Самиздат vs традиционное издательство в 2026: честное сравнение + когда что выбирать</a></p>
    </div>
</div><div class="aside__recent-blog-post">
    <img loading="lazy" src="/assets/img/layout/users/default-user-avatar.png" alt="Аватар автора Гость-1096520" class="user-avatar" onerror="this.onerror=null;this.src='/assets/img/layout/users/default-user-avatar.png';">
    <div class="aside__recent-blog-post-info">
        <p><a style="color:#666d6d" class="lnk" href="/search/details/1096520" title="Гость-1096520">Гость-1096520</a></p>
        <p><a href="/blogs/1860820-Kak-napisat-silnyy-personazh-psihologiya-arki-razvitiya-i-oshibki-kotorye-ubivayut-geroya" title="Как написать сильный персонаж: психология, арки развития и ошибки, которые убивают героя">Как написать сильный персонаж: психология, арки развития и ошибки, которые убивают героя</a></p>
    </div>
</div>
    </div>
    <!--/noindex-->
</div></aside><div class='cntl-wrapper '><main><div class='cnt'>

<div class='cntl '><div><meta name="robots" content="noindex,follow"><div class="sr-only" itemscope itemtype="https://schema.org/Book"><meta itemprop="name" content="Страна Драконов: Технологический прогресс"><span itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="name" content="Радуга"><link itemprop="url" href="/search/details/1095617/"></span></div><script defer src="/assets/js/owl.carousel.min.js"></script><script>
    const bookName = "\u0421\u0442\u0440\u0430\u043d\u0430 \u0414\u0440\u0430\u043a\u043e\u043d\u043e\u0432: \u0422\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441";
    const bookSynopsis = "\u041e\u043f\u044b\u0442\u043d\u044b\u0439 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442 \u041c\u0438\u0440\u0430 \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u0432 \u0421\u0442\u0440\u0430\u043d\u0443 \u0414\u0440\u0430\u043a\u043e\u043d\u043e\u0432, \u0433\u0434\u0435 \u0435\u0435 \u0437\u043d\u0430\u043d\u0438\u044f \u0432 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0438\u0441\u043a\u0443\u0441\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0433\u043e \u0438\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0430 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043f\u043e\u0431\u0435\u0434\u0438\u0442\u044c \u0437\u043b\u043e\u0433\u043e \u0440\u043e\u0431\u043e\u0442\u0430 \u0438 \u043f\u0440\u043e\u0432\u0435\u0441\u0442\u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0430\u043f\u0433\u0440\u0435\u0439\u0434.";
    document.title = bookName + " - Целлюлоза.ру";
    $('head meta[name="description"], head meta[property="og:description"], head meta[property="og:title"], head meta[name="og:title"], head meta[name="title"]').remove();
    $('head').append($('<meta>', { property: 'og:title', content: bookName }))
        .append($('<meta>', { name: 'description', content: bookSynopsis }))
        .append($('<meta>', { property: 'og:description', content: bookSynopsis }));
</script>

    

    <div class="reader__container">
        <div class="reader__guest-cta" id="reader-guest-cta" role="status" style="margin:0 0 12px;padding:12px 14px;background:#e8f4fc;border:1px solid #b3d9f2;border-radius:8px;font-size:14px;line-height:1.45;color:#1a1a1a;"><span>Читать можно и без аккаунта. <a href="/login/" class="lnk">Войдите</a> или <a href="/register/" class="lnk">зарегистрируйтесь</a>, чтобы сохранять прогресс и закладки.</span> <button type="button" class="reader__guest-cta-dismiss" aria-label="Скрыть" style="margin-left:8px;padding:2px 8px;font-size:13px;cursor:pointer;background:transparent;border:1px solid #90c4e8;border-radius:4px;">Не сейчас</button></div><script>(function(){var k="reader_guest_cta_dismissed",el=document.getElementById("reader-guest-cta");if(!el)return;try{if(sessionStorage.getItem(k)==="1"){el.remove();return;}}catch(e){}var b=el.querySelector(".reader__guest-cta-dismiss");if(b){b.addEventListener("click",function(){try{sessionStorage.setItem(k,"1");}catch(e2){}if(el.parentNode)el.parentNode.removeChild(el);});}})();</script>
        <div class="reader__top">
            <div class="reader__left-btn">
                <button aria-label="Перейти на страницу книги" title="Перейти на страницу книги" class="reader__btn-info button button_color" data-onclick="location.href='/books/48243/'">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M22 3H16C14.9391 3 13.9217 3.42143 13.1716 4.17157C12.4214 4.92172 12 5.93913 12 7V21C12 20.2044 12.3161 19.4413 12.8787 18.8787C13.4413 18.3161 14.2044 18 15 18H22V3Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M2 3H8C9.06087 3 10.0783 3.42143 10.8284 4.17157C11.5786 4.92172 12 5.93913 12 7V21C12 20.2044 11.6839 19.4413 11.1213 18.8787C10.5587 18.3161 9.79565 18 9 18H2V3Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </button>
            </div>
            <div class="reader__right-btn">
                <button style="padding: 3px 8px" aria-label="Увеличить изображение" title="Увеличить изображение" id="font-plus" data-blux=2 class="reader__btn-font button button_color">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M12 5V19M5 12H19" stroke="white" stroke-width="2" stroke-linecap="round"/>
                    </svg>
                </button>
                <button style="padding: 3px 8px" aria-label="Уменьшить изображение" title="Уменьшить изображение" id="font-minus" data-blux=1 class="reader__btn-font button button_color">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M5 12H19" stroke="white" stroke-width="2" stroke-linecap="round"/>
                    </svg>
                </button>
            </div>
        </div>
    </div>

    <div class="graphic-reader">
                    <img src="/pics/graphic_books/b48243_20260527090409_3539cf08_s0_page29.webp" style='user-select: none;-webkit-user-select: none;-moz-user-select: none' alt="" class="graphic-reader__image">
        <div class="graphic-reader__navigation">
                <select class="form-select" id="graphicPagesSelect"><option value="13356698" >Страница 1</option><option value="13356699" >Страница 2</option><option value="13356700" >Страница 3</option><option value="13356701" >Страница 4</option><option value="13356702" selected>Страница 5</option><option value="13356703" >Страница 6</option><option value="13356704" >Страница 7</option><option value="13356705" >Страница 8</option><option value="13356706" >Страница 9</option><option value="13356707" >Страница 10</option><option value="13356708" >Страница 11</option><option value="13356709" >Страница 12</option><option value="13356710" >Страница 13</option><option value="13356711" >Страница 14</option><option value="13356712" >Страница 15</option><option value="13356713" >Страница 16</option><option value="13356714" >Страница 17</option><option value="13356715" >Страница 18</option><option value="13356716" >Страница 19</option><option value="13356717" >Страница 20</option><option value="13356718" >Страница 21</option><option value="13356719" >Страница 22</option><option value="13356720" >Страница 23</option><option value="13356721" >Страница 24</option>                </select>

                <div style="display:flex;flex-direction:row;gap:10px">
                    <button aria-label="Предыдущая страница" title="Предыдущая страница" class="reader__btn-info button button_color" data-onclick="location.href='/graphic/48243/13356701/'">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
       <path
         d="M9.05688 10.6459L8.20019 11.4999H9.4099H16.9999C17.1325 11.4999 17.2597 11.5526 17.3534 11.6464C17.4472 11.7402 17.4999 11.8673 17.4999 11.9999C17.4999 12.1326 17.4472 12.2597 17.3534 12.3535C17.2597 12.4473 17.1325 12.4999 16.9999 12.4999H9.4099H8.20019L9.05688 13.354L12.3569 16.644L12.3578 16.6449C12.4047 16.6914 12.4419 16.7467 12.4672 16.8077C12.4926 16.8686 12.5057 16.9339 12.5057 16.9999C12.5057 17.0659 12.4926 17.1313 12.4672 17.1922C12.4419 17.2532 12.4047 17.3085 12.3578 17.3549L12.3578 17.3549L12.3549 17.3578C12.3084 17.4047 12.2531 17.4419 12.1922 17.4673C12.1313 17.4927 12.0659 17.5057 11.9999 17.5057C11.9339 17.5057 11.8685 17.4927 11.8076 17.4673C11.7467 17.4419 11.6914 17.4047 11.6449 17.3578L11.6434 17.3564L6.64797 12.3609C6.60393 12.3141 6.56933 12.2592 6.54608 12.1992L6.54617 12.1992L6.54239 12.1899C6.49238 12.0682 6.49238 11.9317 6.54239 11.8099L6.54248 11.81L6.54608 11.8007C6.56933 11.7407 6.60393 11.6858 6.64797 11.639L11.6434 6.64349L11.2917 6.29177L11.6435 6.64349C11.738 6.54896 11.8662 6.49585 11.9999 6.49585C12.1336 6.49585 12.2618 6.54896 12.3563 6.64349C12.4509 6.73803 12.504 6.86625 12.504 6.99994C12.504 7.13356 12.4509 7.26171 12.3565 7.35623C12.3564 7.35628 12.3564 7.35633 12.3563 7.35639L9.05688 10.6459Z"
         fill="#0FA6AB" stroke="white" />
    </svg>
</button>
                    <button aria-label="Следующая страница" title="Следующая страница" class="reader__btn-info button button_color" data-onclick="location.href='/graphic/48243/13356703/'">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
       <path
         d="M17.4538 11.8007L17.4537 11.8007L17.4575 11.8099C17.5075 11.9317 17.5075 12.0682 17.4575 12.1899L17.4574 12.1899L17.4538 12.1992C17.4306 12.2592 17.396 12.3141 17.3519 12.3609L12.3564 17.3564L12.355 17.3578C12.3085 17.4047 12.2532 17.4419 12.1923 17.4673C12.1314 17.4927 12.066 17.5057 12 17.5057C11.934 17.5057 11.8686 17.4927 11.8077 17.4673C11.7468 17.4419 11.6915 17.4047 11.645 17.3578L11.6421 17.3549C11.5952 17.3085 11.558 17.2532 11.5327 17.1922C11.5073 17.1313 11.4942 17.0659 11.4942 16.9999C11.4942 16.9339 11.5073 16.8686 11.5327 16.8077C11.558 16.7467 11.5952 16.6914 11.6421 16.6449L11.643 16.644L14.943 13.354L15.7997 12.4999H14.59H7C6.86739 12.4999 6.74022 12.4473 6.64645 12.3535C6.55268 12.2597 6.5 12.1325 6.5 11.9999C6.5 11.8673 6.55268 11.7402 6.64645 11.6464C6.74022 11.5526 6.86739 11.4999 7 11.4999H14.59H15.7997L14.943 10.6459L11.6436 7.35639C11.6435 7.35633 11.6434 7.35628 11.6434 7.35623C11.549 7.26171 11.4959 7.13356 11.4959 6.99994C11.4959 6.93374 11.5089 6.86819 11.5343 6.80703C11.5596 6.74588 11.5967 6.6903 11.6436 6.64349C11.7381 6.54896 11.8663 6.49585 12 6.49585C12.0662 6.49585 12.1317 6.50889 12.1929 6.53422C12.2541 6.55955 12.3096 6.59669 12.3564 6.64349L12.7083 6.29163L12.3564 6.64349L17.3519 11.639C17.396 11.6858 17.4306 11.7407 17.4538 11.8007Z"
         fill="#0FA6AB" stroke="white" />
    </svg>
</button>
                </div>
            </div>
        
    </div>
    <script>
        const readerCommentNonce = "e784d132c1b922cb";
        $(document).ready(function() {
            $('section.msg-section').remove();
            $('.start_author').remove();
            $('.cnt-wrapper').attr('style', "width:100%;max-width:100% !important;margin:0;");
            $('.cntl-wrapper').css('width', "100%");
            $('.cntl-wrapper .cnt').css('padding', 0);
            $('.cntl-wrapper .cnt').css('width', "100%");
            $('.cnt-wrapper > aside').remove();
            $('footer.footer').remove();

            $('#graphicPagesSelect').on('change', (e) => {
                window.location.replace("/graphic/48243/" + e.target.value + "/");
            });
        });
        const graphicReaderImage = document.querySelector('.graphic-reader__image');
        const graphicReaderZoomStep = 0.1;
        const graphicReaderMinZoom = 0.5;
        const graphicReaderMaxZoom = 2;
        let currentGraphicReaderZoom = 1;
        let graphicReaderBaseWidth = 0;
        const clampGraphicReaderZoom = (zoom) => {
            const z = parseFloat(zoom);
            if (!Number.isFinite(z)) {
                return 1;
            }
            return Math.min(graphicReaderMaxZoom, Math.max(graphicReaderMinZoom, z));
        };
        const updateGraphicReaderZoomButtons = () => {
            if (fontPlus) {
                fontPlus.disabled = currentGraphicReaderZoom >= graphicReaderMaxZoom;
            }
            if (fontMinus) {
                fontMinus.disabled = currentGraphicReaderZoom <= graphicReaderMinZoom;
            }
        };
        const ensureGraphicReaderBaseWidth = () => {
            if (!graphicReaderImage || graphicReaderBaseWidth > 0) {
                return graphicReaderBaseWidth;
            }
            graphicReaderBaseWidth = graphicReaderImage.getBoundingClientRect().width || graphicReaderImage.naturalWidth || 0;
            return graphicReaderBaseWidth;
        };
        const getGraphicReaderZoom = () => currentGraphicReaderZoom;
        const setGraphicReaderZoom = (zoom) => {
            if (!graphicReaderImage) {
                return;
            }
            const baseWidth = ensureGraphicReaderBaseWidth();
            if (!baseWidth) {
                return;
            }
            currentGraphicReaderZoom = clampGraphicReaderZoom(zoom);
            graphicReaderImage.style.width = (baseWidth * currentGraphicReaderZoom).toFixed(2) + 'px';
            graphicReaderImage.style.maxWidth = 'none';
            updateGraphicReaderZoomButtons();
        };
        // RDR-005: защита от null DOM — не вешаем обработчики при отсутствии элементов
        var fontPlus = document.getElementById('font-plus');
        var fontMinus = document.getElementById('font-minus');
        if (!graphicReaderImage) {
            if (fontPlus) {
                fontPlus.disabled = true;
            }
            if (fontMinus) {
                fontMinus.disabled = true;
            }
        } else if (!graphicReaderImage.complete) {
            graphicReaderImage.addEventListener('load', () => setGraphicReaderZoom(currentGraphicReaderZoom), { once: true });
        } else {
            setGraphicReaderZoom(currentGraphicReaderZoom);
        }
        if (fontPlus) fontPlus.onclick = () => setGraphicReaderZoom((getGraphicReaderZoom() + graphicReaderZoomStep).toFixed(2));
        if (fontMinus) fontMinus.onclick = () => setGraphicReaderZoom((getGraphicReaderZoom() - graphicReaderZoomStep).toFixed(2));
        $(document).on("click", "#vote-send", function (event) {
            event.preventDefault();

            let element = $(event.currentTarget);
            let error_text;

            element.prop("disabled", true);

            isEstimated = $(".estimate button.active").length;
            isCommented = $("#comment13356702").val()

            if (!isEstimated)
                error_text = "Выберите оценку в левом нижнем углу.";

            if (!isCommented)
                error_text = "Опишите свои впечатления от фрагмента.";

            if(isCommented.length > 1500)
                error_text = "Слишком длинный комментарий"

            setTimeout(() => element.prop("disabled", false), 500);

            if(error_text) {
                $("#vote-error").text(error_text).show();
                error_text = null;
                return;
            }

            let estimate = 0;
            switch($(".estimate button.active").data("action")) {
                case "like":
                    estimate = 1;
                    break;

                case "dislike":
                    estimate = -1;
                    break;
            }

            ajax('likes'+13356702, '', 'likechapter', 13356702, estimate, '', 0)
            postFeedback(13356702,'', readerCommentNonce, 1,'comment')
            timer = setInterval(function () {
                if(typeof pendingAjaxCount !== "undefined" && pendingAjaxCount === 0) {
                    clearInterval(timer);
                    $("#next").click();
                }
            }, 200);
        }).on("click", ".estimate button", function (event) {
            let element = $(event.currentTarget);

            element.toggleClass("active");
            $(".estimate button").not(element).removeClass("active");
        })

        function getFinalPopup() {
            if(!0) {
                closePopupEnter();
                openPopupEnter('popup-login');
            } else {
                $(".popup-reader__comments-item").hide();
                // incrementBookReadCount(bookid);
                setTimeout(() => $("#popup-vote").addClass("popup-reader_active"), 200);
                setTimeout(() => $(".popup-reader__comments-item").show(), 400);
            }
        }

        if (document.location.hash.replace('#', '').includes('id:')) {
            setTimeout(() => {
                getFinalPopup();
                $('#next').hide();
                $('button[data-action="like"]').trigger('click');
                $('button[data-action="like"]').addClass('active');
                $('#popup-vote .estimate').css('visibility', 'hidden');
                $('#popup-vote .popup-reader__title').text('Ответить на комментарий');
                $('textarea[id*="comment"]').text(document.location.hash.replace('#', '') + ", ");
            }, 2500);
        }

        $(window).scroll(function() {
           if($(window).scrollTop() + $(window).height() > ($(document).height() - 100)) {
               getFinalPopup();
           }
        });

        document.onkeydown = function (e) {

            e = e || window.event;

            if ((e.keyCode == '38') || (e.keyCode == '37')) {
                swiper.slideTo(swiper.realIndex - 1);
            }
            else if ((e.keyCode == '40') || (e.keyCode == '39')) {
                swiper.slideTo(swiper.realIndex + 1);
            }

        }

        var message="";
        function clickIE() {if (document.all) {(message);return false;}}
        function clickNS(e) {if
        (document.layers||(document.getElementById&&!document.all)) {
        if (e.which==2) {
        (message);
        return false;}}}
        if (document.layers) {
        document.captureEvents(Event.MOUSEDOWN);
        document.onmousedown=clickNS;
        }else{
        document.onmouseup=clickNS;
        document.oncontextmenu=clickIE;
        }
        document.oncontextmenu=function(){return false;}
    </script>

	</div>

    </div>




<div class=clear></div>
</div>

</main>
</div></div><div class="start_author">
    <div class="og_wrapper">
        <div class="left">
            <span>Become an author to earn with us</span>
            <p style="line-height: 1.6;">Are you a creative person? Do you love sharing your knowledge with people?</p>
        </div>
        <div class="right">
            <a href="/my/authors/" class="og_btn white" title="Become an author">Become an author</a>
        </div>
    </div>
</div>
<footer class="footer">
    <div class="footer__container">
        <div class="footer__inner">
            <div class="footer__text-nav">
                <ul class="footer__text footer__text--publisher">
                    <li class="footer__text-p">Publisher</li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/about" title="About this site">About Zelluloza</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/guide" title="Guide">Guide</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/search" title="Search">Search</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/docs/manual.pdf" title="Instruction">Instruction</a></li>                </ul>
                <ul class="footer__text footer__text--authors">
                    <li class="footer__text-p">For authors</li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/start" title="Become an Author">Become an Author</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/docs/author_manual.pdf" title="Author's manual">Author's manual</a></li>                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/about/howtopay" title="Payment Methods">Payment Methods</a></li>
                </ul>
                <ul class="footer__text footer__text--documents">
                    <li class="footer__text-p">Documents</li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/oferta" title="Agency agreement">Agency agreement</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/exclusive" title="Exclusive agreement">Exclusive agreement</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/terms" title="User Rules">User Rules</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/rules" title="User Agreement">User Agreement</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/public-offer" title="Public offer agreement for users">Public offer agreement for users</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/user-license" title="User license agreement">User license agreement</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/claims" title="Rules for reviewing claims related to user content on the site">Rules for reviewing claims related to user content on the site</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/rightholders" title="For rights holders">For rights holders</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/recommendation" title="Recommendation technologies">Recommendation technologies</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/policy/?lang=en" title="Privacy policy">Privacy policy</a></li>
                </ul>
                <ul class="footer__text footer__text--contacts">
                    <li class="footer__text-p">Contacts</li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="mailto:info@zelluloza.ru" title="mail">info@zelluloza.ru</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href='/support' title="Technical support">Technical support</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href='https://t.me/zellulozacom' title="Consultant" target="_blank" rel="noopener noreferrer">Consultant</a></li>
                    <li class="footer__menu-item footer__menu-item--social">
                        <ul class="footer__nav-items">
                            <li class="footer__nav-item"><a aria-label="Целлюлоза в ВК" href="https://vk.ru/zelluloza" class="footer__nav-link" rel="nofollow noopener noreferrer" target="_blank" title="VKontakte"><img alt="ВКонтакте" src="/assets/img/about/svg/vk.svg"></a></li>
                            <li class="footer__nav-item"><a aria-label="Целлюлоза в Телеграм" href="https://t.me/zellulozabook" class="footer__nav-link" rel="nofollow noopener noreferrer" target="_blank" title="Telegram"><img alt="Телеграм" src="/assets/img/icons/svg/telegram-icon.svg"></a></li>
                            <li class="footer__nav-item"><a aria-label="Целлюлоза в Одноклассниках" href="https://ok.ru/group/70000002034756" class="footer__nav-link" rel="nofollow noopener noreferrer" target="_blank" title="Odnoklassniki"><img alt="Одноклассники" src="/assets/img/about/svg/ok.svg"></a></li>
                            <li class="footer__nav-item"><a aria-label="Целлюлоза в Дзен" href="https://dzen.ru/zelluloza" class="footer__nav-link" rel="nofollow noopener noreferrer" target="_blank" title="Yandex Zen"><img alt="Яндекс Дзен" src="/assets/img/icons/svg/yandex-dzen-icon.svg"></a></li>
                            <li class="footer__nav-item"><a aria-label="Целлюлоза по почте" href="/support" class="footer__nav-link footer__nav-link_circle" title="Email">@</a></li>
                            <li class="footer__nav-item"><a aria-label="Целлюлоза в Рутуб" href="https://rutube.ru/channel/15601823/" class="footer__nav-link footer__nav-link_circle" rel="nofollow noopener noreferrer" target="_blank" title="Rutube">
                                <svg width="16px" height="16px" viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="none"><path fill="#000000" d="M128.689 47.57H20.396v116.843h30.141V126.4h57.756l26.352 38.013h33.75l-29.058-38.188c9.025-1.401 15.522-4.73 19.493-9.985 3.97-5.255 5.956-13.664 5.956-24.875v-8.759c0-6.657-.721-11.912-1.985-15.941-1.264-4.029-3.43-7.533-6.498-10.686-3.249-2.978-6.858-5.08-11.19-6.481-4.332-1.226-9.747-1.927-16.424-1.927zm-4.873 53.08H50.537V73.321h73.279c4.15 0 7.038.7 8.482 1.927 1.444 1.226 2.347 3.503 2.347 6.832v9.81c0 3.503-.903 5.78-2.347 7.006s-4.331 1.752-8.482 1.752z" style="display:inline;fill:none;stroke:#000000;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" transform="translate(1.605 -1.99)"/><path fill="#F41240" d="M162.324 45.568c5.52 0 9.998-4.477 9.998-10s-4.478-10-9.998-10c-5.524 0-10.002 4.477-10.002 10s4.478 10 10.002 10z" style="display:inline;fill:#000000;fill-opacity:1;stroke:none;stroke-width:10.6667;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" transform="translate(1.605 -1.99)"/></svg>
                            </a></li>
                        </ul>
                    </li>
                </ul>
                <div class="footer__text footer__text--apps">
                    <div class="desktop-only">
                        <img src="/assets/img/icons/mobile-app-icon-russian-store.jpg" alt="RuStore">
                    </div>
                    <div class="rustore">
                        <a class="footer__link" href="https://www.rustore.ru/catalog/app/com.zelluloza" title="Download for Android" target="_blank" rel="noopener noreferrer">Download for Android</a>
                    </div>
                    <section class="footer__ios-app" data-ios-app-banner hidden>
                        <div class="footer__ios-app-text">
                            <strong>iOS app coming soon</strong>
                            <span>Leave your email and we will let you know when it is available.</span>
                        </div>
                        <form class="footer__ios-app-form" data-ios-app-form data-pending-message="Saving..." data-success-message="Thanks! We will let you know when the iOS app is ready." data-error-message="Could not save the email. Please try again later.">
                            <label class="footer__ios-app-label" for="footer-ios-app-email">Email for notification</label>
                            <div class="footer__ios-app-controls">
                                <input id="footer-ios-app-email" class="footer__ios-app-input" name="email" type="email" inputmode="email" autocomplete="email" placeholder="you@example.com" required>
                                <button class="footer__ios-app-button" type="submit">Notify me</button>
                            </div>
                            <p class="footer__ios-app-consent">By submitting, you agree to email processing under the <a class="a_link_footer__menu-link" href="/legal/policy/?lang=en">privacy policy</a>.</p>
                            <p class="footer__ios-app-status" data-ios-app-status aria-live="polite"></p>
                        </form>
                    </section>
                </div>
            </div>
                                        <div class="footer__nav-item footer__nav-item--language">
                    <div class="lang-toggle">
                                                    <a href="/graphic/48243/13356702/?lang=ru" class="toggle-btn " data-lang="ru">
                                                                    <img src="/assets/img/icons/svg/flag-ru.svg" alt="" class="toggle-flag">
                                                                <span>RU</span>
                            </a>
                                                    <a href="/graphic/48243/13356702/?lang=en" class="toggle-btn is-active" data-lang="en">
                                                                    <img src="/assets/img/icons/svg/flag-en.svg" alt="" class="toggle-flag">
                                                                <span>EN</span>
                            </a>
                                                                    </div>
                </div>
                        <div class="footer__login">
                <p class="footer__last">
                    <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect width="28" height="28" rx="6" fill="#E53935"/>
                        <text x="50%" y="58%" dominant-baseline="middle" text-anchor="middle"
                              fill="white" font-family="Arial" font-weight="700" font-size="14">18+</text>
                    </svg>&nbsp;The site may contain 18+ materials, individual books 16+. Recommendation technologies are used on the information resource. If you are under 18, refrain from visiting the site without parents.                </p>
                <p class="footer__last">Copyright © 2012 - 2026 LLC KMG (Publishing House "Zelluloza")</p>
            </div>
        </div>
    </div>
</footer>
<script src="/assets/js/lazy-images.js?v=1770666636" defer></script>
<script src="/assets/js/profile/customization-events.js?v=1774442783" defer></script>
<script src="/assets/js/footer-ios-app.js?v=1778155600" defer></script>
<div class=hid id=4savepref></div>
<div class=fly id=fly>
    <div class=rbtn><input type=submit class=bluesmbtn value="Закрыть просмотр" onclick="white_sc();"></div>
    <div class=flyfr id=flyf></div>
</div><script>var SITE_URI = ""</script>    <script>
    $('.tab').click(function (){
        var id = $(this).data('tab-id');
        $('.tab').removeClass('active');
        $(this).addClass('active');

        $('.block_box').removeClass('visible');
        $('.' + id).addClass('visible');
        $('.block_box').hide();
        $('.' + id).show();

    });
    </script></div><div class="age-gate" role="dialog" aria-modal="true" aria-labelledby="age-gate-title">
    <div class="age-gate__dialog">
        <div class="age-gate__badge" aria-hidden="true">18+</div>
        <h2 class="age-gate__title" id="age-gate-title">Подтвердите возраст</h2>
        <p class="age-gate__text">На сайте могут быть материалы с возрастным ограничением 18+. Для доступа подтвердите, что вам уже исполнилось 18 лет.</p>
        <div class="age-gate__actions">
            <a class="age-gate__button age-gate__button--primary" href="/actions/accept_age.php?nonce=cccf4afdb459d739&back=%2Fgraphic%2F48243%2F13356702%2F%3Flang%3Den">Мне есть 18 лет</a>
            <a class="age-gate__button" href="/actions/age_minor.php?nonce=efdd545ec4757fcd&back=%2Fgraphic%2F48243%2F13356702%2F%3Flang%3Den">Мне нет 18 лет</a>
        </div>
    </div>
</div>
<div class="cookie cookie-bar" style="z-index: 99999 !important;" role="region" aria-label="Уведомление об использовании cookie">
    <p class="cookietxt cookie-bar__text">Мы используем файлы cookie для работы сайта, аналитики и улучшения сервиса. <a class="cookie-bar__link" href="/legal/cookie" target="_blank" rel="noopener">Подробнее</a></p>
    <div class="rht cookie-bar__actions">
        <a class="btn cookie-bar__button" href="/actions/accept_cookie.php?nonce=112d9d3adbb7abc3&back=%2Fgraphic%2F48243%2F13356702%2F%3Flang%3Den">Принять</a>
    </div>
</div>
<script defer src="/assets/js/carousels.js"></script><button id="backToTop" onclick="scrollToTop()"></button>
<script>
window.onscroll = function() {
    var button = document.getElementById("backToTop");
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
        button.style.display = "block";
    } else {
        button.style.display = "none";
    }
};

function scrollToTop() {
    window.scrollTo({ top: 0, behavior: 'smooth' });
}
</script></body></html>