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="ru">

<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 = '6dc842b9c1113c84';
// 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 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="ru_RU">
    <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="ru">    <title>Михаил Евграфович Салтыков-Щедрин На распутьи., Глава 1 (№13366874) читать онлайн - Целлюлоза.ру</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>
    
    
    
    <script defer src="/assets/js/owl.carousel.min.js"></script><script src="/assets/js/books/reader.js?v=1781642496"></script>    <script defer src="/assets/js/color-picker.min.js"></script>
    <meta name="description" content="Читать часть 13366874 в книге На распутьи. Михаил Евграфович Салтыков-Щедрин   . "><meta name="robots" content="noindex,nofollow"><meta itemprop="headline" content="Михаил Евграфович Салтыков-Щедрин. На распутьи., Глава 1 (№13366874)">
<meta itemprop="description" content="Читать часть 13366874 в книге На распутьи. Михаил Евграфович Салтыков-Щедрин   . ">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Целлюлоза.ру">
<meta property="og:title" content="Михаил Евграфович Салтыков-Щедрин. На распутьи., Глава 1 (№13366874)">
<meta property="og:image" content="https://dev.zelluloza.ru/pics/assets/img/layout/books/unocover.jpg">
<meta property="og:image:secure_url" content="https://dev.zelluloza.ru/pics/assets/img/layout/books/unocover.jpg">
<meta property="og:image:width" content="872">
<meta property="og:image:height" content="1308">
<meta property="og:image:alt" content="Михаил Евграфович Салтыков-Щедрин. На распутьи., Глава 1 (№13366874)">
<meta property="og:description" content="Читать часть 13366874 в книге На распутьи. Михаил Евграфович Салтыков-Щедрин   . ">
<meta property="og:url" content="https://dev.zelluloza.ru/books/51277-Na-rasputi/13366874/">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Михаил Евграфович Салтыков-Щедрин. На распутьи., Глава 1 (№13366874)">
<meta name="twitter:description" content="Читать часть 13366874 в книге На распутьи. Михаил Евграфович Салтыков-Щедрин   . ">
<meta name="twitter:image" content="https://dev.zelluloza.ru/pics/assets/img/layout/books/unocover.jpg">
<meta property="fb:app_id" content="237799046360468">
<meta property="fb:admins" content="1123256909">    <link rel="canonical" href="https://dev.zelluloza.ru/books/51277-Na-rasputi/13366874/">
    

    <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><style>html, body { overflow-y: hidden; }</style><style>
        .main-site-wrapper {
            padding-top: 0 !important;
        }

        .popup-reader__inner > div {
            color: #000000;
        }

        #bookpg, .reader__pages {
            color: #0a9ea4;
        }
        .reader__pages {
            background: none;
            border: none;
            cursor: pointer;
            font: inherit;
            padding: 0 10px;
        }
   </style><link rel="stylesheet" type="text/css" href="/assets/css/books/reader.css">
<link rel="stylesheet" href="/assets/css/footer.css?v=1781485598">
</head>
<body onkeydown="pgnav(event);" itemscope itemtype="https://schema.org/WebPage" id="bodyobj" class="has-book-card" 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://dev.zelluloza.ru/pics/assets/img/layout/books/unocover.jpg">
    <link itemprop="contentUrl" href="https://dev.zelluloza.ru/pics/assets/img/layout/books/unocover.jpg">
    <meta itemprop='width' content='872'>
    <meta itemprop='height' content='1308'>
</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="Бесплатные книги">19143 бесплатных книг</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="Главная" 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="Книги" href="/catalog">
                                Книги<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">Каталог</strong>
                                        <a href="/catalog" class="header__drop-down-link header__drop-down-link_key" title="Все книги"><i class="fa w fa-asterisk" aria-hidden="true"></i>Все книги</a>
                                        <a href="/top/genres" class="header__drop-down-link header__drop-down-link_key" title="Жанры"><i class="fa w fa-th" aria-hidden="true"></i>Жанры</a>
                                        <a href="/search" class="header__drop-down-link header__drop-down-link_key" title="Поиск книг"><i class="fa w fa-search" aria-hidden="true"></i>Поиск книг</a>
                                        <a href="/smart-search" class="header__drop-down-link header__drop-down-link_key" title="Умный подбор"><i class="fa w fa-search-plus" aria-hidden="true"></i>Умный подбор</a>
                                        <a href="/catalog/finished" class="header__drop-down-link" title="Завершённые книги"><img loading='lazy' src="/assets/img/icons/svg/complete.svg" alt="" style="margin-right:10px" width="18" height="18">Завершённые книги</a>
                                        <a href="/catalog/free" class="header__drop-down-link" title="Бесплатные книги"><i class='fa w fa-smile-o' aria-hidden='true'></i>Бесплатные книги</a>
                                        <a href="/top/authors" class="header__drop-down-link" title="Лучшие писатели"><i class="fa fa-users" aria-hidden="true"></i>Лучшие писатели</a>
                                        <a href="/contest" class="header__drop-down-link header__drop-down-link_key" title="Участвовать в конкурсе"><i class="fa w fa-trophy" aria-hidden="true"></i>Участвовать в конкурсе</a>
                                    </div>
                                    <div class="header__drop-down-col">
                                        <strong class="header__drop-down-title">Витрины</strong>
                                        <a href="/books/newbooks" class="header__drop-down-link header__drop-down-link_key" title="Новинки"><i class="fa fa-book" aria-hidden="true"></i>Новинки</a>
                                        <a href="/catalog/sort/bestsellers" class="header__drop-down-link header__drop-down-link_key" title="Бестселлеры"><i class="fa w fa-trophy" aria-hidden="true"></i>Бестселлеры</a>
                                        <a href="/catalog/sort/most_read" class="header__drop-down-link" title="Популярные книги"><i class="fa fa-fire" aria-hidden="true"></i>Популярные книги</a>
                                        <a href="/top/latest" class="header__drop-down-link" title="Новые главы"><i class="fa fa-fire" aria-hidden="true"></i>Новые главы</a>
                                        <a href="/top/audiobooks" class="header__drop-down-link" title="Аудиокниги"><i class="fa fa-headphones" aria-hidden="true"></i>Аудиокниги</a>
                                    </div>
                                    <div class="header__drop-down-col">
                                        <strong class="header__drop-down-title">Спецпроекты</strong>
                                                                                <a href="/contest" class="header__drop-down-link" title="Конкурсы"><i class="fa w fa-trophy" aria-hidden="true"></i>Конкурсы</a>
                                                                                <a href="/catalog/genre/429" class="header__drop-down-link" title="Выбор книги дня"><i class="fa w fa-university" aria-hidden="true"></i>Выбор книги дня</a>
                                        <a href="/raise" class="header__drop-down-link" title="Копилка (краудфандинг)"><i class="fa fa-bullhorn" aria-hidden="true"></i>Копилка (краудфандинг)</a>
                                                                                                                        <a href="/blogs" class="header__drop-down-link header__drop-down-link_key" title="Литжурнал"><i class="fa fa-newspaper-o" aria-hidden="true"></i>Литжурнал</a>
                                        <a href="/blogs/popular" class="header__drop-down-link" title="Блоги"><i class="fa w fa-bullhorn" aria-hidden="true"></i>Блоги</a>
                                                                            </div>
                                    <div class="header__drop-down-col">
                                        <strong class="header__drop-down-title">По формам</strong>
                                        <a href="/catalog/form/4" class="header__drop-down-link" title="Поэзия"><i class="fa fa-pencil" aria-hidden="true"></i>Поэзия</a>
                                        <a href="/catalog/form/5" class="header__drop-down-link" title="Комиксы"><i class="fa w fa-image" aria-hidden="true"></i>Комиксы</a>
                                        <a href="/catalog/form/7" class="header__drop-down-link" title="Руманга"><i class="fa w fa-book" aria-hidden="true"></i>Руманга</a>
                                        <a href="/catalog/form/6" class="header__drop-down-link" title="Манга"><i class="fa w fa-book" aria-hidden="true"></i>Манга</a>
                                        <a href="/catalog/form/8" class="header__drop-down-link" title="Визуальные новеллы"><i class="fa w fa-gamepad" aria-hidden="true"></i>Визуальные новеллы</a>
                                        <a href="/catalog/form/9" class="header__drop-down-link" title="Графические романы"><i class="fa w fa-picture-o" aria-hidden="true"></i>Графические романы</a>
                                        <strong class="header__drop-down-title header__drop-down-title_nested">Подборки</strong>
                                        <a href="/books/list" class="header__drop-down-link" title="Подборки книг"><i class="fa w fa-table" aria-hidden="true"></i>Подборки книг</a>
                                        <a href="/catalog/genre/478" class="header__drop-down-link" title="Писатели рекомендуют"><i class="fa fa-hand-pointer" aria-hidden="true"></i>Писатели рекомендуют</a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li class="header__list">
                            <a href="/books" class="deployable header__link">Моя библиотека                                <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">Активное чтение</span></li>
                                <li class="header__drop-down-list"><a href="/books/bookmarks" class="header__drop-down-link" title="Продолжить чтение"><i class="fa fa-bookmark" aria-hidden="true"></i>Продолжить чтение </a></li>
                                <li class="header__drop-down-list"><a href="/books/newchapters" class="header__drop-down-link" title="Новые главы по подпискам"><i class="fa fa-star" aria-hidden="true"></i>Новые главы по подпискам</a></li>
                                <li class="header__drop-down-list"><a href="/books/bookmarks" class="header__drop-down-link" title="Закладки в книгах"><i class="fa w fa-bookmark" aria-hidden="true"></i>Закладки в книгах</a></li>
                                <li class="header__drop-down-list"><span class="header__drop-down-title header__drop-down-title_section">Подборки</span></li>
                                <li class="header__drop-down-list"><a href="/books/favorites" class="header__drop-down-link" title="Подписки"><i class="fa w fa-heart" aria-hidden="true"></i>Подписки </a></li>
                                <li class="header__drop-down-list"><a href="/books/list" class="header__drop-down-link" title="Подборки книг"><i class="fa w fa-table" aria-hidden="true"></i>Подборки книг</a></li>
                                <li class="header__drop-down-list"><a href="/books/target" class="header__drop-down-link header__drop-down-link_plan" title="План чтения"><i class="fa fa-calendar-plus-o" aria-hidden="true"></i>План чтения</a></li>
                                <li class="header__drop-down-list"><span class="header__drop-down-title header__drop-down-title_section">Доступ</span></li>
                                <li class="header__drop-down-list"><a href="/books/owned" class="header__drop-down-link" title="Купленные книги"><i class="fa w fa-book" aria-hidden="true"></i>Купленные книги </a></li>
                                <li class="header__drop-down-list"><a href="/abonement" class="header__drop-down-link" title="Абонементы"><i class="fa fa-star" aria-hidden="true"></i>Абонементы</a></li>
                                <li class="header__drop-down-list"><a href="/my/limited" class="header__drop-down-link header__drop-down-link_secondary" title="Ограниченный доступ"><i class="fa fa-lock" aria-hidden="true"></i>Ограниченный доступ</a></li>
                                <li class="header__drop-down-list"><a href="/books/blacklist" class="header__drop-down-link header__drop-down-link_secondary" title="Чёрный список"><i class="fa fa-ban" aria-hidden="true"></i>Чёрный список</a></li>
                            </ul>
                        </li>
                        <li class="header__list">
                            <button type="button" class="deployable header__link header__link-button" aria-expanded="false" aria-haspopup="true">
                                Сообщество                                <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="Литжурнал">
                                        <i class="fa fa-newspaper-o" aria-hidden="true"></i>Литжурнал                                    </a>
                                </li>
                                <li class="header__drop-down-list">
                                    <a href="/blogs/popular" class="header__drop-down-link" title="Блоги">
                                        <i class="fa w fa-bullhorn" aria-hidden="true"></i>Блоги                                    </a>
                                </li>
                                                                                                <li class="header__drop-down-list">
                                    <a href="/top/comments" class="header__drop-down-link" title="Отзывы">
                                        <i class="fa fa-book-open" aria-hidden="true"></i>Отзывы                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="header__list">
                            <a href="/about" class="deployable header__link">
                                Инфо                                <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="Помощь"><i class="fa fa-question-circle" aria-hidden="true"></i>Помощь</a>
                                </li>
                                <li class="header__drop-down-list">
                                    <a href="/legal/oferta" class="header__drop-down-link" title="Агентский договор"><i class="fa fa-file-text-o" aria-hidden="true"></i>Агентский договор</a>
                                </li>
                                <li class="header__drop-down-list">
                                    <a href="/legal/terms" class="header__drop-down-link" title="Правила для пользователей"><i class="fa fa-list-alt" aria-hidden="true"></i>Правила для пользователей</a>
                                </li>
                                <li class="header__drop-down-list">
                                    <a href="/legal/rules" class="header__drop-down-link" title="Пользовательское соглашение"><i class="fa fa-handshake-o" aria-hidden="true"></i>Пользовательское соглашение</a>
                                </li>
                                <li class="header__drop-down-list">
                                    <a href="/about/howtopay" class="header__drop-down-link" title="Способы оплаты"><i class="fa fa-credit-card" aria-hidden="true"></i>Способы оплаты</a>
                                </li>
                                <li class="header__drop-down-list">
                                    <a href="/about" class="header__drop-down-link" title="О Целлюлозе"><i class="fa fa-info-circle" aria-hidden="true"></i>О Целлюлозе</a>
                                </li>
                                <li class="header__drop-down-list">
                                    <a href="/litagent" class="header__drop-down-link" title="Партнерская программа"><i class="fa fa-handshake-o" aria-hidden="true"></i>Партнерская программа</a>
                                </li>
                                <li class="header__drop-down-list"><a href="/books/51277-Na-rasputi/13366874/?lang=ru" class="header__drop-down-link is-active" 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="/books/51277-Na-rasputi/13366874/?lang=en" class="header__drop-down-link" 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="Авторам" aria-expanded="false" aria-haspopup="true">
                                Авторам                                <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="Стать писателем"><i class="fa w fa-star" aria-hidden="true"></i>Стать писателем</a>
                                                <a href="/advantages" class="header__drop-down-link" title="Преимущества авторам и пользователям"><i class="fa w fa-thumbs-up" aria-hidden="true"></i>Преимущества авторам и пользователям</a>
                                                <a href="/uslugiizdatelstva" class="header__drop-down-link" title="Услуги и сервисы"><i class="fa w fa-briefcase" aria-hidden="true"></i>Услуги и сервисы</a>
                                                <a href="/kurspisatelskogomasterstva" class="header__drop-down-link" title="Онлайн-курс для писателей"><i class="fa w fa-graduation-cap" aria-hidden="true"></i>Онлайн-курс для писателей</a>
                                                <a href="/napechatatknigu" class="header__drop-down-link" title="Печать на бумаге"><i class="fa w fa-print" aria-hidden="true"></i>Печать на бумаге</a>
                                                <a href="/protection" class="header__drop-down-link" title="Защита прав автора"><i class="fa w fa-shield" aria-hidden="true"></i>Защита прав автора</a>
                                            </div>
                                        </li>
                                    </ul>
                                                        </li>
                                            </ul>

                    <div class="header__buttons">
                                                    <!--<a href="/catalog/free" class="header__start-reading button button_color">
                                Начать читать бесплатно                            </a>-->
                            <div class="header__account header__list">
                                <button type="button" class="header__account-button button button_clear deployable"
                                        aria-expanded="false" aria-haspopup="true">
                                    Личный кабинет                                    <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>Вход                                        </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>Регистрация                                        </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">Искать автора, книгу</label>
                                <div class="header-search-wrapper">
                                    <input id="header-search-input" type="search" name="searchstring" placeholder="Искать автора, книгу" 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="Искать автора, книгу" aria-hidden="true"></div>
                                </div>
                                <button type="submit" class="header__find-submit" aria-label="Искать автора, книгу">
                                    <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="Искать автора, книгу">
                                <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>Книги</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">Каталог</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>Все книги</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>Жанры</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>Поиск книг</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>Умный подбор</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>Блоги</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">Завершённые книги</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>Бесплатные книги</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>Лучшие писатели</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>Участвовать в конкурсе</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">Витрины</span></li>
                <li class="header__mobile-drop-down-list"><a href="/books/newbooks" class="header__mobile-drop-down-link" title="Новинки"><i class="fa fa-book" aria-hidden="true"></i>Новинки</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>Бестселлеры</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>Популярные книги</a></li>
                <li class="header__mobile-drop-down-list"><a href="/top/latest" class="header__mobile-drop-down-link" title="Новые главы"><i class="fa fa-fire" aria-hidden="true"></i>Новые главы</a></li>
                <li class="header__mobile-drop-down-list"><a href="/top/audiobooks" class="header__mobile-drop-down-link" title="Аудиокниги"><i class="fa fa-headphones" aria-hidden="true"></i>Аудиокниги</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">Спецпроекты</span></li>
                <li class="header__mobile-drop-down-list"><a href="/contest" class="header__mobile-drop-down-link" title="Конкурсы"><i class="fa w fa-trophy" aria-hidden="true"></i>Конкурсы</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>Выбор книги дня</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>Копилка (краудфандинг)</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>Литжурнал</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>Блоги</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">По формам</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>Поэзия</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>Комиксы</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>Руманга</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>Манга</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>Визуальные новеллы</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>Графические романы</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">Подборки</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>Подборки книг</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>Писатели рекомендуют</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>Моя библиотека</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">Активное чтение</span></li>
                <li class="header__mobile-drop-down-list"><a href="/books/bookmarks" class="header__mobile-drop-down-link" title="Продолжить чтение"><i class="fa fa-bookmark" aria-hidden="true"></i>Продолжить чтение </a></li>
                <li class="header__mobile-drop-down-list"><a href="/books/newchapters" class="header__mobile-drop-down-link" title="Новые главы по подпискам"><i class="fa fa-star" aria-hidden="true"></i>Новые главы по подпискам</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>Закладки в книгах</a></li>
                <li class="header__mobile-drop-down-list"><span class="header__mobile-drop-down-title">Подборки</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>Подписки </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>Подборки книг</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>План чтения</a></li>
                <li class="header__mobile-drop-down-list"><span class="header__mobile-drop-down-title">Доступ</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>Купленные книги </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>Абонементы</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>Ограниченный доступ</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>Чёрный список</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>Сообщество<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>Сообщения </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>Литжурнал</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>Блоги</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>Отзывы </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>Инфо</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>Помощь</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>Агентский договор</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>Правила для пользователей</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>Пользовательское соглашение</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>Способы оплаты</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>О Целлюлозе</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>Партнерская программа</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>Авторам</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>Стать писателем</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>Преимущества авторам и пользователям</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>Услуги и сервисы</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>Онлайн-курс для писателей</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>Печать на бумаге</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>Защита прав автора</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>
                    Русский                </button>
                <ul class="header__mobile-drop-down">
                    <li class="header__mobile-drop-down-list"><a href="/books/51277-Na-rasputi/13366874/?lang=ru" class="header__mobile-drop-down-link is-active" 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="/books/51277-Na-rasputi/13366874/?lang=en" class="header__mobile-drop-down-link" 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="Быстрые ссылки">
            <div class="header__hotlinks-inner">
                <a href="/abonement" class="header__hotlink" title="Книжный клуб - подписка">Книжный клуб</a>
                <a href="/start/" class="header__hotlink" title="Опубликовать — стать автором">Опубликовать</a>
                <a href="/catalog/free" class="header__hotlink" title="Бесплатные книги">Бесплатные книги</a>
                <a href="/catalog/exclusive" class="header__hotlink" title="Эксклюзивы">Эксклюзивы</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="Выберите категорию">
                <span class="homepage-mobile-category-toggle-text">Выберите категорию</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">Популярное</a>
                <a href="/catalog/sort/latest" class="homepage-mobile-category-link" role="listitem">Новые главы</a>
                <a href="/catalog/genre/1" class="homepage-mobile-category-link" role="listitem">Фантастика</a>
                <a href="/catalog/genre/2" class="homepage-mobile-category-link" role="listitem">Фэнтези</a>
                <a href="/catalog/genre/62" class="homepage-mobile-category-link" role="listitem">ЛитРПГ</a>
                <a href="/catalog/genre/433" class="homepage-mobile-category-link" role="listitem">Бояръ-аниме</a>
                <a href="/catalog/genre/501" class="homepage-mobile-category-link" role="listitem">Ромфант</a>
                <a href="/catalog/genre/46" class="homepage-mobile-category-link" role="listitem">Любовный роман</a>
                <a href="/catalog/genre/71" class="homepage-mobile-category-link" role="listitem">Попаданцы</a>
                <a href="/catalog/genre/4" class="homepage-mobile-category-link" role="listitem">Детектив</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":"Книга","author":"Автор","genre":"Жанр","annotation":"Аннотация"},"loading":"Ищем…"};</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="ef8aba90394637a8">
    <input type=hidden name=q value="login">
    <input type="hidden" name="auth_action" value="login_password">
    <input type="hidden" name="btnvalue" value="Войти">
    <input type="hidden" name="lang" value="ru">
    <input type="hidden" name="return_url" id="popup-login-return-url" value="">
      <div class="popup-enter__title">
        Войти
      </div>

      <div class="popup-enter__row">
        <label for="popup-enter-email" class="popup-enter__sub-title">Электронная почта <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;">Обязательное поле: введите email аккаунта.</small>
      </div>
      <div class="popup-enter__row">
        <label for="popup-enter-password" class="popup-enter__sub-title">Пароль <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="Показать пароль" title="Показать пароль" 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;">Требования к паролю: минимум 8 символов, хотя бы одна буква и одна цифра.</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;"
         >Забыли пароль?</a>
       </div>
        <input type="submit" class="popup-enter__button popup-enter__login-submit button button_color" value="Войти" tabindex="3">
      <a href="javascript:void(0)" onclick="closePopupEnter(); openPopupEnter('popup-register'); return false;" class="popup-enter__register-link popup-enter__link" title="Зарегистрироваться">Зарегистрироваться</a>
      <div class="popup-enter__or">
        <div class="popup-enter__or-title popup-enter__sub-title">или войти с помощью</div>
      </div>
      <div class="popup-enter__icons" style="display:flex;gap:8px;width:100%">
        <a href="/auth/social/start?provider=vk&amp;lang=ru" data-base-href="/auth/social/start?provider=vk&amp;lang=ru" 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="Войти через ВКонтакте">
            <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=ru" data-base-href="/auth/social/start?provider=yandex&amp;lang=ru" 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="Войти через Яндекс">
            <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=ru' class='msg_link' target="_blank" title="Помощь в регистрации">Помощь в регистрации</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;">Или</div>
        <a href="/login?lang=ru" onclick="event.preventDefault(); closePopupEnter(); window.location.href = window.location.protocol + '//' + window.location.host + '/login?lang=ru'; 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="Войти по ссылке (без пароля)">✉️ Войти по ссылке</a>
        <div style="text-align: center; font-size: 12px; color: #7f8c8d; margin-top: 10px; font-weight: 500;">🚀 Быстрый вход без пароля</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=ru" method="post">
    <input type=hidden name=nonce value="772ec71e895c2cb9">
    <input type=hidden name=q value="register">
    <input type=hidden name=lang value="ru">
    <input type=hidden name="ref" value="51277">
      <div class="popup-enter__title">
        Регистрация
      </div>
      <div class="popup-enter__sub-title" style="text-align: center; color: #667085; margin: 6px 0 12px;">
        Читать можно без регистрации — аккаунт нужен для прогресса и комментариев.
      </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 для входа и получения электронных чеков</p>
        <p id="popup-register-email-required-message" style="display:none; margin:6px 0 0; color:#d9534f; font-size:13px; font-weight:600;">Поле обязательно для заполнения</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">Введите корректный email (например, 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;">
                🤖 Проверка: сколько будет <span id="popup-captcha-question" style="color: #0FA6AB; font-size: 20px; font-weight: 700;">4 + 10</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="Ответ"
                           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="Другой вопрос" 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;">
                💡 Введите результат или нажмите 🔄 для другого вопроса
            </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="772ec71e895c2cb9">
           <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">* Я согласен с <a class="popup-enter__link" href="/legal/policy/?lang=ru" target="_blank" title="Политика обработки персональных данных">политикой обработки персональных данных</a></label>
         </div>
       </div>
       <input type="submit" class="regmein button button_color" value="Регистрация">
        <!--<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">или войти с помощью</div>
      </div>
      <div class="popup-enter__icons" style="display:flex;gap:8px;width:100%">
        <a href="/auth/social/start?provider=vk&amp;lang=ru" data-base-href="/auth/social/start?provider=vk&amp;lang=ru" 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="Войти с помощью ВКонтакте">
            <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=ru" data-base-href="/auth/social/start?provider=yandex&amp;lang=ru" 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="Войти с помощью Яндекс">
            <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=ru' class='popup-enter__btn-link' target="_blank" title="Помощь в регистрации">Помощь в регистрации</a>
      <a href="javascript:void(0)" onclick="closePopupEnter(); openPopupEnter('popup-login'); return false;" class="msg_link popup-enter__link" title="Войти на сайт">Войти на сайт</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;">Или</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="Ваш 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;">Отправить ссылку</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;">Отмена</button>
        </div>
        <a href="/register?lang=ru" 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="Зарегистрироваться по ссылке (без пароля)">🆕 Зарегистрироваться по ссылке</a>
        <div style="text-align: center; font-size: 12px; color: #7f8c8d; margin-top: 10px; font-weight: 500;">⚡ Регистрация за 30 секунд</div>
      </div>
      <script>
      (function() {
        const registerModalLang = "ru";
        const registerEmailEmptyAlert = "Пожалуйста, введите email";
        const registerEmailInvalidAlert = "Введите корректный email (например, name@example.com).";
        const registerSendingText = "Отправка...";
        const registerConfirmLinkLabel = "Ссылка для подтверждения:";
        const registerErrorText = "Ошибка регистрации";
        const registerErrorPrefix = "Ошибка";
        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 = '💡 ' + "Введите результат или нажмите 🔄 для другого вопроса";
const registerCaptchaLoadingText = '⏳ ' + "Загружаем новый вопрос...";
const registerCaptchaLoadFailedText = '⚠️ ' + "Не удалось загрузить вопрос. Попробуйте еще раз.";
const registerCaptchaPendingText = '💡 ' + "Ответ будет проверен после отправки формы";
const registerCurrentLang = "ru";
const loginShowPasswordText = "Показать пароль";
const loginHidePasswordText = "Скрыть пароль";
// Функция обновления капчи в 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 id="reader_loader"><div class="animation">Загрузка</div></div><script>(function(){var started=Date.now();setTimeout(function(){var el=document.getElementById("reader_loader");if(!el)return;if(el.offsetParent===null||el.style.display==="none"||el.hidden)return;var boot=typeof window.getbook==="function";var logged=window.readerDebugLog&&Array.isArray(window.readerDebugLog)&&window.readerDebugLog.some(function(e){return e&&e.msg==="reader.js loaded";});if(boot&&logged)return;el.innerHTML="<div class=\"reader__fallback\" style=\"margin:24px;padding:20px;background:#fff8e6;border:1px solid #f0c14b;border-radius:8px;font-size:15px;\"><p style=\"margin:0 0 12px;\"><strong>Не удалось инициализировать читалку.<\/strong><\/p><p style=\"margin:0 0 12px;\">Попробуйте обновить страницу.<\/p><p style=\"margin:0;\"><a class=\"lnk\" href=\"\/books\/51277\/\">← Назад к книге<\/a><\/p><\/div>";if(window.console&&console.error)console.error("[Reader] watchdog");},8000);})();</script><meta name="robots" content="noindex,follow"><h1 class="book-reader__seo-title sr-only">На распутьи. — Глава 1</h1>   <script>
    window.savepageNonce = "845e72fe58de3233";
    window.readerFeedbackNonce = "5088f067fd914a45";
    if (typeof resetReaderActivity === 'function') {
        resetReaderActivity();
    } else {
        window.readerLastActivity = Date.now();
        window.readerCarryoverMs = 0;
    }
    window.readerThemePresets = {
        night: { blux: 6, bg: '#1a1a2e', fg: '#eaeaea' },
        day: { blux: 5, bg: '#ffffff', fg: '#000000' },
        sepia: { blux: 3, bg: '#f4ecd8', fg: '#5b4636' },
        gray: { blux: 4, bg: '#e0e0e0', fg: '#000000' }
    };
    window.readerThemeKey = "gray";
    window.readerThemeStorageKey = 'ze_reader_theme';
    document.body.style.setProperty('background-color', "#F2F2F2", 'important');
    $('body').addClass("reader-theme-gray");
    $('.main-site-wrapper, .basiclux').css('overflow-x', 'hidden');
   </script>
   <!-- верстка новой читалки -->

   <!-- моя -->
   <div class="reader reader-theme-gray" style="background-color: #F2F2F2;">


   <!-- окно правки и отзыва о фрагменте -->
    <script src="/assets/js/coveronbookstart.js"></script>
    <script>addimgtemp("\/assets\/img\/layout\/books\/vunocover.jpg", 51277)</script>

   <div>
   <div id=vote class=feed>
   <div class=feedbdlg>
   <div class=capts>
       <div class=cap id=feedbcapt><i class="fa fa-heart"></i> Поделитесь впечатлениями</div>
       <div class=closebtns>
           <div class=close onclick="hidediv('vote');"><i class="fa fa-times" aria-hidden="true"></i></div>
             
           <div class=clb></div>
       </div>
       <div class=clb></div>
   </div>
   <div class=edinner2 id=feedbtext>
       Постойте, не пролистывайте! Вы только что закончили чтение фрагмента <a class=lnk href="/books/51277-Na-rasputi13366874/">Глава 1</a>. Поделитесь впечатлениями: каково оно? Понравилось, не понравилось, как вам текст?<BR>
       <div>
           <div id=newlikes class=newvotes></div>
           <div id=newcomm class=newcomm>
               <div id=col0_13366874 class=col3res>
                    
                    <div class=clb></div>
               </div>
            </div>
       </div>
       <div class=clb></div>
   </div>
   <div class=edinner3>
       <div class=rht> </div>
       <div class=clb></div>
   </div>
   <div class=clb></div>
   </div>
   </div>

   <div class="editdlg5 hiddn" id=editdlg>
   <div class=capt style="color: #0FA6AB !important;">Предложите исправить опечатку</div>
   <div class=edinner>
       <div class=lft><b>Опечатка по смещению <span id=edpage></span></b></div>
       <div class=rht><a class=lnk href="/forum/3/7276/">Как делать редактуру?</a></div>
       <div class=clb></div>
       <div class=h8></div>Неправильно написанное слово/фраза (напишите точно так же):
       <input type=text id=wrongtxt class="city w468" onfocus="act(1);" onblur="act(0);goodtxt.value=wrongtxt.value;">
       <div class=h8></div>А как правильно?
       <input type=text id=goodtxt class="city w468" onfocus="act(1);" onblur="act(0);">
       <div class=h8></div>Почему так (до 128 букв; это комментарий для автора, пояснение вашей правки):
       <input type=text id=whytxt class="city w468" onfocus="act(1);" onblur="act(0);">
		 <div class=h8></div>
       <input type=checkbox class=radio4 name=reward id=reward>
       <label class=iaccept for=reward>Мне вознаграждение 0.50р за эту правку не обязательно</label>
       <div class=rht>
           <input type=button class=grayb value="Отмена" title="Закрыть это окно" onclick="endEdit('');">
       <BR><small>Войдите на сайт, чтобы предложить правку</small>   </div>
   <div class=clb></div>
</div>
</div>
</div>
<!-- окно правки и отзыва о фрагменте (конец)--><script>(function(){var head = document.head || document.getElementsByTagName('head')[0];var ensureScript = function(src){    var scripts = document.getElementsByTagName('script');    for (var i = 0; i < scripts.length; i += 1) {        if (scripts[i].src && scripts[i].src.indexOf(src) !== -1) {            return scripts[i];        }    }    var script = document.createElement('script');    script.src = src;    head.appendChild(script);    return script;};var ensureStyle = function(href){    var links = document.querySelectorAll('link[rel="stylesheet"]');    for (var i = 0; i < links.length; i += 1) {        if (links[i].href && links[i].href.indexOf(href) !== -1) {            return;        }    }    var link = document.createElement('link');    link.rel = 'stylesheet';    link.href = href;    head.appendChild(link);};var loadReaderDeps = function(){    ensureScript('/assets/plugins/magnific/jquery.magnific-popup.min.js');    ensureScript('/assets/js/bookinfo.js?v=17');    (function() {        var hlsScript = ensureScript('/assets/js/libs/hls.min.js');        if (hlsScript) {            hlsScript.onerror = function() { ensureScript('https://cdn.jsdelivr.net/npm/hls.js@latest'); };        } else {            ensureScript('https://cdn.jsdelivr.net/npm/hls.js@latest');        }    })();    ensureScript('/assets/js/books/audioPlayer.js');};if (typeof window.jQuery === 'undefined') {    var jqueryScript = ensureScript('/assets/js/jquery-3.7.1.min.js');    if (jqueryScript) {        jqueryScript.onload = loadReaderDeps;    } else {        loadReaderDeps();    }} else {    loadReaderDeps();}ensureStyle('/assets/plugins/magnific/magnific-popup.css');ensureStyle('/assets/css/octoground/project3/book.css?v=16');ensureStyle('/assets/css/new_bookinfo.css?v=2026052001');})();</script><script>(function(){var serverPrefix = "reader.bottom.feedback";var serverKeys = {"loading":"reader.bottom.feedback.loading","success":"reader.bottom.feedback.success","validationNoEstimate":"reader.bottom.feedback.validationNoEstimate","validationLongComment":"reader.bottom.feedback.validationLongComment","failure":"reader.bottom.feedback.failure"};var serverTexts = {"loading":"Отправка...","success":"Отзыв отправлен! Обновляем страницу...","validationNoEstimate":"Выберите оценку в левом нижнем углу.","validationLongComment":"Слишком длинный комментарий","failure":"Не удалось отправить отзыв. Попробуйте позже."};var objectHasOwn = Object.prototype.hasOwnProperty;var arrayToString = Object.prototype.toString;var isArray = Array.isArray || function(value){return arrayToString.call(value) === "[object Array]";};var trimValue = function(value){return typeof value === "string" ? value.replace(/^\s+|\s+$/g, "") : "";};var assign = function(target, source){    if (!source || typeof source !== "object" || isArray(source)) {        return target;    }    for (var key in source) {        if (objectHasOwn.call(source, key)) {            target[key] = source[key];        }    }    return target;};window.readerBottomFeedbackServerTextsKey = serverPrefix;window.readerBottomFeedbackServerTextKeys = serverKeys;window.readerBottomFeedbackServerTexts = serverTexts;if (trimValue(window.readerBottomFeedbackTextsKey) === "") {    window.readerBottomFeedbackTextsKey = serverPrefix;}var existingKeys = (window.readerBottomFeedbackTextKeys && typeof window.readerBottomFeedbackTextKeys === "object" && !isArray(window.readerBottomFeedbackTextKeys)) ? window.readerBottomFeedbackTextKeys : {};var existingTexts = (window.readerBottomFeedbackTexts && typeof window.readerBottomFeedbackTexts === "object" && !isArray(window.readerBottomFeedbackTexts)) ? window.readerBottomFeedbackTexts : {};var mergedKeys = assign({}, serverKeys);assign(mergedKeys, existingKeys);window.readerBottomFeedbackTextKeys = mergedKeys;var mergedTexts = assign({}, serverTexts);assign(mergedTexts, existingTexts);window.readerBottomFeedbackTexts = mergedTexts;})();</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 style="padding: 3px 8px" aria-label="Перейти на страницу книги" title="Перейти на страницу книги" class="reader__btn-info button button_color" onclick="location.href='/books/51277'">
                        <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>
                    <a href="#comment-reader-popup" data-effect="mfp-zoom-in" style="padding: 3px 8px" class="reader__btn-comments-list button button_color chpt_og_btn"
                    aria-label="Показать/Скрыть комментарии под читалкой" title="Показать/Скрыть комментарии под читалкой">
                         <svg width="16" height="16" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M21.5 15.0001C21.5 15.5306 21.2893 16.0393 20.9142 16.4143C20.5391 16.7894 20.0304 17.0001 19.5 17.0001H7.5L3.5 21.0001V5.00012C3.5 4.46969 3.71071 3.96098 4.08579 3.58591C4.46086 3.21084 4.96957 3.00012 5.5 3.00012H19.5C20.0304 3.00012 20.5391 3.21084 20.9142 3.58591C21.2893 3.96098 21.5 4.46969 21.5 5.00012V15.0001Z" stroke="white" stroke-width="1.99832" stroke-linecap="round" stroke-linejoin="round"/>
                         </svg>
                         
                    </a>
                </div>
                <script>

            </script>
                <div class="reader__right-btn">
                    <button type="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 type="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>
                    <button style="padding: 3px 8px" aria-label="Открыть подсказки" title="Открыть подсказки" class="reader__btn-contents button button_color" onclick="openPopupReader('popup-advices')">
                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M13.0527 16.1348H10.0039C10.013 15.2871 10.0859 14.5762 10.2227 14.002C10.3594 13.4186 10.5872 12.89 10.9062 12.416C11.2344 11.9421 11.6673 11.4408 12.2051 10.9121C12.6243 10.5111 13.0026 10.1328 13.3398 9.77734C13.6771 9.41276 13.946 9.02995 14.1465 8.62891C14.347 8.21875 14.4473 7.74935 14.4473 7.2207C14.4473 6.64648 14.3516 6.15885 14.1602 5.75781C13.9688 5.35677 13.6862 5.05143 13.3125 4.8418C12.9479 4.63216 12.4922 4.52734 11.9453 4.52734C11.4896 4.52734 11.0612 4.61849 10.6602 4.80078C10.2591 4.97396 9.93555 5.2474 9.68945 5.62109C9.44336 5.98568 9.3112 6.46875 9.29297 7.07031H5.99805C6.01628 5.92188 6.28971 4.95573 6.81836 4.17188C7.34701 3.38802 8.05794 2.80013 8.95117 2.4082C9.8444 2.01628 10.8424 1.82031 11.9453 1.82031C13.1667 1.82031 14.2103 2.02995 15.0762 2.44922C15.9421 2.85938 16.6029 3.46094 17.0586 4.25391C17.5234 5.03776 17.7559 5.98568 17.7559 7.09766C17.7559 7.89974 17.5964 8.62891 17.2773 9.28516C16.9583 9.93229 16.5436 10.5384 16.0332 11.1035C15.5228 11.6595 14.9714 12.2155 14.3789 12.7715C13.8685 13.2363 13.5221 13.7422 13.3398 14.2891C13.1576 14.8268 13.0618 15.4421 13.0527 16.1348ZM9.73047 20.4004C9.73047 19.9082 9.89909 19.4935 10.2363 19.1562C10.5736 18.8099 11.0339 18.6367 11.6172 18.6367C12.2005 18.6367 12.6608 18.8099 12.998 19.1562C13.3353 19.4935 13.5039 19.9082 13.5039 20.4004C13.5039 20.8926 13.3353 21.3118 12.998 21.6582C12.6608 21.9954 12.2005 22.1641 11.6172 22.1641C11.0339 22.1641 10.5736 21.9954 10.2363 21.6582C9.89909 21.3118 9.73047 20.8926 9.73047 20.4004Z" fill="white"/>
                        </svg>
                     </button>
                    <button style="padding: 3px 8px" aria-label="Открыть оглавление книги" title="Открыть оглавление книги" class="reader__btn-contents button button_color" onclick="openPopupReader('popup-contents')">
                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M3.70999 16.29C3.61488 16.199 3.50274 16.1276 3.37999 16.08C3.13653 15.98 2.86345 15.98 2.61999 16.08C2.49724 16.1276 2.38509 16.199 2.28999 16.29C2.19895 16.3851 2.12758 16.4972 2.07999 16.62C2.00341 16.8021 1.98249 17.0028 2.01986 17.1968C2.05723 17.3908 2.15123 17.5694 2.28999 17.71C2.38719 17.7983 2.4988 17.8694 2.61999 17.92C2.73969 17.9729 2.86912 18.0002 2.99999 18.0002C3.13086 18.0002 3.26029 17.9729 3.37999 17.92C3.50117 17.8694 3.61279 17.7983 3.70999 17.71C3.84875 17.5694 3.94274 17.3908 3.98012 17.1968C4.01749 17.0028 3.99657 16.8021 3.91999 16.62C3.87239 16.4972 3.80103 16.3851 3.70999 16.29ZM6.99999 8H21C21.2652 8 21.5196 7.89464 21.7071 7.70711C21.8946 7.51957 22 7.26522 22 7C22 6.73478 21.8946 6.48043 21.7071 6.29289C21.5196 6.10536 21.2652 6 21 6H6.99999C6.73477 6 6.48042 6.10536 6.29288 6.29289C6.10535 6.48043 5.99999 6.73478 5.99999 7C5.99999 7.26522 6.10535 7.51957 6.29288 7.70711C6.48042 7.89464 6.73477 8 6.99999 8ZM3.70999 11.29C3.56936 11.1512 3.39079 11.0572 3.1968 11.0199C3.00281 10.9825 2.8021 11.0034 2.61999 11.08C2.4988 11.1306 2.38719 11.2017 2.28999 11.29C2.19895 11.3851 2.12758 11.4972 2.07999 11.62C2.02708 11.7397 1.99976 11.8691 1.99976 12C1.99976 12.1309 2.02708 12.2603 2.07999 12.38C2.13063 12.5012 2.20166 12.6128 2.28999 12.71C2.38719 12.7983 2.4988 12.8694 2.61999 12.92C2.73969 12.9729 2.86912 13.0002 2.99999 13.0002C3.13086 13.0002 3.26029 12.9729 3.37999 12.92C3.50117 12.8694 3.61279 12.7983 3.70999 12.71C3.79832 12.6128 3.86935 12.5012 3.91999 12.38C3.97289 12.2603 4.00022 12.1309 4.00022 12C4.00022 11.8691 3.97289 11.7397 3.91999 11.62C3.87239 11.4972 3.80103 11.3851 3.70999 11.29ZM21 11H6.99999C6.73477 11 6.48042 11.1054 6.29288 11.2929C6.10535 11.4804 5.99999 11.7348 5.99999 12C5.99999 12.2652 6.10535 12.5196 6.29288 12.7071C6.48042 12.8946 6.73477 13 6.99999 13H21C21.2652 13 21.5196 12.8946 21.7071 12.7071C21.8946 12.5196 22 12.2652 22 12C22 11.7348 21.8946 11.4804 21.7071 11.2929C21.5196 11.1054 21.2652 11 21 11ZM3.70999 6.29C3.61488 6.19896 3.50274 6.12759 3.37999 6.08C3.19788 6.00342 2.99716 5.9825 2.80317 6.01987C2.60919 6.05725 2.43061 6.15124 2.28999 6.29C2.20166 6.3872 2.13063 6.49882 2.07999 6.62C2.02708 6.7397 1.99976 6.86913 1.99976 7C1.99976 7.13087 2.02708 7.2603 2.07999 7.38C2.13063 7.50119 2.20166 7.6128 2.28999 7.71C2.38719 7.79833 2.4988 7.86936 2.61999 7.92C2.8021 7.99658 3.00281 8.0175 3.1968 7.98013C3.39079 7.94275 3.56936 7.84876 3.70999 7.71C3.79832 7.6128 3.86935 7.50119 3.91999 7.38C3.97289 7.2603 4.00022 7.13087 4.00022 7C4.00022 6.86913 3.97289 6.7397 3.91999 6.62C3.86935 6.49882 3.79832 6.3872 3.70999 6.29ZM21 16H6.99999C6.73477 16 6.48042 16.1054 6.29288 16.2929C6.10535 16.4804 5.99999 16.7348 5.99999 17C5.99999 17.2652 6.10535 17.5196 6.29288 17.7071C6.48042 17.8946 6.73477 18 6.99999 18H21C21.2652 18 21.5196 17.8946 21.7071 17.7071C21.8946 17.5196 22 17.2652 22 17C22 16.7348 21.8946 16.4804 21.7071 16.2929C21.5196 16.1054 21.2652 16 21 16Z" fill="white"/>
                        </svg>
                     </button>
                    <button type="button" style="padding: 3px 8px" id="reader-theme-toggle" class="reader__btn-theme button button_color"
                    aria-label="Ночная тема (тёмный фон)" title="Ночная тема (тёмный фон)"
                    data-reader-night="0">
                        <span class="reader__btn-theme-icon reader__btn-theme-icon--moon" aria-hidden="true" style="">
                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
                        </span>
                        <span class="reader__btn-theme-icon reader__btn-theme-icon--sun" aria-hidden="true" style="display:none">
                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="4" stroke="white" stroke-width="2"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>
                        </span>
                    </button>
                    <button style="padding: 3px 8px" class="reader__btn-settings button button_color" onclick="openPopupReader('popup-settings')"
                    aria-label="Открыть настройки (S)" title="Открыть настройки (S)">
                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M21.32 9.55L19.43 8.92L20.32 7.14C20.4102 6.95369 20.4404 6.74397 20.4064 6.53978C20.3723 6.33558 20.2758 6.14699 20.13 6L18 3.87C17.8522 3.72209 17.6618 3.62421 17.4555 3.59013C17.2493 3.55605 17.0375 3.58748 16.85 3.68L15.07 4.57L14.44 2.68C14.3735 2.483 14.2472 2.31163 14.0787 2.18975C13.9102 2.06787 13.7079 2.00155 13.5 2H10.5C10.2904 1.99946 10.0858 2.06482 9.91537 2.18685C9.7449 2.30887 9.61709 2.48138 9.55 2.68L8.92 4.57L7.14 3.68C6.95369 3.58978 6.74397 3.55961 6.53978 3.59364C6.33558 3.62767 6.14699 3.72423 6 3.87L3.87 6C3.72209 6.14777 3.62421 6.33818 3.59013 6.54446C3.55605 6.75074 3.58748 6.96251 3.68 7.15L4.57 8.93L2.68 9.56C2.483 9.62654 2.31163 9.75283 2.18975 9.92131C2.06787 10.0898 2.00155 10.2921 2 10.5V13.5C1.99946 13.7096 2.06482 13.9142 2.18685 14.0846C2.30887 14.2551 2.48138 14.3829 2.68 14.45L4.57 15.08L3.68 16.86C3.58978 17.0463 3.55961 17.256 3.59364 17.4602C3.62767 17.6644 3.72423 17.853 3.87 18L6 20.13C6.14777 20.2779 6.33818 20.3758 6.54446 20.4099C6.75074 20.444 6.96251 20.4125 7.15 20.32L8.93 19.43L9.56 21.32C9.62709 21.5186 9.7549 21.6911 9.92537 21.8132C10.0958 21.9352 10.3004 22.0005 10.51 22H13.51C13.7196 22.0005 13.9242 21.9352 14.0946 21.8132C14.2651 21.6911 14.3929 21.5186 14.46 21.32L15.09 19.43L16.87 20.32C17.0551 20.4079 17.2628 20.4369 17.4649 20.4029C17.667 20.3689 17.8538 20.2737 18 20.13L20.13 18C20.2779 17.8522 20.3758 17.6618 20.4099 17.4555C20.444 17.2493 20.4125 17.0375 20.32 16.85L19.43 15.07L21.32 14.44C21.517 14.3735 21.6884 14.2472 21.8103 14.0787C21.9321 13.9102 21.9985 13.7079 22 13.5V10.5C22.0005 10.2904 21.9352 10.0858 21.8132 9.91537C21.6911 9.7449 21.5186 9.61709 21.32 9.55ZM20 12.78L18.8 13.18C18.5241 13.2695 18.2709 13.418 18.0581 13.6151C17.8452 13.8122 17.6778 14.0533 17.5675 14.3216C17.4571 14.5899 17.4064 14.879 17.419 15.1688C17.4315 15.4586 17.5069 15.7422 17.64 16L18.21 17.14L17.11 18.24L16 17.64C15.7436 17.5122 15.4627 17.4411 15.1763 17.4313C14.89 17.4215 14.6049 17.4734 14.3403 17.5834C14.0758 17.6934 13.8379 17.8589 13.6429 18.0688C13.4479 18.2787 13.3003 18.5281 13.21 18.8L12.81 20H11.22L10.82 18.8C10.7305 18.5241 10.582 18.2709 10.3849 18.0581C10.1878 17.8452 9.94671 17.6778 9.67842 17.5675C9.41014 17.4571 9.12105 17.4064 8.83123 17.419C8.5414 17.4315 8.25777 17.5069 8 17.64L6.86 18.21L5.76 17.11L6.36 16C6.4931 15.7422 6.56852 15.4586 6.58105 15.1688C6.59358 14.879 6.5429 14.5899 6.43254 14.3216C6.32218 14.0533 6.15478 13.8122 5.94195 13.6151C5.72912 13.418 5.47595 13.2695 5.2 13.18L4 12.78V11.22L5.2 10.82C5.47595 10.7305 5.72912 10.582 5.94195 10.3849C6.15478 10.1878 6.32218 9.94671 6.43254 9.67842C6.5429 9.41014 6.59358 9.12105 6.58105 8.83123C6.56852 8.5414 6.4931 8.25777 6.36 8L5.79 6.89L6.89 5.79L8 6.36C8.25777 6.4931 8.5414 6.56852 8.83123 6.58105C9.12105 6.59358 9.41014 6.5429 9.67842 6.43254C9.94671 6.32218 10.1878 6.15478 10.3849 5.94195C10.582 5.72912 10.7305 5.47595 10.82 5.2L11.22 4H12.78L13.18 5.2C13.2695 5.47595 13.418 5.72912 13.6151 5.94195C13.8122 6.15478 14.0533 6.32218 14.3216 6.43254C14.5899 6.5429 14.879 6.59358 15.1688 6.58105C15.4586 6.56852 15.7422 6.4931 16 6.36L17.14 5.79L18.24 6.89L17.64 8C17.5122 8.25645 17.4411 8.53735 17.4313 8.82369C17.4215 9.11003 17.4734 9.39513 17.5834 9.65969C17.6934 9.92424 17.8589 10.1621 18.0688 10.3571C18.2787 10.5521 18.5281 10.6997 18.8 10.79L20 11.19V12.78ZM12 8C11.2089 8 10.4355 8.2346 9.77772 8.67413C9.11993 9.11365 8.60724 9.73836 8.30448 10.4693C8.00173 11.2002 7.92252 12.0044 8.07686 12.7804C8.2312 13.5563 8.61217 14.269 9.17158 14.8284C9.73099 15.3878 10.4437 15.7688 11.2196 15.9231C11.9956 16.0775 12.7998 15.9983 13.5307 15.6955C14.2616 15.3928 14.8864 14.8801 15.3259 14.2223C15.7654 13.5645 16 12.7911 16 12C16 10.9391 15.5786 9.92172 14.8284 9.17158C14.0783 8.42143 13.0609 8 12 8ZM12 14C11.6044 14 11.2178 13.8827 10.8889 13.6629C10.56 13.4432 10.3036 13.1308 10.1522 12.7654C10.0009 12.3999 9.96126 11.9978 10.0384 11.6098C10.1156 11.2219 10.3061 10.8655 10.5858 10.5858C10.8655 10.3061 11.2219 10.1156 11.6098 10.0384C11.9978 9.96126 12.3999 10.0009 12.7654 10.1522C13.1308 10.3036 13.4432 10.56 13.6629 10.8889C13.8827 11.2178 14 11.6044 14 12C14 12.5304 13.7893 13.0391 13.4142 13.4142C13.0391 13.7893 12.5304 14 12 14Z" fill="white"/>
                        </svg>
                    </button>    <button style="padding: 3px 8px" class="reader__btn-bookmarks button button_color" aria-label="Войдите на сайт, чтобы добавить в избранное" title="Войдите на сайт, чтобы добавить в избранное" onclick="if (typeof openLoginPopupWithContext === 'function') { openLoginPopupWithContext('reader'); } else { closePopupEnter(); openPopupEnter('popup-login'); }">
       <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 16 16" fill="none">
         <path
           d="M11.833 13.7129L11.0829 13.2795L8.08301 11.5463L11.833 13.7129ZM11.833 13.7129V12.8466M11.833 13.7129V12.8466M11.833 12.8466V3.33325C11.833 3.02383 11.7101 2.72709 11.4913 2.50829C11.2725 2.2895 10.9758 2.16659 10.6663 2.16659H5.33301C5.02359 2.16659 4.72685 2.2895 4.50806 2.50829C4.28926 2.72709 4.16635 3.02383 4.16635 3.33325V12.8466V13.7129M11.833 12.8466L4.16635 13.7129M4.16635 13.7129L4.91649 13.2795M4.16635 13.7129L4.91649 13.2795M4.91649 13.2795L7.91635 11.5463C7.91637 11.5462 7.9164 11.5462 7.91643 11.5462C7.91645 11.5462 7.91647 11.5462 7.91649 11.5462C7.94179 11.5316 7.97048 11.5239 7.99968 11.5239C8.02888 11.5239 8.05757 11.5316 8.08287 11.5462L4.91649 13.2795ZM3.83301 14.0019V13.9999V3.33325C3.83301 2.93543 3.99105 2.5539 4.27235 2.27259C4.55366 1.99129 4.93519 1.83325 5.33301 1.83325H10.6663C11.0642 1.83325 11.4457 1.99129 11.727 2.27259C12.0083 2.5539 12.1663 2.93543 12.1663 3.33325L12.1663 13.9999L12.1663 14.0019C12.1665 14.0313 12.1588 14.0602 12.1442 14.0856C12.1299 14.1105 12.1094 14.1313 12.0847 14.1459C12.0598 14.1597 12.0317 14.1668 12.0031 14.1666L12.0031 14.1665L11.9962 14.1666C11.9675 14.1668 11.9392 14.1596 11.9141 14.1456L8.24995 12.0271L7.99968 11.8824L7.74941 12.0271L4.08301 14.1469C4.05768 14.1615 4.02894 14.1692 3.99968 14.1692C3.97042 14.1692 3.94168 14.1615 3.91635 14.1469L3.67947 14.5572L3.91634 14.1469C3.89091 14.1322 3.86981 14.1111 3.85517 14.0856C3.84054 14.0602 3.83289 14.0313 3.83301 14.0019Z"
           fill="white" stroke="white" />
       </svg>
     </button>                <button style="padding: 3px 8px" id="fullscreen_button" class="reader__btn-book button button_color"
                aria-label="Включить/Выключить полноэкранный режим (F)" title="Включить/Выключить полноэкранный режим (F)">
                     <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none">
                        <path d="M21.92 2.62C21.8185 2.37565 21.6243 2.18147 21.38 2.08C21.2598 2.02876 21.1307 2.00158 21 2H15C14.7348 2 14.4804 2.10536 14.2929 2.29289C14.1054 2.48043 14 2.73478 14 3C14 3.26522 14.1054 3.51957 14.2929 3.70711C14.4804 3.89464 14.7348 4 15 4H18.59L4 18.59V15C4 14.7348 3.89464 14.4804 3.70711 14.2929C3.51957 14.1054 3.26522 14 3 14C2.73478 14 2.48043 14.1054 2.29289 14.2929C2.10536 14.4804 2 14.7348 2 15V21C2.00158 21.1307 2.02876 21.2598 2.08 21.38C2.18147 21.6243 2.37565 21.8185 2.62 21.92C2.74022 21.9712 2.86932 21.9984 3 22H9C9.26522 22 9.51957 21.8946 9.70711 21.7071C9.89464 21.5196 10 21.2652 10 21C10 20.7348 9.89464 20.4804 9.70711 20.2929C9.51957 20.1054 9.26522 20 9 20H5.41L20 5.41V9C20 9.26522 20.1054 9.51957 20.2929 9.70711C20.4804 9.89464 20.7348 10 21 10C21.2652 10 21.5196 9.89464 21.7071 9.70711C21.8946 9.51957 22 9.26522 22 9V3C21.9984 2.86932 21.9712 2.74022 21.92 2.62Z" fill="white"/>
                     </svg>
                </button>
            </div>
        </div>
    </div>    <div class="reader__main">
    <div class="reader__container">
   <div class="reader__can">
        <div class=correction5 id=correction onclick="if (typeof openLoginPopupWithContext === 'function') { openLoginPopupWithContext('reader'); } else { closePopupEnter(); openPopupEnter('popup-login'); }">
            <div class=offslines5lux></div>
            <div id=line1 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line2 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line3 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line4 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line5 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line6 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line7 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line8 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line9 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line10 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line11 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line12 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line13 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line14 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line15 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line16 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line17 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line18 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line19 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line20 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line21 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line22 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line23 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line24 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
            <div id=line25 class=bl5lux style='height: 30px' title='Опечатка в этой строке'></div>
        
        </div>
        <div id=cnvwrapper style='width: calc(100% - 18px);'>
            <div id=bookpgm class=noselect oncontextmenu="return false;" ondragstart="return false;" onmousedown="canvasClick(event);">
                <canvas id=cnv1 width='700' height='800'></canvas>
                <canvas id=cnv2 style="display: none;" width='700' height='800'></canvas>
                <canvas id=cnvVertical style="display: none;" width='700' height='800'></canvas>
                <div id="tooltip"></div>
            </div>

             <div id="verticalReader" class="reader__vertical-pages"></div>


            <div>
                <img loading='lazy' alt="текст книги" id=protected1 width='700' height='800' class="hid nonm" onmousedown="protimgClick(event);">
                <img loading='lazy' alt="текст книги" id=protected2 width='700' height='800' class="hid nonm" onmousedown="protimgClick(event);">
                <div class=clb></div>
            </div>
        </div>

   </div>       <div class="reader__progressbar" id=progrbar onclick=ProgressClick(event);>
            <div class=reader__progress1 id=progress1></div>
            <div class=reader__progress2 id=progress2></div>
        </div>
        <!--<div class="reader__floating-nav" aria-label="Навигация по страницам">
          <button type="button" aria-label="Предыдущая страница" title="Предыдущая страница" class="reader__floating-nav-btn button button_color" onclick="bpage(0, 1);">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
              <path d="M15 18L9 12L15 6" stroke="white" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </button>
          <button type="button" aria-label="Следующая страница" title="Следующая страница" class="reader__floating-nav-btn button button_color" onclick="bpage(1, 1);">
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
              <path d="M9 18L15 12L9 6" stroke="white" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
            </svg>
          </button>
        </div>-->        <div class="reader__bottom">
          <!-- Мобильная компактная навигация -->
          <div class="reader__mobile-nav">
            <button class="reader__nav-btn" onclick="bpage(0, 1);" aria-label="Предыдущая страница" title="Предыдущая страница">
              <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none">
                <path d="M15 18L9 12L15 6" stroke="white" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </button>
            <button type="button" class="reader__mobile-chapter" onclick="openPopupReader('popup-contents')" aria-label="Текущая глава: Глава 1" title="Текущая глава: Глава 1">
              <span class="reader__chapter-kicker">Глава</span>
              <span class="reader__chapter-title">Глава 1</span>
            </button>
            <span class="reader__nav-progress" onclick="openPopupReader('popup-pages')">
              <span id="bookpg"></span>%
            </span>
            <button class="reader__nav-btn" onclick="bpage(1, 1);" aria-label="Следующая страница" title="Следующая страница">
              <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none">
                <path d="M9 18L15 12L9 6" stroke="white" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
              </svg>
            </button>
          </div>
          <!-- Десктопная навигация -->
          <div class="reader__desktop-nav">
            <div class="reader__book">
               <a href="/books/51277" class="link">На распутьи.</a>
               <a href="/books/51277/13366874/#page" class="reader__current-chapter" aria-label="Текущая глава: Глава 1" title="Текущая глава: Глава 1">
                 <span class="reader__chapter-kicker">Текущая глава</span>
                 <span class="reader__chapter-title">Глава 1</span>
               </a>
            </div>
            <button type="button" onclick="openPopupReader('popup-pages')" class="reader__pages" aria-label="Открыть настройки (S)">
              Прогресс: <span id="bookpg2">0</span>%
            </button>
            <div class="reader__arrow">
              <button style="padding: 3px 8px" aria-label="Предыдущая страница" title="Предыдущая страница" class="reader__btn-left button button_color" onclick="bpage(0, 1);">
                <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 style="padding: 3px 8px" aria-label="Следующая страница" title="Следующая страница" class="reader__btn-right button button_color" onclick="bpage(1, 1);">
                <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>
       </div>
     </div>
   </div>
 </div>


   <!-- моя конец -->


   

   <div class="popup-reader" id="popup-settings">
   <div class="popup-reader__container" style="top:15vh;left:auto;right:3rem;transform:none;">
     <div class="popup-reader__inner " style="background-color: #F2F2F2;">
       <div class="popup-reader__top">
         <div class="popup-reader__title">Настройки</div>
         <button type="button" class="popup-reader__close" onclick="closePopupReader();" aria-label="Закрыть">
           <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>
         </button>
       </div>
       <div class="popup-reader__bg-color">
         <div class="popup-reader__sub-title">Цвет фона</div>
         <div class="popup-reader__color">
           <div class="popup-reader__color-1 popup-reader__colors" data-blux=6>Ночная</div>
           <div class="popup-reader__color-2 popup-reader__colors" data-blux=3>Сепия   </div>
           <div class="popup-reader__color-3 popup-reader__colors" data-blux=4>Серый</div>
           <div class="popup-reader__color-4 popup-reader__colors" data-blux=5>Белый</div>
           <!--<button class="popup-reader__color-other button button_color">
             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
               <path
                 d="M6.49967 9.33341V8.83341H5.99967H5.33301C4.93518 8.83341 4.55365 8.67538 4.27235 8.39407C3.99104 8.11277 3.83301 7.73124 3.83301 7.33341V1.33341C3.83301 1.28921 3.85057 1.24682 3.88182 1.21556C3.91308 1.18431 3.95547 1.16675 3.99967 1.16675H11.9997C12.0439 1.16675 12.0863 1.18431 12.1175 1.21556C12.1488 1.24682 12.1663 1.28921 12.1663 1.33341V7.33341C12.1663 7.73124 12.0083 8.11277 11.727 8.39407C11.4457 8.67538 11.0642 8.83341 10.6663 8.83341H9.99967H9.49967V9.33341V10.9134V11.1024L9.62468 11.2441C9.90047 11.5569 10.0802 11.9425 10.1422 12.3549C10.2043 12.7672 10.146 13.1887 9.97446 13.5687C9.8029 13.9487 9.52533 14.2712 9.17504 14.4974C8.82476 14.7236 8.41664 14.8439 7.99967 14.8439C7.5827 14.8439 7.17459 14.7236 6.82431 14.4974C6.47402 14.2712 6.19645 13.9487 6.02489 13.5687C5.85334 13.1887 5.79508 12.7672 5.85713 12.3549C5.91917 11.9425 6.09887 11.5569 6.37467 11.2441L6.49967 11.1024V10.9134V9.33341ZM7.99589 14.5001L7.99589 14.5001L8.00346 14.5001C8.37232 14.4973 8.73176 14.3833 9.0348 14.173C9.33785 13.9627 9.57041 13.6658 9.7021 13.3213C9.83379 12.9767 9.85847 12.6005 9.77293 12.2416C9.68739 11.8828 9.4956 11.5582 9.22263 11.3101L9.22134 11.3089C9.20408 11.2933 9.19026 11.2743 9.18079 11.2531C9.17137 11.2319 9.16645 11.2091 9.16634 11.186V9.33341V8.83341H8.66634H7.33301H6.83301V9.33341V11.186C6.8329 11.2091 6.82798 11.2319 6.81856 11.2531C6.80909 11.2743 6.79527 11.2933 6.778 11.3089L6.77672 11.3101C6.50375 11.5582 6.31196 11.8828 6.22642 12.2416C6.14088 12.6005 6.16556 12.9767 6.29725 13.3213C6.42894 13.6658 6.6615 13.9627 6.96454 14.173C7.26759 14.3833 7.62703 14.4973 7.99589 14.5001ZM4.66634 6.16675H4.16634V6.66675V7.33341C4.16634 7.64283 4.28926 7.93958 4.50805 8.15837C4.72684 8.37716 5.02359 8.50008 5.33301 8.50008H10.6663C10.9758 8.50008 11.2725 8.37716 11.4913 8.15837C11.7101 7.93958 11.833 7.64283 11.833 7.33341V6.66675V6.16675H11.333H4.66634ZM11.333 5.83341H11.833V5.33341V2.00008V1.50008H11.333H4.66634H4.16634V2.00008V5.33341V5.83341H4.66634H11.333ZM7.90708 12.5282C7.93449 12.5099 7.96671 12.5001 7.99967 12.5001C8.04388 12.5001 8.08627 12.5176 8.11752 12.5489C8.14878 12.5802 8.16634 12.6225 8.16634 12.6667C8.16634 12.6997 8.15657 12.7319 8.13825 12.7593L8.55399 13.0371L8.13825 12.7593C8.11994 12.7867 8.09391 12.8081 8.06346 12.8207C8.033 12.8333 7.99949 12.8366 7.96716 12.8302C7.93483 12.8238 7.90513 12.8079 7.88182 12.7846C7.85851 12.7613 7.84264 12.7316 7.83621 12.6993C7.82978 12.6669 7.83308 12.6334 7.84569 12.603C7.85831 12.5725 7.87967 12.5465 7.90708 12.5282Z"
                 fill="white" stroke="white" />
             </svg>
             Другой цвет
           </button>-->
         </div>
       </div>
       <div class="popup-reader__font">
         <div class="popup-reader__sub-title">Шрифт</div>

         <select name="font-type" class="popup-reader__font-select">
            <option value="10"selected>Serif</option>
            <option value="11">Verdana</option>
            <option value="12">Helvetica</option>
            <option value="13">Trebuchet MS</option>
         </select>

       </div>
       <div class="popup-reader__mode">
        <div class="popup-reader__sub-title">Режим чтения</div>
        <div class="popup-reader__mode-buttons">
          <button type="button" class="popup-reader__mode-button button button_color active" data-blux=14>Постраничный</button>
          <button type="button" class="popup-reader__mode-button button button_color" data-blux=15>Вертикальный</button>
        </div>
      </div>
      <div class="popup-reader__auto-buy" style="margin-top:12px;">
        <label class="popup-reader__auto-buy-label" style="display:flex;align-items:center;gap:8px;cursor:pointer;">
          <input type="checkbox" id="reader-auto-buy-next" name="auto_buy_next_chapter" value="1" data-nonce="7c119c1bbe196b78" style="width:18px;height:18px;">
          <span>Автоматически покупать следующую главу</span>
        </label>
        <script>
        (function(){
          var cb = document.getElementById('reader-auto-buy-next');
          if (!cb) return;
          cb.addEventListener('change', function(){
            var form = new FormData();
            form.append('op', 'save_auto_buy_next_chapter');
            form.append('nonce', cb.getAttribute('data-nonce') || '');
            form.append('auto_buy_next_chapter', cb.checked ? '1' : '0');
            fetch('/', { method: 'POST', body: form, credentials: 'same-origin' })
              .then(function(r){ return r.json(); })
              .then(function(data){ if (!data || !data.ok) console.warn('save_auto_buy_next_chapter', data); })
              .catch(function(){});
          });
        })();
        </script>
      </div>

       <div class="popup-reader__sub-title deployable">Экспертные настройки <i class="fa fa-chevron-down"></i></div>
       <div class="popup-reader__font-expert" id=readsample style="display: none">
         <div class="popup-reader__font-line">
           <input type="text" class="popup-reader__font-input" max="150" maxlength="3" id=fh value="20" onfocus="act(1);" onblur="act(0);">
           <div class="popup-reader__font-desc">
             Размер шрифта
           </div>
         </div>

         <div class="popup-reader__font-line">
           <input type="text" class="popup-reader__font-input" maxlength="7" id=bgcolor value="#F2F2F2" onfocus="act(1);" onblur="act(0);">
           <div class="popup-reader__font-desc">
             Цвет фона
           </div>
         </div>

         <div class="popup-reader__font-line">
           <input type="text" class="popup-reader__font-input" max="1000" maxlength="4" id=lh value="150" onfocus="act(1);" onblur="act(0);">
           <div class="popup-reader__font-desc">
             Межстрочный интервал, % (мин. 100)
           </div>
         </div>

         <div class="popup-reader__font-line">
           <input type="text" class="popup-reader__font-input" maxlength="7" id=fgcolor value="#000000" onfocus="act(1);" onblur="act(0);">
           <div class="popup-reader__font-desc">
             Цвет текста
           </div>
         </div>

         <div class="popup-reader__font-line">
           <input type="hidden" class="popup-reader__font-input" id=zoyval value="800" onfocus="act(1);" onblur="act(0);">
           <!--<div class="popup-reader__font-desc">
             Высота читалки
           </div>-->
         </div>
         <input type="hidden" id=zoxval value="700" onfocus="act(1);" onblur="act(0);">
         <button id="reader_update_button" class="popup-reader__font-button button button_color">Применить</button>
       </div>

     </div>
   </div>
 </div>

 <div class="popup-reader" id="popup-pages">
   <div class="popup-reader__container ">
     <div class="popup-reader__inner " style="background-color: #F2F2F2;">
       <div class="popup-reader__top">
         <div class="popup-reader__title">Список страниц</div>
         <button type="button" class="popup-reader__close" onclick="closePopupReader();" aria-label="Закрыть">
           <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>
         </button>
       </div>
       <label for="pages_find" class="visually-hidden">Поиск по страницам</label>
       <input id="pages_find" class="popup-reader__find" placeholder="Поиск...">
       <div class="popup-reader__pages" style="max-height:410px">
         <div class="popup-reader__items" style="max-height:100% !important" data-notfirst="" id="popup-reader-pages">

         </div>
         <div class="popup-reader__page-all">Всего <span id="bookpgAll"></span> стр.</div>
       </div>
     </div>
   </div>
 </div>

 <div class="popup-reader" id="popup-advices">
   <div class="popup-reader__container " style="width:auto">
     <div class="popup-reader__inner " style="background-color: #F2F2F2;">
       <div class="popup-reader__top">
         <div class="popup-reader__title">Подсказки</div>
         <button type="button" class="popup-reader__close" onclick="closePopupReader();" aria-label="Закрыть">
           <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>
         </button>
       </div>
       <div class="popup-reader__advices">
            <svg width="922" height="376" viewBox="0 0 922 376" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M73 258H161M117 214V258M29 60H205C217.15 60 227 69.8497 227 82V192C227 204.15 217.15 214 205 214H29C16.8497 214 7 204.15 7 192V82C7 69.8497 16.8497 60 29 60Z" stroke="black" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>
                <line x1="117" y1="210" x2="117" y2="64" stroke="black" stroke-width="4"/>
                <path d="M72.2502 114.788L66.5002 120.25M46.6627 126L38.3252 123.7M49.2502 137.5L43.7877 143.25M52.7002 109.325L55.0002 117.663M57.9816 130.859C57.8701 130.596 57.8396 130.306 57.894 130.026C57.9485 129.746 58.0854 129.489 58.2871 129.287C58.4888 129.085 58.7463 128.948 59.0263 128.894C59.3064 128.84 59.5963 128.87 59.8589 128.982L91.484 141.919C91.7654 142.035 92.003 142.236 92.1625 142.495C92.322 142.754 92.3952 143.057 92.3715 143.361C92.3479 143.664 92.2286 143.952 92.0309 144.183C91.8331 144.414 91.5672 144.577 91.2712 144.647L78.7678 147.64C78.2517 147.764 77.7797 148.027 77.4042 148.402C77.0287 148.777 76.7643 149.249 76.6403 149.765L73.6503 162.271C73.5806 162.568 73.4183 162.835 73.1868 163.034C72.9553 163.232 72.6666 163.352 72.3625 163.376C72.0584 163.4 71.7546 163.326 71.4951 163.166C71.2356 163.005 71.0339 162.767 70.9191 162.484L57.9816 130.859Z" stroke="black" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M336 123.468V159.936M336 87C371.346 87 400 115.573 400 150.819V178.17C400 213.416 371.346 207.65 336 207.65C300.654 207.65 272 213.416 272 178.17V150.819C272 115.573 300.654 87 336 87Z" stroke="black" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M357.25 158C357.25 158.69 356.69 159.25 356 159.25C355.31 159.25 354.75 158.69 354.75 158H357.25ZM355.116 128.116C355.604 127.628 356.396 127.628 356.884 128.116L364.839 136.071C365.327 136.559 365.327 137.351 364.839 137.839C364.351 138.327 363.559 138.327 363.071 137.839L356 130.768L348.929 137.839C348.441 138.327 347.649 138.327 347.161 137.839C346.673 137.351 346.673 136.559 347.161 136.071L355.116 128.116ZM354.75 158V129H357.25V158H354.75Z" fill="black"/>
                <path d="M332 115.5L329 109.5" stroke="black" stroke-width="2" stroke-linecap="round"/>
                <path d="M340 115.5L343 109.5" stroke="black" stroke-width="2" stroke-linecap="round"/>
                <path d="M336 109V115.5" stroke="black" stroke-width="2" stroke-linecap="round"/>
                <path d="M20.3125 1.25V24H16.4062V4.375H6.29688V24H2.39062V1.25H20.3125ZM28.4375 10.3438V30.5H24.6719V7.09375H28.1406L28.4375 10.3438ZM39.4531 15.3906V15.7188C39.4531 16.9479 39.3073 18.0885 39.0156 19.1406C38.7344 20.1823 38.3125 21.0938 37.75 21.875C37.1979 22.6458 36.5156 23.2448 35.7031 23.6719C34.8906 24.099 33.9531 24.3125 32.8906 24.3125C31.8385 24.3125 30.9167 24.1198 30.125 23.7344C29.3438 23.3385 28.6823 22.7812 28.1406 22.0625C27.599 21.3438 27.1615 20.5 26.8281 19.5312C26.5052 18.5521 26.276 17.4792 26.1406 16.3125V15.0469C26.276 13.8073 26.5052 12.6823 26.8281 11.6719C27.1615 10.6615 27.599 9.79167 28.1406 9.0625C28.6823 8.33333 29.3438 7.77083 30.125 7.375C30.9062 6.97917 31.8177 6.78125 32.8594 6.78125C33.9219 6.78125 34.8646 6.98958 35.6875 7.40625C36.5104 7.8125 37.2031 8.39583 37.7656 9.15625C38.3281 9.90625 38.75 10.8125 39.0312 11.875C39.3125 12.9271 39.4531 14.099 39.4531 15.3906ZM35.6875 15.7188V15.3906C35.6875 14.6094 35.6146 13.8854 35.4688 13.2188C35.3229 12.5417 35.0938 11.9479 34.7812 11.4375C34.4688 10.9271 34.0677 10.5312 33.5781 10.25C33.099 9.95833 32.5208 9.8125 31.8438 9.8125C31.1771 9.8125 30.6042 9.92708 30.125 10.1562C29.6458 10.375 29.2448 10.6823 28.9219 11.0781C28.599 11.474 28.349 11.9375 28.1719 12.4688C27.9948 12.9896 27.8698 13.5573 27.7969 14.1719V17.2031C27.9219 17.9531 28.1354 18.6406 28.4375 19.2656C28.7396 19.8906 29.1667 20.3906 29.7188 20.7656C30.2812 21.1302 31 21.3125 31.875 21.3125C32.5521 21.3125 33.1302 21.1667 33.6094 20.875C34.0885 20.5833 34.4792 20.1823 34.7812 19.6719C35.0938 19.151 35.3229 18.5521 35.4688 17.875C35.6146 17.1979 35.6875 16.4792 35.6875 15.7188ZM50.1094 24.3125C48.8594 24.3125 47.7292 24.1094 46.7188 23.7031C45.7188 23.2865 44.8646 22.7083 44.1562 21.9688C43.4583 21.2292 42.9219 20.3594 42.5469 19.3594C42.1719 18.3594 41.9844 17.2812 41.9844 16.125V15.5C41.9844 14.1771 42.1771 12.9792 42.5625 11.9062C42.9479 10.8333 43.4844 9.91667 44.1719 9.15625C44.8594 8.38542 45.6719 7.79688 46.6094 7.39062C47.5469 6.98438 48.5625 6.78125 49.6562 6.78125C50.8646 6.78125 51.9219 6.98438 52.8281 7.39062C53.7344 7.79688 54.4844 8.36979 55.0781 9.10938C55.6823 9.83854 56.1302 10.7083 56.4219 11.7188C56.724 12.7292 56.875 13.8438 56.875 15.0625V16.6719H43.8125V13.9688H53.1562V13.6719C53.1354 12.9948 53 12.3594 52.75 11.7656C52.5104 11.1719 52.1406 10.6927 51.6406 10.3281C51.1406 9.96354 50.474 9.78125 49.6406 9.78125C49.0156 9.78125 48.4583 9.91667 47.9688 10.1875C47.4896 10.4479 47.0885 10.8281 46.7656 11.3281C46.4427 11.8281 46.1927 12.4323 46.0156 13.1406C45.849 13.8385 45.7656 14.625 45.7656 15.5V16.125C45.7656 16.8646 45.8646 17.5521 46.0625 18.1875C46.2708 18.8125 46.5729 19.3594 46.9688 19.8281C47.3646 20.2969 47.8438 20.6667 48.4062 20.9375C48.9688 21.1979 49.6094 21.3281 50.3281 21.3281C51.2344 21.3281 52.0417 21.1458 52.75 20.7812C53.4583 20.4167 54.0729 19.901 54.5938 19.2344L56.5781 21.1562C56.2135 21.6875 55.7396 22.1979 55.1562 22.6875C54.5729 23.1667 53.8594 23.5573 53.0156 23.8594C52.1823 24.1615 51.2135 24.3125 50.1094 24.3125ZM62.875 7.09375H66.6406L66.4531 13.0469C66.401 14.776 66.2031 16.2604 65.8594 17.5C65.5156 18.7396 65.0677 19.7865 64.5156 20.6406C63.9635 21.4844 63.3385 22.1771 62.6406 22.7188C61.9531 23.2604 61.2292 23.6875 60.4688 24H59.3594V21.0312L59.8906 21C60.3385 20.5208 60.724 20.0417 61.0469 19.5625C61.3802 19.0729 61.6615 18.5365 61.8906 17.9531C62.1198 17.3594 62.2969 16.6667 62.4219 15.875C62.5573 15.0833 62.6458 14.1406 62.6875 13.0469L62.875 7.09375ZM63.875 7.09375H74.5938V24H70.8438V10.2812H63.875V7.09375ZM58.5 21H76.9062V29.0312H73.1406V24H62.3125V29.0312H58.4844L58.5 21ZM82.3906 12.4688H87.375C88.8333 12.4688 90.0729 12.7135 91.0938 13.2031C92.1146 13.6927 92.8906 14.375 93.4219 15.25C93.9635 16.1146 94.2344 17.1042 94.2344 18.2188C94.2344 19.0417 94.0833 19.8073 93.7812 20.5156C93.4792 21.2135 93.0312 21.8229 92.4375 22.3438C91.8542 22.8646 91.1354 23.2708 90.2812 23.5625C89.4375 23.8542 88.4688 24 87.375 24H79.8906V7.09375H83.6719V21.0156H87.375C88.125 21.0156 88.724 20.8854 89.1719 20.625C89.6198 20.3646 89.9427 20.026 90.1406 19.6094C90.349 19.1927 90.4531 18.75 90.4531 18.2812C90.4531 17.8021 90.349 17.349 90.1406 16.9219C89.9427 16.4948 89.6198 16.1458 89.1719 15.875C88.724 15.6042 88.125 15.4688 87.375 15.4688H82.3906V12.4688ZM100.891 7.09375V24H97.125V7.09375H100.891ZM108.406 7.09375H112.172L111.984 13.0469C111.932 14.776 111.734 16.2604 111.391 17.5C111.047 18.7396 110.599 19.7865 110.047 20.6406C109.495 21.4844 108.87 22.1771 108.172 22.7188C107.484 23.2604 106.76 23.6875 106 24H104.891V21.0312L105.422 21C105.87 20.5208 106.255 20.0417 106.578 19.5625C106.911 19.0729 107.193 18.5365 107.422 17.9531C107.651 17.3594 107.828 16.6667 107.953 15.875C108.089 15.0833 108.177 14.1406 108.219 13.0469L108.406 7.09375ZM109.406 7.09375H120.125V24H116.375V10.2812H109.406V7.09375ZM104.031 21H122.438V29.0312H118.672V24H107.844V29.0312H104.016L104.031 21ZM130.031 22.1562L134.625 7.09375H138.656L131.875 26.5781C131.719 26.9948 131.516 27.4479 131.266 27.9375C131.016 28.4271 130.688 28.8906 130.281 29.3281C129.885 29.776 129.391 30.1354 128.797 30.4062C128.203 30.6875 127.484 30.8281 126.641 30.8281C126.307 30.8281 125.984 30.7969 125.672 30.7344C125.37 30.6823 125.083 30.625 124.812 30.5625L124.797 27.6875C124.901 27.6979 125.026 27.7083 125.172 27.7188C125.328 27.7292 125.453 27.7344 125.547 27.7344C126.172 27.7344 126.693 27.6562 127.109 27.5C127.526 27.3542 127.865 27.1146 128.125 26.7812C128.396 26.4479 128.625 26 128.812 25.4375L130.031 22.1562ZM127.438 7.09375L131.453 19.75L132.125 23.7188L129.516 24.3906L123.375 7.09375H127.438ZM165.797 21.0156L165.5 29.0156H162.047V24H160.016V21.0156H165.797ZM140.828 7.09375H144.594V21H149.969V7.09375H153.75V21H159.109V7.09375H162.875V24H140.828V7.09375ZM178.125 20.6094V12.5469C178.125 11.9427 178.016 11.4219 177.797 10.9844C177.578 10.5469 177.245 10.2083 176.797 9.96875C176.359 9.72917 175.807 9.60938 175.141 9.60938C174.526 9.60938 173.995 9.71354 173.547 9.92188C173.099 10.1302 172.75 10.4115 172.5 10.7656C172.25 11.1198 172.125 11.5208 172.125 11.9688H168.375C168.375 11.3021 168.536 10.6562 168.859 10.0312C169.182 9.40625 169.651 8.84896 170.266 8.35938C170.88 7.86979 171.615 7.48438 172.469 7.20312C173.323 6.92188 174.281 6.78125 175.344 6.78125C176.615 6.78125 177.74 6.99479 178.719 7.42188C179.708 7.84896 180.484 8.49479 181.047 9.35938C181.62 10.2135 181.906 11.2865 181.906 12.5781V20.0938C181.906 20.8646 181.958 21.5573 182.062 22.1719C182.177 22.776 182.339 23.3021 182.547 23.75V24H178.688C178.51 23.5938 178.37 23.0781 178.266 22.4531C178.172 21.8177 178.125 21.2031 178.125 20.6094ZM178.672 13.7188L178.703 16.0469H176C175.302 16.0469 174.688 16.1146 174.156 16.25C173.625 16.375 173.182 16.5625 172.828 16.8125C172.474 17.0625 172.208 17.3646 172.031 17.7188C171.854 18.0729 171.766 18.474 171.766 18.9219C171.766 19.3698 171.87 19.7812 172.078 20.1562C172.286 20.5208 172.589 20.8073 172.984 21.0156C173.391 21.224 173.88 21.3281 174.453 21.3281C175.224 21.3281 175.896 21.1719 176.469 20.8594C177.052 20.5365 177.51 20.1458 177.844 19.6875C178.177 19.2188 178.354 18.776 178.375 18.3594L179.594 20.0312C179.469 20.4583 179.255 20.9167 178.953 21.4062C178.651 21.8958 178.255 22.3646 177.766 22.8125C177.286 23.25 176.708 23.6094 176.031 23.8906C175.365 24.1719 174.594 24.3125 173.719 24.3125C172.615 24.3125 171.63 24.0938 170.766 23.6562C169.901 23.2083 169.224 22.6094 168.734 21.8594C168.245 21.099 168 20.2396 168 19.2812C168 18.3854 168.167 17.5938 168.5 16.9062C168.844 16.2083 169.344 15.625 170 15.1562C170.667 14.6875 171.479 14.3333 172.438 14.0938C173.396 13.8438 174.49 13.7188 175.719 13.7188H178.672ZM189.406 15.7344H193.312L188.516 24H184.625L189.406 15.7344ZM192.156 7.09375H199.406V24H195.656V10.0625H192.156C191.448 10.0625 190.865 10.1875 190.406 10.4375C189.948 10.6771 189.609 10.9948 189.391 11.3906C189.172 11.776 189.062 12.1719 189.062 12.5781C189.062 12.9844 189.161 13.375 189.359 13.75C189.568 14.125 189.885 14.4323 190.312 14.6719C190.75 14.9115 191.297 15.0312 191.953 15.0312H196.922V17.7812H191.953C190.911 17.7812 189.979 17.651 189.156 17.3906C188.333 17.1198 187.635 16.75 187.062 16.2812C186.49 15.8021 186.052 15.2448 185.75 14.6094C185.448 13.9635 185.297 13.2604 185.297 12.5C185.297 11.7188 185.453 11 185.766 10.3438C186.078 9.6875 186.526 9.11458 187.109 8.625C187.703 8.13542 188.422 7.76042 189.266 7.5C190.12 7.22917 191.083 7.09375 192.156 7.09375ZM218.469 21.3125C219.083 21.3125 219.635 21.1927 220.125 20.9531C220.625 20.7031 221.026 20.3594 221.328 19.9219C221.641 19.4844 221.812 18.9792 221.844 18.4062H225.391C225.37 19.5 225.047 20.4948 224.422 21.3906C223.797 22.2865 222.969 23 221.938 23.5312C220.906 24.0521 219.766 24.3125 218.516 24.3125C217.224 24.3125 216.099 24.0938 215.141 23.6562C214.182 23.2083 213.385 22.5938 212.75 21.8125C212.115 21.0312 211.635 20.1302 211.312 19.1094C211 18.0885 210.844 16.9948 210.844 15.8281V15.2812C210.844 14.1146 211 13.0208 211.312 12C211.635 10.9688 212.115 10.0625 212.75 9.28125C213.385 8.5 214.182 7.89062 215.141 7.45312C216.099 7.00521 217.219 6.78125 218.5 6.78125C219.854 6.78125 221.042 7.05208 222.062 7.59375C223.083 8.125 223.885 8.86979 224.469 9.82812C225.062 10.776 225.37 11.8802 225.391 13.1406H221.844C221.812 12.5156 221.656 11.9531 221.375 11.4531C221.104 10.9427 220.719 10.5365 220.219 10.2344C219.729 9.93229 219.141 9.78125 218.453 9.78125C217.693 9.78125 217.062 9.9375 216.562 10.25C216.062 10.5521 215.672 10.9688 215.391 11.5C215.109 12.0208 214.906 12.6094 214.781 13.2656C214.667 13.9115 214.609 14.5833 214.609 15.2812V15.8281C214.609 16.526 214.667 17.2031 214.781 17.8594C214.896 18.5156 215.094 19.1042 215.375 19.625C215.667 20.1354 216.062 20.5469 216.562 20.8594C217.062 21.1615 217.698 21.3125 218.469 21.3125ZM236.125 7.09375V24H232.344V7.09375H236.125ZM241.672 7.09375V10.0625H226.891V7.09375H241.672ZM247.969 10.3438V30.5H244.203V7.09375H247.672L247.969 10.3438ZM258.984 15.3906V15.7188C258.984 16.9479 258.839 18.0885 258.547 19.1406C258.266 20.1823 257.844 21.0938 257.281 21.875C256.729 22.6458 256.047 23.2448 255.234 23.6719C254.422 24.099 253.484 24.3125 252.422 24.3125C251.37 24.3125 250.448 24.1198 249.656 23.7344C248.875 23.3385 248.214 22.7812 247.672 22.0625C247.13 21.3438 246.693 20.5 246.359 19.5312C246.036 18.5521 245.807 17.4792 245.672 16.3125V15.0469C245.807 13.8073 246.036 12.6823 246.359 11.6719C246.693 10.6615 247.13 9.79167 247.672 9.0625C248.214 8.33333 248.875 7.77083 249.656 7.375C250.438 6.97917 251.349 6.78125 252.391 6.78125C253.453 6.78125 254.396 6.98958 255.219 7.40625C256.042 7.8125 256.734 8.39583 257.297 9.15625C257.859 9.90625 258.281 10.8125 258.562 11.875C258.844 12.9271 258.984 14.099 258.984 15.3906ZM255.219 15.7188V15.3906C255.219 14.6094 255.146 13.8854 255 13.2188C254.854 12.5417 254.625 11.9479 254.312 11.4375C254 10.9271 253.599 10.5312 253.109 10.25C252.63 9.95833 252.052 9.8125 251.375 9.8125C250.708 9.8125 250.135 9.92708 249.656 10.1562C249.177 10.375 248.776 10.6823 248.453 11.0781C248.13 11.474 247.88 11.9375 247.703 12.4688C247.526 12.9896 247.401 13.5573 247.328 14.1719V17.2031C247.453 17.9531 247.667 18.6406 247.969 19.2656C248.271 19.8906 248.698 20.3906 249.25 20.7656C249.812 21.1302 250.531 21.3125 251.406 21.3125C252.083 21.3125 252.661 21.1667 253.141 20.875C253.62 20.5833 254.01 20.1823 254.312 19.6719C254.625 19.151 254.854 18.5521 255 17.875C255.146 17.1979 255.219 16.4792 255.219 15.7188ZM271.719 20.6094V12.5469C271.719 11.9427 271.609 11.4219 271.391 10.9844C271.172 10.5469 270.839 10.2083 270.391 9.96875C269.953 9.72917 269.401 9.60938 268.734 9.60938C268.12 9.60938 267.589 9.71354 267.141 9.92188C266.693 10.1302 266.344 10.4115 266.094 10.7656C265.844 11.1198 265.719 11.5208 265.719 11.9688H261.969C261.969 11.3021 262.13 10.6562 262.453 10.0312C262.776 9.40625 263.245 8.84896 263.859 8.35938C264.474 7.86979 265.208 7.48438 266.062 7.20312C266.917 6.92188 267.875 6.78125 268.938 6.78125C270.208 6.78125 271.333 6.99479 272.312 7.42188C273.302 7.84896 274.078 8.49479 274.641 9.35938C275.214 10.2135 275.5 11.2865 275.5 12.5781V20.0938C275.5 20.8646 275.552 21.5573 275.656 22.1719C275.771 22.776 275.932 23.3021 276.141 23.75V24H272.281C272.104 23.5938 271.964 23.0781 271.859 22.4531C271.766 21.8177 271.719 21.2031 271.719 20.6094ZM272.266 13.7188L272.297 16.0469H269.594C268.896 16.0469 268.281 16.1146 267.75 16.25C267.219 16.375 266.776 16.5625 266.422 16.8125C266.068 17.0625 265.802 17.3646 265.625 17.7188C265.448 18.0729 265.359 18.474 265.359 18.9219C265.359 19.3698 265.464 19.7812 265.672 20.1562C265.88 20.5208 266.182 20.8073 266.578 21.0156C266.984 21.224 267.474 21.3281 268.047 21.3281C268.818 21.3281 269.49 21.1719 270.062 20.8594C270.646 20.5365 271.104 20.1458 271.438 19.6875C271.771 19.2188 271.948 18.776 271.969 18.3594L273.188 20.0312C273.062 20.4583 272.849 20.9167 272.547 21.4062C272.245 21.8958 271.849 22.3646 271.359 22.8125C270.88 23.25 270.302 23.6094 269.625 23.8906C268.958 24.1719 268.188 24.3125 267.312 24.3125C266.208 24.3125 265.224 24.0938 264.359 23.6562C263.495 23.2083 262.818 22.6094 262.328 21.8594C261.839 21.099 261.594 20.2396 261.594 19.2812C261.594 18.3854 261.76 17.5938 262.094 16.9062C262.438 16.2083 262.938 15.625 263.594 15.1562C264.26 14.6875 265.073 14.3333 266.031 14.0938C266.99 13.8438 268.083 13.7188 269.312 13.7188H272.266ZM290.984 14.1562V17.125H282.234V14.1562H290.984ZM283.328 7.09375V24H279.562V7.09375H283.328ZM293.703 7.09375V24H289.938V7.09375H293.703ZM301.609 18.5L308.25 7.09375H312.016V24H308.25V12.5781L301.609 24H297.844V7.09375H301.609V18.5ZM316.125 24V7.09375H319.891V21H326.516V7.09375H330.297V24H316.125ZM332.594 21.0156L332.297 29.0156H328.844V24H326.812V21.0156H332.594ZM344.781 20.6094V12.5469C344.781 11.9427 344.672 11.4219 344.453 10.9844C344.234 10.5469 343.901 10.2083 343.453 9.96875C343.016 9.72917 342.464 9.60938 341.797 9.60938C341.182 9.60938 340.651 9.71354 340.203 9.92188C339.755 10.1302 339.406 10.4115 339.156 10.7656C338.906 11.1198 338.781 11.5208 338.781 11.9688H335.031C335.031 11.3021 335.193 10.6562 335.516 10.0312C335.839 9.40625 336.307 8.84896 336.922 8.35938C337.536 7.86979 338.271 7.48438 339.125 7.20312C339.979 6.92188 340.938 6.78125 342 6.78125C343.271 6.78125 344.396 6.99479 345.375 7.42188C346.365 7.84896 347.141 8.49479 347.703 9.35938C348.276 10.2135 348.562 11.2865 348.562 12.5781V20.0938C348.562 20.8646 348.615 21.5573 348.719 22.1719C348.833 22.776 348.995 23.3021 349.203 23.75V24H345.344C345.167 23.5938 345.026 23.0781 344.922 22.4531C344.828 21.8177 344.781 21.2031 344.781 20.6094ZM345.328 13.7188L345.359 16.0469H342.656C341.958 16.0469 341.344 16.1146 340.812 16.25C340.281 16.375 339.839 16.5625 339.484 16.8125C339.13 17.0625 338.865 17.3646 338.688 17.7188C338.51 18.0729 338.422 18.474 338.422 18.9219C338.422 19.3698 338.526 19.7812 338.734 20.1562C338.943 20.5208 339.245 20.8073 339.641 21.0156C340.047 21.224 340.536 21.3281 341.109 21.3281C341.88 21.3281 342.552 21.1719 343.125 20.8594C343.708 20.5365 344.167 20.1458 344.5 19.6875C344.833 19.2188 345.01 18.776 345.031 18.3594L346.25 20.0312C346.125 20.4583 345.911 20.9167 345.609 21.4062C345.307 21.8958 344.911 22.3646 344.422 22.8125C343.943 23.25 343.365 23.6094 342.688 23.8906C342.021 24.1719 341.25 24.3125 340.375 24.3125C339.271 24.3125 338.286 24.0938 337.422 23.6562C336.557 23.2083 335.88 22.6094 335.391 21.8594C334.901 21.099 334.656 20.2396 334.656 19.2812C334.656 18.3854 334.823 17.5938 335.156 16.9062C335.5 16.2083 336 15.625 336.656 15.1562C337.323 14.6875 338.135 14.3333 339.094 14.0938C340.052 13.8438 341.146 13.7188 342.375 13.7188H345.328Z" fill="#0FA6AB"/>
                <rect x="-3" y="3" width="76" height="76" rx="7" transform="matrix(-1 0 0 1 287 293)" stroke="black" stroke-width="6"/>
                <path d="M276 331C277.657 331 279 332.343 279 334C279 335.657 277.657 337 276 337V331ZM224.879 336.121C223.707 334.95 223.707 333.05 224.879 331.879L243.971 312.787C245.142 311.615 247.042 311.615 248.213 312.787C249.385 313.958 249.385 315.858 248.213 317.029L231.243 334L248.213 350.971C249.385 352.142 249.385 354.042 248.213 355.213C247.042 356.385 245.142 356.385 243.971 355.213L224.879 336.121ZM276 337H227V331H276V337Z" fill="black"/>
                <rect x="3" y="3" width="76" height="76" rx="7" transform="matrix(0 1 1 0 108 293)" stroke="black" stroke-width="6"/>
                <path d="M146 310C146 308.343 147.343 307 149 307C150.657 307 152 308.343 152 310H146ZM151.121 361.121C149.95 362.293 148.05 362.293 146.879 361.121L127.787 342.029C126.615 340.858 126.615 338.958 127.787 337.787C128.958 336.615 130.858 336.615 132.029 337.787L149 354.757L165.971 337.787C167.142 336.615 169.042 336.615 170.213 337.787C171.385 338.958 171.385 340.858 170.213 342.029L151.121 361.121ZM152 310V359H146V310H152Z" fill="black"/>
                <path d="M583 258H671M627 214V258M539 60H715C727.15 60 737 69.8497 737 82V192C737 204.15 727.15 214 715 214H539C526.85 214 517 204.15 517 192V82C517 69.8497 526.85 60 539 60Z" stroke="black" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>
                <line x1="627" y1="210" x2="627" y2="65" stroke="black" stroke-width="4"/>
                <path d="M688.925 115.462L683.175 120.925M663.337 126.675L655 124.375M665.925 138.175L660.462 143.925M669.375 110L671.675 118.337M674.656 131.534C674.545 131.271 674.514 130.981 674.569 130.701C674.623 130.421 674.76 130.164 674.962 129.962C675.164 129.76 675.421 129.623 675.701 129.569C675.981 129.514 676.271 129.545 676.534 129.656L708.159 142.594C708.44 142.709 708.678 142.911 708.837 143.17C708.997 143.429 709.07 143.732 709.046 144.036C709.023 144.339 708.903 144.627 708.706 144.858C708.508 145.089 708.242 145.252 707.946 145.322L695.443 148.315C694.926 148.438 694.455 148.702 694.079 149.077C693.703 149.452 693.439 149.924 693.315 150.44L690.325 162.946C690.255 163.243 690.093 163.51 689.862 163.709C689.63 163.907 689.341 164.027 689.037 164.051C688.733 164.074 688.429 164.001 688.17 163.84C687.91 163.68 687.709 163.441 687.594 163.159L674.656 131.534Z" stroke="black" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M846 123.468V159.936M846 87C881.346 87 910 115.573 910 150.819V178.17C910 213.416 881.346 207.65 846 207.65C810.654 207.65 782 213.416 782 178.17V150.819C782 115.573 810.654 87 846 87Z" stroke="black" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>
                <path d="M867.25 129C867.25 128.31 866.69 127.75 866 127.75C865.31 127.75 864.75 128.31 864.75 129H867.25ZM865.116 158.884C865.604 159.372 866.396 159.372 866.884 158.884L874.839 150.929C875.327 150.441 875.327 149.649 874.839 149.161C874.351 148.673 873.559 148.673 873.071 149.161L866 156.232L858.929 149.161C858.441 148.673 857.649 148.673 857.161 149.161C856.673 149.649 856.673 150.441 857.161 150.929L865.116 158.884ZM864.75 129V158H867.25V129H864.75Z" fill="black"/>
                <path d="M842 168L839 174" stroke="black" stroke-width="2" stroke-linecap="round"/>
                <path d="M850 168L853 174" stroke="black" stroke-width="2" stroke-linecap="round"/>
                <path d="M846 174.5V168" stroke="black" stroke-width="2" stroke-linecap="round"/>
                <path d="M525.75 16.5938H529.656C529.531 18.0833 529.115 19.4115 528.406 20.5781C527.698 21.7344 526.703 22.6458 525.422 23.3125C524.141 23.9792 522.583 24.3125 520.75 24.3125C519.344 24.3125 518.078 24.0625 516.953 23.5625C515.828 23.0521 514.865 22.3333 514.062 21.4062C513.26 20.4688 512.646 19.3385 512.219 18.0156C511.802 16.6927 511.594 15.2135 511.594 13.5781V11.6875C511.594 10.0521 511.807 8.57292 512.234 7.25C512.672 5.92708 513.297 4.79688 514.109 3.85938C514.922 2.91146 515.896 2.1875 517.031 1.6875C518.177 1.1875 519.464 0.9375 520.891 0.9375C522.703 0.9375 524.234 1.27083 525.484 1.9375C526.734 2.60417 527.703 3.52604 528.391 4.70312C529.089 5.88021 529.516 7.22917 529.672 8.75H525.766C525.661 7.77083 525.432 6.93229 525.078 6.23438C524.734 5.53646 524.224 5.00521 523.547 4.64062C522.87 4.26562 521.984 4.07812 520.891 4.07812C519.995 4.07812 519.214 4.24479 518.547 4.57812C517.88 4.91146 517.323 5.40104 516.875 6.04688C516.427 6.69271 516.089 7.48958 515.859 8.4375C515.641 9.375 515.531 10.4479 515.531 11.6562V13.5781C515.531 14.724 515.63 15.7656 515.828 16.7031C516.036 17.6302 516.349 18.4271 516.766 19.0938C517.193 19.7604 517.734 20.276 518.391 20.6406C519.047 21.0052 519.833 21.1875 520.75 21.1875C521.865 21.1875 522.766 21.0104 523.453 20.6562C524.151 20.3021 524.677 19.7865 525.031 19.1094C525.396 18.4219 525.635 17.5833 525.75 16.5938ZM544.203 7.09375V10.0938H535.953V7.09375H544.203ZM547.156 7.09375V24H543.391V7.09375H547.156ZM535.031 7.09375H538.75L538.297 15.4531C538.234 16.6927 538.109 17.7865 537.922 18.7344C537.745 19.6719 537.505 20.4792 537.203 21.1562C536.901 21.8229 536.531 22.3646 536.094 22.7812C535.656 23.1979 535.146 23.5052 534.562 23.7031C533.979 23.901 533.323 24 532.594 24H531.422L531.406 20.9062L532 20.8594C532.385 20.8281 532.719 20.7292 533 20.5625C533.281 20.3854 533.521 20.1354 533.719 19.8125C533.927 19.4896 534.094 19.0729 534.219 18.5625C534.354 18.0521 534.458 17.4479 534.531 16.75C534.615 16.0521 534.677 15.2396 534.719 14.3125L535.031 7.09375ZM558.609 24.3125C557.359 24.3125 556.229 24.1094 555.219 23.7031C554.219 23.2865 553.365 22.7083 552.656 21.9688C551.958 21.2292 551.422 20.3594 551.047 19.3594C550.672 18.3594 550.484 17.2812 550.484 16.125V15.5C550.484 14.1771 550.677 12.9792 551.062 11.9062C551.448 10.8333 551.984 9.91667 552.672 9.15625C553.359 8.38542 554.172 7.79688 555.109 7.39062C556.047 6.98438 557.062 6.78125 558.156 6.78125C559.365 6.78125 560.422 6.98438 561.328 7.39062C562.234 7.79688 562.984 8.36979 563.578 9.10938C564.182 9.83854 564.63 10.7083 564.922 11.7188C565.224 12.7292 565.375 13.8438 565.375 15.0625V16.6719H552.312V13.9688H561.656V13.6719C561.635 12.9948 561.5 12.3594 561.25 11.7656C561.01 11.1719 560.641 10.6927 560.141 10.3281C559.641 9.96354 558.974 9.78125 558.141 9.78125C557.516 9.78125 556.958 9.91667 556.469 10.1875C555.99 10.4479 555.589 10.8281 555.266 11.3281C554.943 11.8281 554.693 12.4323 554.516 13.1406C554.349 13.8385 554.266 14.625 554.266 15.5V16.125C554.266 16.8646 554.365 17.5521 554.562 18.1875C554.771 18.8125 555.073 19.3594 555.469 19.8281C555.865 20.2969 556.344 20.6667 556.906 20.9375C557.469 21.1979 558.109 21.3281 558.828 21.3281C559.734 21.3281 560.542 21.1458 561.25 20.7812C561.958 20.4167 562.573 19.901 563.094 19.2344L565.078 21.1562C564.714 21.6875 564.24 22.1979 563.656 22.6875C563.073 23.1667 562.359 23.5573 561.516 23.8594C560.682 24.1615 559.714 24.3125 558.609 24.3125ZM571.375 7.09375H575.141L574.953 13.0469C574.901 14.776 574.703 16.2604 574.359 17.5C574.016 18.7396 573.568 19.7865 573.016 20.6406C572.464 21.4844 571.839 22.1771 571.141 22.7188C570.453 23.2604 569.729 23.6875 568.969 24H567.859V21.0312L568.391 21C568.839 20.5208 569.224 20.0417 569.547 19.5625C569.88 19.0729 570.161 18.5365 570.391 17.9531C570.62 17.3594 570.797 16.6667 570.922 15.875C571.057 15.0833 571.146 14.1406 571.188 13.0469L571.375 7.09375ZM572.375 7.09375H583.094V24H579.344V10.2812H572.375V7.09375ZM567 21H585.406V29.0312H581.641V24H570.812V29.0312H566.984L567 21ZM593 22.1562L597.594 7.09375H601.625L594.844 26.5781C594.688 26.9948 594.484 27.4479 594.234 27.9375C593.984 28.4271 593.656 28.8906 593.25 29.3281C592.854 29.776 592.359 30.1354 591.766 30.4062C591.172 30.6875 590.453 30.8281 589.609 30.8281C589.276 30.8281 588.953 30.7969 588.641 30.7344C588.339 30.6823 588.052 30.625 587.781 30.5625L587.766 27.6875C587.87 27.6979 587.995 27.7083 588.141 27.7188C588.297 27.7292 588.422 27.7344 588.516 27.7344C589.141 27.7344 589.661 27.6562 590.078 27.5C590.495 27.3542 590.833 27.1146 591.094 26.7812C591.365 26.4479 591.594 26 591.781 25.4375L593 22.1562ZM590.406 7.09375L594.422 19.75L595.094 23.7188L592.484 24.3906L586.344 7.09375H590.406ZM613.734 13.9219V16.9219H604.672V13.9219H613.734ZM607.891 7.09375V24H604.125V7.09375H607.891ZM610.953 15.7344V15.375C610.953 14.1562 611.13 13.026 611.484 11.9844C611.839 10.9323 612.354 10.0208 613.031 9.25C613.708 8.46875 614.531 7.86458 615.5 7.4375C616.469 7 617.568 6.78125 618.797 6.78125C620.047 6.78125 621.156 7 622.125 7.4375C623.104 7.86458 623.932 8.46875 624.609 9.25C625.286 10.0208 625.802 10.9323 626.156 11.9844C626.51 13.026 626.688 14.1562 626.688 15.375V15.7344C626.688 16.9531 626.51 18.0833 626.156 19.125C625.802 20.1667 625.286 21.0781 624.609 21.8594C623.943 22.6302 623.12 23.2344 622.141 23.6719C621.172 24.099 620.068 24.3125 618.828 24.3125C617.589 24.3125 616.484 24.099 615.516 23.6719C614.547 23.2344 613.719 22.6302 613.031 21.8594C612.354 21.0781 611.839 20.1667 611.484 19.125C611.13 18.0833 610.953 16.9531 610.953 15.7344ZM614.734 15.375V15.7344C614.734 16.4948 614.812 17.2135 614.969 17.8906C615.125 18.5677 615.37 19.1615 615.703 19.6719C616.036 20.1823 616.464 20.5833 616.984 20.875C617.505 21.1667 618.12 21.3125 618.828 21.3125C619.536 21.3125 620.146 21.1667 620.656 20.875C621.177 20.5833 621.604 20.1823 621.938 19.6719C622.271 19.1615 622.516 18.5677 622.672 17.8906C622.839 17.2135 622.922 16.4948 622.922 15.7344V15.375C622.922 14.625 622.839 13.9167 622.672 13.25C622.516 12.5729 622.271 11.974 621.938 11.4531C621.604 10.9323 621.177 10.526 620.656 10.2344C620.135 9.93229 619.516 9.78125 618.797 9.78125C618.099 9.78125 617.49 9.93229 616.969 10.2344C616.458 10.526 616.036 10.9323 615.703 11.4531C615.37 11.974 615.125 12.5729 614.969 13.25C614.812 13.9167 614.734 14.625 614.734 15.375ZM654.797 21.0156L654.5 29.0156H651.047V24H649.016V21.0156H654.797ZM629.828 7.09375H633.594V21H638.969V7.09375H642.75V21H648.109V7.09375H651.875V24H629.828V7.09375ZM667.125 20.6094V12.5469C667.125 11.9427 667.016 11.4219 666.797 10.9844C666.578 10.5469 666.245 10.2083 665.797 9.96875C665.359 9.72917 664.807 9.60938 664.141 9.60938C663.526 9.60938 662.995 9.71354 662.547 9.92188C662.099 10.1302 661.75 10.4115 661.5 10.7656C661.25 11.1198 661.125 11.5208 661.125 11.9688H657.375C657.375 11.3021 657.536 10.6562 657.859 10.0312C658.182 9.40625 658.651 8.84896 659.266 8.35938C659.88 7.86979 660.615 7.48438 661.469 7.20312C662.323 6.92188 663.281 6.78125 664.344 6.78125C665.615 6.78125 666.74 6.99479 667.719 7.42188C668.708 7.84896 669.484 8.49479 670.047 9.35938C670.62 10.2135 670.906 11.2865 670.906 12.5781V20.0938C670.906 20.8646 670.958 21.5573 671.062 22.1719C671.177 22.776 671.339 23.3021 671.547 23.75V24H667.688C667.51 23.5938 667.37 23.0781 667.266 22.4531C667.172 21.8177 667.125 21.2031 667.125 20.6094ZM667.672 13.7188L667.703 16.0469H665C664.302 16.0469 663.688 16.1146 663.156 16.25C662.625 16.375 662.182 16.5625 661.828 16.8125C661.474 17.0625 661.208 17.3646 661.031 17.7188C660.854 18.0729 660.766 18.474 660.766 18.9219C660.766 19.3698 660.87 19.7812 661.078 20.1562C661.286 20.5208 661.589 20.8073 661.984 21.0156C662.391 21.224 662.88 21.3281 663.453 21.3281C664.224 21.3281 664.896 21.1719 665.469 20.8594C666.052 20.5365 666.51 20.1458 666.844 19.6875C667.177 19.2188 667.354 18.776 667.375 18.3594L668.594 20.0312C668.469 20.4583 668.255 20.9167 667.953 21.4062C667.651 21.8958 667.255 22.3646 666.766 22.8125C666.286 23.25 665.708 23.6094 665.031 23.8906C664.365 24.1719 663.594 24.3125 662.719 24.3125C661.615 24.3125 660.63 24.0938 659.766 23.6562C658.901 23.2083 658.224 22.6094 657.734 21.8594C657.245 21.099 657 20.2396 657 19.2812C657 18.3854 657.167 17.5938 657.5 16.9062C657.844 16.2083 658.344 15.625 659 15.1562C659.667 14.6875 660.479 14.3333 661.438 14.0938C662.396 13.8438 663.49 13.7188 664.719 13.7188H667.672ZM678.406 15.7344H682.312L677.516 24H673.625L678.406 15.7344ZM681.156 7.09375H688.406V24H684.656V10.0625H681.156C680.448 10.0625 679.865 10.1875 679.406 10.4375C678.948 10.6771 678.609 10.9948 678.391 11.3906C678.172 11.776 678.062 12.1719 678.062 12.5781C678.062 12.9844 678.161 13.375 678.359 13.75C678.568 14.125 678.885 14.4323 679.312 14.6719C679.75 14.9115 680.297 15.0312 680.953 15.0312H685.922V17.7812H680.953C679.911 17.7812 678.979 17.651 678.156 17.3906C677.333 17.1198 676.635 16.75 676.062 16.2812C675.49 15.8021 675.052 15.2448 674.75 14.6094C674.448 13.9635 674.297 13.2604 674.297 12.5C674.297 11.7188 674.453 11 674.766 10.3438C675.078 9.6875 675.526 9.11458 676.109 8.625C676.703 8.13542 677.422 7.76042 678.266 7.5C679.12 7.22917 680.083 7.09375 681.156 7.09375ZM707.469 21.3125C708.083 21.3125 708.635 21.1927 709.125 20.9531C709.625 20.7031 710.026 20.3594 710.328 19.9219C710.641 19.4844 710.812 18.9792 710.844 18.4062H714.391C714.37 19.5 714.047 20.4948 713.422 21.3906C712.797 22.2865 711.969 23 710.938 23.5312C709.906 24.0521 708.766 24.3125 707.516 24.3125C706.224 24.3125 705.099 24.0938 704.141 23.6562C703.182 23.2083 702.385 22.5938 701.75 21.8125C701.115 21.0312 700.635 20.1302 700.312 19.1094C700 18.0885 699.844 16.9948 699.844 15.8281V15.2812C699.844 14.1146 700 13.0208 700.312 12C700.635 10.9688 701.115 10.0625 701.75 9.28125C702.385 8.5 703.182 7.89062 704.141 7.45312C705.099 7.00521 706.219 6.78125 707.5 6.78125C708.854 6.78125 710.042 7.05208 711.062 7.59375C712.083 8.125 712.885 8.86979 713.469 9.82812C714.062 10.776 714.37 11.8802 714.391 13.1406H710.844C710.812 12.5156 710.656 11.9531 710.375 11.4531C710.104 10.9427 709.719 10.5365 709.219 10.2344C708.729 9.93229 708.141 9.78125 707.453 9.78125C706.693 9.78125 706.062 9.9375 705.562 10.25C705.062 10.5521 704.672 10.9688 704.391 11.5C704.109 12.0208 703.906 12.6094 703.781 13.2656C703.667 13.9115 703.609 14.5833 703.609 15.2812V15.8281C703.609 16.526 703.667 17.2031 703.781 17.8594C703.896 18.5156 704.094 19.1042 704.375 19.625C704.667 20.1354 705.062 20.5469 705.562 20.8594C706.062 21.1615 706.698 21.3125 707.469 21.3125ZM725.125 7.09375V24H721.344V7.09375H725.125ZM730.672 7.09375V10.0625H715.891V7.09375H730.672ZM736.969 10.3438V30.5H733.203V7.09375H736.672L736.969 10.3438ZM747.984 15.3906V15.7188C747.984 16.9479 747.839 18.0885 747.547 19.1406C747.266 20.1823 746.844 21.0938 746.281 21.875C745.729 22.6458 745.047 23.2448 744.234 23.6719C743.422 24.099 742.484 24.3125 741.422 24.3125C740.37 24.3125 739.448 24.1198 738.656 23.7344C737.875 23.3385 737.214 22.7812 736.672 22.0625C736.13 21.3438 735.693 20.5 735.359 19.5312C735.036 18.5521 734.807 17.4792 734.672 16.3125V15.0469C734.807 13.8073 735.036 12.6823 735.359 11.6719C735.693 10.6615 736.13 9.79167 736.672 9.0625C737.214 8.33333 737.875 7.77083 738.656 7.375C739.438 6.97917 740.349 6.78125 741.391 6.78125C742.453 6.78125 743.396 6.98958 744.219 7.40625C745.042 7.8125 745.734 8.39583 746.297 9.15625C746.859 9.90625 747.281 10.8125 747.562 11.875C747.844 12.9271 747.984 14.099 747.984 15.3906ZM744.219 15.7188V15.3906C744.219 14.6094 744.146 13.8854 744 13.2188C743.854 12.5417 743.625 11.9479 743.312 11.4375C743 10.9271 742.599 10.5312 742.109 10.25C741.63 9.95833 741.052 9.8125 740.375 9.8125C739.708 9.8125 739.135 9.92708 738.656 10.1562C738.177 10.375 737.776 10.6823 737.453 11.0781C737.13 11.474 736.88 11.9375 736.703 12.4688C736.526 12.9896 736.401 13.5573 736.328 14.1719V17.2031C736.453 17.9531 736.667 18.6406 736.969 19.2656C737.271 19.8906 737.698 20.3906 738.25 20.7656C738.812 21.1302 739.531 21.3125 740.406 21.3125C741.083 21.3125 741.661 21.1667 742.141 20.875C742.62 20.5833 743.01 20.1823 743.312 19.6719C743.625 19.151 743.854 18.5521 744 17.875C744.146 17.1979 744.219 16.4792 744.219 15.7188ZM760.719 20.6094V12.5469C760.719 11.9427 760.609 11.4219 760.391 10.9844C760.172 10.5469 759.839 10.2083 759.391 9.96875C758.953 9.72917 758.401 9.60938 757.734 9.60938C757.12 9.60938 756.589 9.71354 756.141 9.92188C755.693 10.1302 755.344 10.4115 755.094 10.7656C754.844 11.1198 754.719 11.5208 754.719 11.9688H750.969C750.969 11.3021 751.13 10.6562 751.453 10.0312C751.776 9.40625 752.245 8.84896 752.859 8.35938C753.474 7.86979 754.208 7.48438 755.062 7.20312C755.917 6.92188 756.875 6.78125 757.938 6.78125C759.208 6.78125 760.333 6.99479 761.312 7.42188C762.302 7.84896 763.078 8.49479 763.641 9.35938C764.214 10.2135 764.5 11.2865 764.5 12.5781V20.0938C764.5 20.8646 764.552 21.5573 764.656 22.1719C764.771 22.776 764.932 23.3021 765.141 23.75V24H761.281C761.104 23.5938 760.964 23.0781 760.859 22.4531C760.766 21.8177 760.719 21.2031 760.719 20.6094ZM761.266 13.7188L761.297 16.0469H758.594C757.896 16.0469 757.281 16.1146 756.75 16.25C756.219 16.375 755.776 16.5625 755.422 16.8125C755.068 17.0625 754.802 17.3646 754.625 17.7188C754.448 18.0729 754.359 18.474 754.359 18.9219C754.359 19.3698 754.464 19.7812 754.672 20.1562C754.88 20.5208 755.182 20.8073 755.578 21.0156C755.984 21.224 756.474 21.3281 757.047 21.3281C757.818 21.3281 758.49 21.1719 759.062 20.8594C759.646 20.5365 760.104 20.1458 760.438 19.6875C760.771 19.2188 760.948 18.776 760.969 18.3594L762.188 20.0312C762.062 20.4583 761.849 20.9167 761.547 21.4062C761.245 21.8958 760.849 22.3646 760.359 22.8125C759.88 23.25 759.302 23.6094 758.625 23.8906C757.958 24.1719 757.188 24.3125 756.312 24.3125C755.208 24.3125 754.224 24.0938 753.359 23.6562C752.495 23.2083 751.818 22.6094 751.328 21.8594C750.839 21.099 750.594 20.2396 750.594 19.2812C750.594 18.3854 750.76 17.5938 751.094 16.9062C751.438 16.2083 751.938 15.625 752.594 15.1562C753.26 14.6875 754.073 14.3333 755.031 14.0938C755.99 13.8438 757.083 13.7188 758.312 13.7188H761.266ZM779.984 14.1562V17.125H771.234V14.1562H779.984ZM772.328 7.09375V24H768.562V7.09375H772.328ZM782.703 7.09375V24H778.938V7.09375H782.703ZM790.609 18.5L797.25 7.09375H801.016V24H797.25V12.5781L790.609 24H786.844V7.09375H790.609V18.5ZM805.125 24V7.09375H808.891V21H815.516V7.09375H819.297V24H805.125ZM821.594 21.0156L821.297 29.0156H817.844V24H815.812V21.0156H821.594ZM833.781 20.6094V12.5469C833.781 11.9427 833.672 11.4219 833.453 10.9844C833.234 10.5469 832.901 10.2083 832.453 9.96875C832.016 9.72917 831.464 9.60938 830.797 9.60938C830.182 9.60938 829.651 9.71354 829.203 9.92188C828.755 10.1302 828.406 10.4115 828.156 10.7656C827.906 11.1198 827.781 11.5208 827.781 11.9688H824.031C824.031 11.3021 824.193 10.6562 824.516 10.0312C824.839 9.40625 825.307 8.84896 825.922 8.35938C826.536 7.86979 827.271 7.48438 828.125 7.20312C828.979 6.92188 829.938 6.78125 831 6.78125C832.271 6.78125 833.396 6.99479 834.375 7.42188C835.365 7.84896 836.141 8.49479 836.703 9.35938C837.276 10.2135 837.562 11.2865 837.562 12.5781V20.0938C837.562 20.8646 837.615 21.5573 837.719 22.1719C837.833 22.776 837.995 23.3021 838.203 23.75V24H834.344C834.167 23.5938 834.026 23.0781 833.922 22.4531C833.828 21.8177 833.781 21.2031 833.781 20.6094ZM834.328 13.7188L834.359 16.0469H831.656C830.958 16.0469 830.344 16.1146 829.812 16.25C829.281 16.375 828.839 16.5625 828.484 16.8125C828.13 17.0625 827.865 17.3646 827.688 17.7188C827.51 18.0729 827.422 18.474 827.422 18.9219C827.422 19.3698 827.526 19.7812 827.734 20.1562C827.943 20.5208 828.245 20.8073 828.641 21.0156C829.047 21.224 829.536 21.3281 830.109 21.3281C830.88 21.3281 831.552 21.1719 832.125 20.8594C832.708 20.5365 833.167 20.1458 833.5 19.6875C833.833 19.2188 834.01 18.776 834.031 18.3594L835.25 20.0312C835.125 20.4583 834.911 20.9167 834.609 21.4062C834.307 21.8958 833.911 22.3646 833.422 22.8125C832.943 23.25 832.365 23.6094 831.688 23.8906C831.021 24.1719 830.25 24.3125 829.375 24.3125C828.271 24.3125 827.286 24.0938 826.422 23.6562C825.557 23.2083 824.88 22.6094 824.391 21.8594C823.901 21.099 823.656 20.2396 823.656 19.2812C823.656 18.3854 823.823 17.5938 824.156 16.9062C824.5 16.2083 825 15.625 825.656 15.1562C826.323 14.6875 827.135 14.3333 828.094 14.0938C829.052 13.8438 830.146 13.7188 831.375 13.7188H834.328ZM841.547 22.125C841.547 21.5417 841.745 21.0521 842.141 20.6562C842.536 20.25 843.073 20.0469 843.75 20.0469C844.438 20.0469 844.974 20.25 845.359 20.6562C845.755 21.0521 845.953 21.5417 845.953 22.125C845.953 22.7083 845.755 23.1979 845.359 23.5938C844.974 23.9896 844.438 24.1875 843.75 24.1875C843.073 24.1875 842.536 23.9896 842.141 23.5938C841.745 23.1979 841.547 22.7083 841.547 22.125ZM841.562 8.8125C841.562 8.22917 841.76 7.73958 842.156 7.34375C842.552 6.9375 843.089 6.73438 843.766 6.73438C844.453 6.73438 844.99 6.9375 845.375 7.34375C845.771 7.73958 845.969 8.22917 845.969 8.8125C845.969 9.39583 845.771 9.88542 845.375 10.2812C844.99 10.6771 844.453 10.875 843.766 10.875C843.089 10.875 842.552 10.6771 842.156 10.2812C841.76 9.88542 841.562 9.39583 841.562 8.8125Z" fill="#0FA6AB"/>
                <rect x="843" y="297" width="76" height="76" rx="7" stroke="black" stroke-width="6"/>
                <path d="M857 332C855.343 332 854 333.343 854 335C854 336.657 855.343 338 857 338V332ZM908.121 337.121C909.293 335.95 909.293 334.05 908.121 332.879L889.029 313.787C887.858 312.615 885.958 312.615 884.787 313.787C883.615 314.958 883.615 316.858 884.787 318.029L901.757 335L884.787 351.971C883.615 353.142 883.615 355.042 884.787 356.213C885.958 357.385 887.858 357.385 889.029 356.213L908.121 337.121ZM857 338H906V332H857V338Z" fill="black"/>
                <rect x="740" y="373" width="76" height="76" rx="7" transform="rotate(-90 740 373)" stroke="black" stroke-width="6"/>
                <path d="M775 359C775 360.657 776.343 362 778 362C779.657 362 781 360.657 781 359H775ZM780.121 307.879C778.95 306.707 777.05 306.707 775.879 307.879L756.787 326.971C755.615 328.142 755.615 330.042 756.787 331.213C757.958 332.385 759.858 332.385 761.029 331.213L778 314.243L794.971 331.213C796.142 332.385 798.042 332.385 799.213 331.213C800.385 330.042 800.385 328.142 799.213 326.971L780.121 307.879ZM781 359V310H775V359H781Z" fill="black"/>
                <g clip-path="url(#clip0_1_10274)">
                <path d="M583.641 323.25V346H579.734V326.375H569.625V346H565.719V323.25H583.641ZM591.766 332.344V352.5H588V329.094H591.469L591.766 332.344ZM602.781 337.391V337.719C602.781 338.948 602.635 340.089 602.344 341.141C602.062 342.182 601.641 343.094 601.078 343.875C600.526 344.646 599.844 345.245 599.031 345.672C598.219 346.099 597.281 346.312 596.219 346.312C595.167 346.312 594.245 346.12 593.453 345.734C592.672 345.339 592.01 344.781 591.469 344.062C590.927 343.344 590.49 342.5 590.156 341.531C589.833 340.552 589.604 339.479 589.469 338.312V337.047C589.604 335.807 589.833 334.682 590.156 333.672C590.49 332.661 590.927 331.792 591.469 331.062C592.01 330.333 592.672 329.771 593.453 329.375C594.234 328.979 595.146 328.781 596.188 328.781C597.25 328.781 598.193 328.99 599.016 329.406C599.839 329.812 600.531 330.396 601.094 331.156C601.656 331.906 602.078 332.812 602.359 333.875C602.641 334.927 602.781 336.099 602.781 337.391ZM599.016 337.719V337.391C599.016 336.609 598.943 335.885 598.797 335.219C598.651 334.542 598.422 333.948 598.109 333.438C597.797 332.927 597.396 332.531 596.906 332.25C596.427 331.958 595.849 331.812 595.172 331.812C594.505 331.812 593.932 331.927 593.453 332.156C592.974 332.375 592.573 332.682 592.25 333.078C591.927 333.474 591.677 333.938 591.5 334.469C591.323 334.99 591.198 335.557 591.125 336.172V339.203C591.25 339.953 591.464 340.641 591.766 341.266C592.068 341.891 592.495 342.391 593.047 342.766C593.609 343.13 594.328 343.312 595.203 343.312C595.88 343.312 596.458 343.167 596.938 342.875C597.417 342.583 597.807 342.182 598.109 341.672C598.422 341.151 598.651 340.552 598.797 339.875C598.943 339.198 599.016 338.479 599.016 337.719ZM605.266 337.734V337.375C605.266 336.156 605.443 335.026 605.797 333.984C606.151 332.932 606.661 332.021 607.328 331.25C608.005 330.469 608.828 329.865 609.797 329.438C610.776 329 611.88 328.781 613.109 328.781C614.349 328.781 615.453 329 616.422 329.438C617.401 329.865 618.229 330.469 618.906 331.25C619.583 332.021 620.099 332.932 620.453 333.984C620.807 335.026 620.984 336.156 620.984 337.375V337.734C620.984 338.953 620.807 340.083 620.453 341.125C620.099 342.167 619.583 343.078 618.906 343.859C618.229 344.63 617.406 345.234 616.438 345.672C615.469 346.099 614.37 346.312 613.141 346.312C611.901 346.312 610.792 346.099 609.812 345.672C608.844 345.234 608.021 344.63 607.344 343.859C606.667 343.078 606.151 342.167 605.797 341.125C605.443 340.083 605.266 338.953 605.266 337.734ZM609.031 337.375V337.734C609.031 338.495 609.109 339.214 609.266 339.891C609.422 340.568 609.667 341.161 610 341.672C610.333 342.182 610.76 342.583 611.281 342.875C611.802 343.167 612.422 343.312 613.141 343.312C613.839 343.312 614.443 343.167 614.953 342.875C615.474 342.583 615.901 342.182 616.234 341.672C616.568 341.161 616.812 340.568 616.969 339.891C617.135 339.214 617.219 338.495 617.219 337.734V337.375C617.219 336.625 617.135 335.917 616.969 335.25C616.812 334.573 616.562 333.974 616.219 333.453C615.885 332.932 615.458 332.526 614.938 332.234C614.427 331.932 613.818 331.781 613.109 331.781C612.401 331.781 611.786 331.932 611.266 332.234C610.755 332.526 610.333 332.932 610 333.453C609.667 333.974 609.422 334.573 609.266 335.25C609.109 335.917 609.031 336.625 609.031 337.375ZM634.75 321.688H637.797C637.797 322.615 637.667 323.38 637.406 323.984C637.156 324.578 636.781 325.068 636.281 325.453C635.792 325.828 635.182 326.13 634.453 326.359C633.734 326.589 632.901 326.797 631.953 326.984C631.078 327.172 630.286 327.469 629.578 327.875C628.88 328.271 628.292 328.828 627.812 329.547C627.344 330.255 627.005 331.167 626.797 332.281C626.589 333.396 626.526 334.755 626.609 336.359V337.422L623.625 337.688V336.625C623.625 334.635 623.807 332.901 624.172 331.422C624.536 329.943 625.052 328.698 625.719 327.688C626.396 326.667 627.198 325.854 628.125 325.25C629.062 324.646 630.104 324.229 631.25 324C632.031 323.833 632.682 323.667 633.203 323.5C633.724 323.323 634.109 323.099 634.359 322.828C634.62 322.547 634.75 322.167 634.75 321.688ZM632.109 330.047C633.234 330.047 634.234 330.245 635.109 330.641C635.984 331.026 636.724 331.568 637.328 332.266C637.932 332.964 638.391 333.786 638.703 334.734C639.026 335.682 639.188 336.714 639.188 337.828V338.172C639.188 339.339 639.016 340.417 638.672 341.406C638.328 342.396 637.823 343.26 637.156 344C636.49 344.729 635.672 345.302 634.703 345.719C633.745 346.125 632.646 346.328 631.406 346.328C630.177 346.328 629.078 346.115 628.109 345.688C627.141 345.26 626.323 344.667 625.656 343.906C624.99 343.135 624.484 342.234 624.141 341.203C623.797 340.172 623.625 339.047 623.625 337.828V337.484C623.615 337.266 623.672 337.052 623.797 336.844C623.932 336.635 624.094 336.411 624.281 336.172C624.469 335.932 624.635 335.656 624.781 335.344C625.302 334.292 625.917 333.37 626.625 332.578C627.333 331.786 628.141 331.167 629.047 330.719C629.964 330.271 630.984 330.047 632.109 330.047ZM631.375 333.031C630.438 333.031 629.672 333.255 629.078 333.703C628.495 334.141 628.062 334.724 627.781 335.453C627.51 336.182 627.375 336.974 627.375 337.828V338.172C627.375 338.87 627.453 339.531 627.609 340.156C627.766 340.781 628 341.333 628.312 341.812C628.635 342.281 629.052 342.651 629.562 342.922C630.083 343.193 630.698 343.328 631.406 343.328C632.125 343.328 632.734 343.193 633.234 342.922C633.745 342.651 634.156 342.281 634.469 341.812C634.792 341.333 635.026 340.781 635.172 340.156C635.328 339.531 635.406 338.87 635.406 338.172V337.828C635.406 337.182 635.328 336.573 635.172 336C635.026 335.427 634.792 334.922 634.469 334.484C634.146 334.036 633.729 333.682 633.219 333.422C632.708 333.161 632.094 333.031 631.375 333.031ZM649.594 346.312C648.344 346.312 647.214 346.109 646.203 345.703C645.203 345.286 644.349 344.708 643.641 343.969C642.943 343.229 642.406 342.359 642.031 341.359C641.656 340.359 641.469 339.281 641.469 338.125V337.5C641.469 336.177 641.661 334.979 642.047 333.906C642.432 332.833 642.969 331.917 643.656 331.156C644.344 330.385 645.156 329.797 646.094 329.391C647.031 328.984 648.047 328.781 649.141 328.781C650.349 328.781 651.406 328.984 652.312 329.391C653.219 329.797 653.969 330.37 654.562 331.109C655.167 331.839 655.615 332.708 655.906 333.719C656.208 334.729 656.359 335.844 656.359 337.062V338.672H643.297V335.969H652.641V335.672C652.62 334.995 652.484 334.359 652.234 333.766C651.995 333.172 651.625 332.693 651.125 332.328C650.625 331.964 649.958 331.781 649.125 331.781C648.5 331.781 647.943 331.917 647.453 332.188C646.974 332.448 646.573 332.828 646.25 333.328C645.927 333.828 645.677 334.432 645.5 335.141C645.333 335.839 645.25 336.625 645.25 337.5V338.125C645.25 338.865 645.349 339.552 645.547 340.188C645.755 340.812 646.057 341.359 646.453 341.828C646.849 342.297 647.328 342.667 647.891 342.938C648.453 343.198 649.094 343.328 649.812 343.328C650.719 343.328 651.526 343.146 652.234 342.781C652.943 342.417 653.557 341.901 654.078 341.234L656.062 343.156C655.698 343.688 655.224 344.198 654.641 344.688C654.057 345.167 653.344 345.557 652.5 345.859C651.667 346.161 650.698 346.312 649.594 346.312ZM670.656 329.094V332.094H662.406V329.094H670.656ZM673.609 329.094V346H669.844V329.094H673.609ZM661.484 329.094H665.203L664.75 337.453C664.688 338.693 664.562 339.786 664.375 340.734C664.198 341.672 663.958 342.479 663.656 343.156C663.354 343.823 662.984 344.365 662.547 344.781C662.109 345.198 661.599 345.505 661.016 345.703C660.432 345.901 659.776 346 659.047 346H657.875L657.859 342.906L658.453 342.859C658.839 342.828 659.172 342.729 659.453 342.562C659.734 342.385 659.974 342.135 660.172 341.812C660.38 341.49 660.547 341.073 660.672 340.562C660.807 340.052 660.911 339.448 660.984 338.75C661.068 338.052 661.13 337.24 661.172 336.312L661.484 329.094Z" fill="black"/>
                </g>
                <rect x="3" y="3" width="76" height="198" rx="7" transform="matrix(0 1 1 0 517 294)" stroke="black" stroke-width="6"/>
                <defs>
                <clipPath id="clip0_1_10274">
                <rect width="82" height="204" rx="10" transform="matrix(0 1 1 0 517 294)" fill="white"/>
                </clipPath>
                </defs>
            </svg>
       </div>
     </div>
   </div>
 </div>



 <div class="popup-reader " id="popup-contents">
   <div class="popup-reader__container" style="top:15vh;left:auto;right:3rem;max-height:75vh;overflow-y:auto;transform:none;">
     <div class="popup-reader__inner " style="background-color: #F2F2F2;">
       <div class="popup-reader__top">
         <div class="popup-reader__title">Содержание</div>
         <button type="button" class="popup-reader__close" onclick="closePopupReader();" aria-label="Закрыть">
           <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>
         </button>
       </div>

       <div class="popup-reader__book-info" 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/1095772">
         </span>
         <img src="/assets/img/layout/books/vunocover.jpg" width="160" height="232" loading="eager" decoding="async" fetchpriority="high" itemprop="image" alt="Обложка книги На распутьи.">

         <div class="popup-reader-book-info__heading">
            <h3><a class="link" href="/books/51277-Na-rasputi">На распутьи.</a></h3>
            <p class="popup-reader-book-info__author"><a class="link" href="/search/details/1095772">Михаил Евграфович Салтыков-Щедрин</a></p>
         </div>
       </div>

       <div class="popup-reader__switch-nav">
         <button class="popup-reader-switch-nav__button active" id="switchChaptersBtn">
            Оглавление
         </button>
         <button class="popup-reader-switch-nav__button" id="switchBookmarksBtn">
            Закладки
         </button>
       </div>

       <label for="fragments_find" class="visually-hidden">Поиск по оглавлению</label>
       <input id="fragments_find" class="popup-reader__find" placeholder="Поиск...">
       <div id="fragments" class="popup-reader__items"><div class="popup-reader__item active" style="display: flex; align-items: center; justify-content: space-between;">
                <span>Глава 1</span>
                
            </div>       </div>

       <div id="bookmarks_list" class="popup-reader__items" style="display: none;">       </div>

       <script>
         $('#switchChaptersBtn').click(() => {
             $('#fragments').show();
             $('#fragments_find').show();

             $('#bookmarks_list').hide();

             $('.popup-reader-switch-nav__button').removeClass('active');
             $('#switchChaptersBtn').addClass('active');
         });

         $('#switchBookmarksBtn').click(() => {
             $('#fragments').hide();
             $('#fragments_find').hide();

             $('#bookmarks_list').show();

             $('.popup-reader-switch-nav__button').removeClass('active');
             $('#switchBookmarksBtn').addClass('active');
         });
       </script>
     </div>
   </div>
 </div> <div class="popup-reader" id="popup-final-login">
    <div class="popup-reader__container ">
        <div class="popup-reader__inner " style="background-color: #F2F2F2;">
             <div class="popup-reader__top">
                <div class="popup-reader__title">Продолжить чтение</div>
                <button type="button" class="popup-reader__close" onclick="closePopupReader();" aria-label="Закрыть">
                    <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>
                </button>
            </div>
            <div class="popup-reader__body" style="padding: 16px 0;">
                <p style="margin: 0 0 12px 0;">Вы можете войти в аккаунт, чтобы сохранить прогресс и продолжить обсуждение.</p>
                <p style="margin: 0;">Если сейчас не хочется входить, можно продолжить без входа.</p>
            </div>
            <div class="popup-reader__actions">
                <button type="button" class="popup-reader__action-button button button_color" onclick="closePopupReader(); if (typeof openLoginPopupWithContext === 'function') { openLoginPopupWithContext('reader'); } else { closePopupEnter(); openPopupEnter('popup-login'); }">
                    Войти
                </button>
                <button type="button" class="popup-reader__action-button button button_color" onclick="closePopupReader(); showFinalVotePopup();">
                    Продолжить без входа
                </button>
            </div>
        </div>
    </div>
 </div>
 <div class="popup-reader" id="popup-vote">
    <div class="popup-reader__container ">
        <div class="popup-reader__inner " style="background-color: #F2F2F2;">
             <div class="popup-reader__top">
                <div class="popup-reader__title">Книга подошла к концу <br>(Возможно выйдут новые части)</div>
                <button type="button" class="popup-reader__close" onclick="closePopupReader();" aria-label="Закрыть">
                    <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>
                </button>
            </div>
            <div class="popup-reader__actions">    <button type="button" class="popup-reader__action-button button button_color" onclick="if (typeof openLoginPopupWithContext === &#039;function&#039;) { openLoginPopupWithContext(&#039;reader&#039;); } else { closePopupEnter(); openPopupEnter(&#039;popup-login&#039;); }">
        Подписаться на книгу
    </button>
<button type="button" class="popup-reader__action-button button button_color" onclick="if (typeof openLoginPopupWithContext === &#039;function&#039;) { openLoginPopupWithContext(&#039;reader&#039;); } else { closePopupEnter(); openPopupEnter(&#039;popup-login&#039;); }">
    Подписаться на автора
</button></div>
                <div class="popup-reader__actions popup-reader__actions_navigation">
        <a class="popup-reader__action-button button button_color" href="/books/51277-Na-rasputi">
            Назад к книге
        </a>
    </div>
                <div class="popup-reader__similar">
        <div class="popup-reader__section-title">Похожие книги</div>
        <div class="popup-reader__similar-carousel owl-carousel">
                    <div class="popup-reader__similar-item">
            <a href="/books/56145-Nekrologicheskie-zametki/" class="popup-reader__similar-link">
                <picture class="popup-reader__similar-picture">
                    <source type="image/webp" srcset="/assets/img/layout/books/vunocover.webp">
                    <img src="/assets/img/layout/books/vunocover.jpg" alt="Некрологические заметки" loading="lazy">
                </picture>
                <div class="popup-reader__similar-title">Некрологические заметки</div>
                <div class="popup-reader__similar-author">Михаил Евграфович Салтыков-Щедрин</div>
            </a>
        </div>        <div class="popup-reader__similar-item">
            <a href="/books/56084-Dnevnik-provinciala-v-Peterburge/" class="popup-reader__similar-link">
                <picture class="popup-reader__similar-picture">
                    <source type="image/webp" srcset="/assets/img/layout/books/vunocover.webp">
                    <img src="/assets/img/layout/books/vunocover.jpg" alt="Дневник провинциала в Петербурге" loading="lazy">
                </picture>
                <div class="popup-reader__similar-title">Дневник провинциала в Петербурге</div>
                <div class="popup-reader__similar-author">Михаил Евграфович Салтыков-Щедрин</div>
            </a>
        </div>        <div class="popup-reader__similar-item">
            <a href="/books/55920-Gubernskie-ocherki/" class="popup-reader__similar-link">
                <picture class="popup-reader__similar-picture">
                    <source type="image/webp" srcset="/assets/img/layout/books/vunocover.webp">
                    <img src="/assets/img/layout/books/vunocover.jpg" alt="Губернские очерки" loading="lazy">
                </picture>
                <div class="popup-reader__similar-title">Губернские очерки</div>
                <div class="popup-reader__similar-author">Михаил Евграфович Салтыков-Щедрин</div>
            </a>
        </div>        <div class="popup-reader__similar-item">
            <a href="/books/55911-V-srede-umerennosti-i-akkuratnosti/" class="popup-reader__similar-link">
                <picture class="popup-reader__similar-picture">
                    <source type="image/webp" srcset="/assets/img/layout/books/vunocover.webp">
                    <img src="/assets/img/layout/books/vunocover.jpg" alt="В среде умеренности и аккуратности" loading="lazy">
                </picture>
                <div class="popup-reader__similar-title">В среде умеренности и аккуратности</div>
                <div class="popup-reader__similar-author">Михаил Евграфович Салтыков-Щедрин</div>
            </a>
        </div>        <div class="popup-reader__similar-item">
            <a href="/books/55734-Istoriya-odnogo-goroda/" class="popup-reader__similar-link">
                <picture class="popup-reader__similar-picture">
                    <source type="image/webp" srcset="/assets/img/layout/books/vunocover.webp">
                    <img src="/assets/img/layout/books/vunocover.jpg" alt="История одного города" loading="lazy">
                </picture>
                <div class="popup-reader__similar-title">История одного города</div>
                <div class="popup-reader__similar-author">Михаил Евграфович Салтыков-Щедрин</div>
            </a>
        </div>        <div class="popup-reader__similar-item">
            <a href="/books/55575-Pompadury-i-pompadurshi/" class="popup-reader__similar-link">
                <picture class="popup-reader__similar-picture">
                    <source type="image/webp" srcset="/assets/img/layout/books/vunocover.webp">
                    <img src="/assets/img/layout/books/vunocover.jpg" alt="Помпадуры и помпадурши" loading="lazy">
                </picture>
                <div class="popup-reader__similar-title">Помпадуры и помпадурши</div>
                <div class="popup-reader__similar-author">Михаил Евграфович Салтыков-Щедрин</div>
            </a>
        </div>
        </div>
    </div>
            <div class="popup-reader__comments">
                <div class="popup-reader__comments-carousel owl-carousel">
 <script>
 readerPopupScrollTop = null;
 readerPopupFocus = null;

 function closePopupReader() {
   active = document.querySelector('.popup-reader_active');
   active ? active.classList.remove('popup-reader_active') : null;
   if (typeof overlayObserver !== 'undefined' && overlayObserver) {
     overlayObserver.disconnect();
     overlayObserver = null;
   }
   if (typeof toggleReaderProgressbar === 'function') {
     toggleReaderProgressbar();
   }
   if (!document.querySelector('.popup-reader_active') && readerPopupScrollTop !== null) {
     window.scrollTo(0, readerPopupScrollTop);
     readerPopupScrollTop = null;
   }
   if (readerPopupFocus && typeof readerPopupFocus.focus === 'function') {
     try { readerPopupFocus.focus(); } catch (e) {}
     readerPopupFocus = null;
   }
 }

 function openPopupReader(id) {
   readerPopupFocus = document.activeElement;
   popup = document.getElementById(id);
   popup.classList.add('popup-reader_active');
   if (readerPopupScrollTop === null) {
     readerPopupScrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
   }
   if (typeof toggleReaderProgressbar === 'function') {
     toggleReaderProgressbar();
   }
 }

 popupRreaders = document.querySelectorAll('.popup-reader');
 popupRreaders.forEach((popup) => {
   popup.addEventListener('click', e => {
     e.target.classList.contains('popup-reader') ? closePopupReader() : null;
   })
 });

 function changFontSize(select) {
  bluxsettings(select.value, 51277, 13366874)
}

if (typeof readsamples === 'function') {
    readsamples();
} else {
    console.warn('[Reader] readsamples function is not defined');
}
</script>


   <div id=pagecomms class=hid></div>
   <div id=commsno class=hid></div>
   <div id=edpage class=hid></div>

    <!-- верстка новой читалки (Конец) потом еще скрипты и все -->
    <script>
    zoxNew = document.getElementById('cnvwrapper').clientWidth;
    zoyNew = document.getElementById('cnvwrapper').clientHeight;
    if (!zoxNew || zoxNew <= 0) zoxNew = 700;
    if (!zoyNew || zoyNew <= 0) zoyNew = 800;
    pageSize = 3;
    showEdits = '';
    protection = 3;
    pagesCount = 0;
    linesCount = 25;
    fontHeight = 20;
    lineHeight = 1.5;
    backColor = "#F2F2F2";
    fontColor = "#000000";
    fontStyle = 0;
    verticalModeInitial = 0;

    function prepareChapter(text, settings) {
        const { fontSize, screenWidth, screenHeight, fontFamily, lineHeight } = {
            fontSize: fontHeight,
            screenWidth: zoxNew,
            screenHeight: zoyNew, //document.querySelector('.book-container').offsetHeight,
            fontFamily: 'Arial',
            lineHeight: lineHeight
        };

        const maxLineWidth = 0.9 * screenWidth;
        const lineHeightPx = fontSize * lineHeight;
        const mobileReduction = (typeof window !== 'undefined' && window.innerWidth < 668) ? 0.65 : 0.8;
        const maxPageHeight = mobileReduction * screenHeight;
        const maxLinesPerPage = Math.floor(maxPageHeight / lineHeightPx);

        const canvas = document.createElement('canvas');
        const ctx = canvas.getContext('2d');
        ctx.font = fontSize+`px `+fontFamily;

        const splitHyphenated = (word) => {
            const parts = [];
            let part = '';
            for (const char of word) {
                part += char;
                if (char === '-') {
                    parts.push(part);
                    part = '';
                }
            }
            if (part) parts.push(part);
            return parts;
        };

        const wrapParagraph = (paragraph) => {
            const words = paragraph.replace(/\s+/g, ' ').trim().split(/\s+/).filter(word => word.length > 0);
            const parLines = [];
            let currentLine = '';
            for (const word of words) {
                const parts = word.includes('-') ? splitHyphenated(word) : [word];
                for (const part of parts) {
                    const testLine = currentLine ? currentLine+` `+part : part;
                    const width = ctx.measureText(testLine).width;
                    if (width <= maxLineWidth) {
                        currentLine = testLine;
                    } else {
                        if (currentLine === '') {
                            parLines.push(part);
                        } else {
                            parLines.push(currentLine);
                            currentLine = part;
                        }
                    }
                }
            }
            if (currentLine) parLines.push(currentLine);
            return parLines;
        };

        const paragraphRegex = new RegExp('\n\s*\n');
        const maxShortParagraph = 120;
        // По умолчанию не склеиваем короткие абзацы (регресс: ломает стихи/верстку). Включить: window.ZELLULOZA_READER_MERGE_SHORT_PARAGRAPHS = true
        const mergeShortParagraphs = (typeof window !== 'undefined' && window.ZELLULOZA_READER_MERGE_SHORT_PARAGRAPHS === true);

        let paragraphs = text
            .split(paragraphRegex)
            .map(p => p.replace(/\s+/g, ' ').trim())
            .filter(p => p.length > 0);
        if (mergeShortParagraphs) {
            // Объединяем короткие «абзацы» в один, чтобы не было больших разрывов при дроблении текста (редактор/файл)
            // Не склеиваем диалоги (строки, начинающиеся с — - –), иначе «всё в кучу» и поехавшие реплики
            const isDialogueLine = (s) => {
                const t = String(s || '').trim();
                return t !== '' && /^[\-\u2013\u2014]\s?/u.test(t);
            };
            const merged = [];
            for (let i = 0; i < paragraphs.length; i++) {
                const p = paragraphs[i];
                const last = merged.length - 1;
                const noDialogue = !isDialogueLine(p) && (last < 0 || !isDialogueLine(merged[last]));
                if (merged.length && p.length <= maxShortParagraph && merged[last].length <= maxShortParagraph && noDialogue) {
                    merged[last] += ' ' + p;
                } else {
                    merged.push(p);
                }
            }
            paragraphs = merged;
        }

        const lines = [];
        for (let i = 0; i < paragraphs.length; i++) {
            lines.push(...wrapParagraph(paragraphs[i]));
            if (i < paragraphs.length - 1) {
                lines.push('');
            }
        }

        const pages = [];
        for (let i = 0; i < lines.length; i += maxLinesPerPage) {
            pages.push(lines.slice(i, i + maxLinesPerPage));
        }

        return pages;
    }

   // для новой читалки
    if (typeof InitRead === 'function') {
        InitRead(pageSize, showEdits, protection, 0, pagesCount, 0, 0, linesCount, linesCount, zoxNew, zoyNew, fontHeight, lineHeight, 1, backColor, fontColor, fontStyle, verticalModeInitial);
    } else {
        console.warn('[Reader] InitRead function is not defined, waiting for site.js...');
        if (document.readyState === 'loading') {
            document.addEventListener('DOMContentLoaded', function() {
                if (typeof InitRead === 'function') {
                    InitRead(pageSize, showEdits, protection, 0, pagesCount, 0, 0, linesCount, linesCount, zoxNew, zoyNew, fontHeight, lineHeight, 1, backColor, fontColor, fontStyle, verticalModeInitial);
                } else {
                    console.error('[Reader] InitRead still not defined after DOMContentLoaded');
                }
            });
        } else {
            // DOM уже загружен, но функция еще не доступна - ждем немного
            setTimeout(function() {
                if (typeof InitRead === 'function') {
                    InitRead(pageSize, showEdits, protection, 0, pagesCount, 0, 0, linesCount, linesCount, zoxNew, zoyNew, fontHeight, lineHeight, 1, backColor, fontColor, fontStyle, verticalModeInitial);
                } else {
                    console.error('[Reader] InitRead still not defined after timeout');
                }
            }, 100);
        }
    }


    if (typeof wheelSetup === 'function') {
        wheelSetup('bookpgm');
    } else {
        console.warn('[Reader] wheelSetup function is not defined');
    }

    if (typeof ProgrBarInit === 'function') {
        ProgrBarInit(718);
    } else {
        console.warn('[Reader] ProgrBarInit function is not defined');
    }

    // Определяем функцию getbook глобально ДО загрузки reader.js, чтобы она была доступна
    // Это должно быть определено в inline скрипте перед подключением reader.js
    window.getbook = function getbook() {
        if (typeof ajax === 'function') {
            ajax('booktext', '', 'getbook', '51277', '13366874:0.0.3::0', '138d2eb8b878d386', 0);
        } else {
            console.warn('[Reader] ajax function is not defined, waiting for site.js...');
            // Повторяем попытку через 100мс
            setTimeout(function() {
                if (typeof ajax === 'function') {
                    ajax('booktext', '', 'getbook', '51277', '13366874:0.0.3::0', '138d2eb8b878d386', 0);
                } else {
                    console.error('[Reader] ajax function still not defined');
                }
            }, 100);
        }
    };

    function showFinalVotePopup() {
        $(".popup-reader__comments-item").hide();
        setTimeout(function() {
            $("#popup-vote").addClass("popup-reader_active");
        }, 200);
        setTimeout(function() {
            $(".popup-reader__comments-item").show();
        }, 400);
    }

    function isAnotherReaderPopupVisible() {
        const activeReaderPopups = document.querySelectorAll('.popup-reader_active');
        for (let index = 0; index < activeReaderPopups.length; index += 1) {
            const popupElement = activeReaderPopups[index];
            if (popupElement && popupElement.id !== 'popup-vote') {
                return true;
            }
        }
        if (document.querySelector('.shown')) {
            return true;
        }
        if (document.documentElement && document.documentElement.classList.contains('active')) {
            return true;
        }
        if (typeof $.magnificPopup !== 'undefined' && $.magnificPopup !== null) {
            const popupInstance = $.magnificPopup.instance;
            if (popupInstance && popupInstance.isOpen) {
                return true;
            }
        }
        return false;
    }

    function getFinalPopup() {
        if (isAnotherReaderPopupVisible()) {
            return;
        }

        if(!0) {
            closePopupReader();
            const finalLoginPopup = document.getElementById('popup-final-login');
            if (finalLoginPopup) {
                finalLoginPopup.classList.add('popup-reader_active');
            }
        } else {
            // incrementBookReadCount(bookid);
            showFinalVotePopup();
        }
    }

    if (document.location.hash.replace('#', '').includes('id:')) {
        setTimeout(function() {
            getFinalPopup();
            $('#next').hide();
            $('form.estimate button[name="value"][value="1"]').trigger('click');
            $('form.estimate button[name="value"][value="1"]').addClass('active');
            $('#popup-vote .estimate').css('visibility', 'hidden');
            $('#popup-vote .popup-reader__title').text('Ответить на комментарий');
            $('textarea[id*="comment"]').text(document.location.hash.replace('#', '') + ", ");
        }, 2500);
    }
    </script><div id='comment-reader-popup' class='chpt-og_comment white-popup mfp-with-anim mfp-hide'>    <span id="comment-13366874">Отзывы к части     
    <div class="likes-show-chapters">
        <div class="like-show-chapters__col">
                <svg title='Войдите для голосования'  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"/>
    </svg>
            <div class=votes title='Понравилось'>0</div>
        </div>
        <div class="like-show-chapters__col">
                <svg title='Войдите для голосования'  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"/>
    </svg>
            <div class=votesred title='Не понравилось'>0</div>
        </div>
    </div></span>
    <div class="og_chpt_comment">
        
    </div>
    <div class='chpt-og_comment_input'>
        <div class='chapter-comment-draft-wrap'>
            <textarea id='chapter-comment-13366874' data-draft-key='chapter_comment_13366874' class='chcomm autoresizing chapter-comment-textarea' placeholder='Ваш отзыв о части' maxlength='2000'></textarea>
            <p class='chapter-comment-draft-status' id='chapter-comment-draft-status-13366874' role='status' aria-live='polite' hidden></p>
        </div>
        <input type='button' class='book-btn-primary chapter-comment-submit' value='Оставить отзыв' data-book-id='51277' data-chapter-id='13366874' data-nonce='5088f067fd914a45'>
    </div></div></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="Находятся в топ-100">Книги из топ-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/2794/" title="Далёкие миры. Часть первая. Император по случаю.">
        <div class="toptile">
            <picture><img class="shadow1 lazy-media" alt="Далёкие миры. Часть первая. Император по случаю." data-src="/pics/books/hu4OmhjJO2M7g9iGLiY2TqJ9Sd2794.jpg" src="/assets/img/icons/svg/lazy.svg"></picture>
        </div>
        <div class="textcenter">
            <div class="booktc">Далёкие миры. Часть первая. Император по случаю.</div>
            <div class="cityc">#76 в топе Юрий Москаленко (МЮН)</div>
        </div>
    </a>
</div><div class="book-card-item aside-slider-card item">
        <a class="taglnk0" rel="nofollow" href="/books/4146/" title="Варлок">
        <div class="toptile">
            <picture><img class="shadow1 lazy-media" alt="Варлок" data-src="/pics/books/huM2aoCn878SflKCgOxJMg4Y4w4146.jpg" src="/assets/img/icons/svg/lazy.svg"></picture>
        </div>
        <div class="textcenter">
            <div class="booktc">Варлок</div>
            <div class="cityc">#43 в топе Александр Шапочкин</div>
        </div>
    </a>
</div><div class="book-card-item aside-slider-card item">
        <a class="taglnk0" rel="nofollow" href="/books/4521/" title="Барон Серж де Сангре.">
        <div class="toptile">
            <picture><img class="shadow1 lazy-media" alt="Барон Серж де Сангре." data-src="/pics/books/huJkEcgMjKcKfe2OHE8OYDRg0F4521.jpg" src="/assets/img/icons/svg/lazy.svg"></picture>
        </div>
        <div class="textcenter">
            <div class="booktc">Барон Серж де Сангре.</div>
            <div class="cityc">#35 в топе Ринат Назипов</div>
        </div>
    </a>
</div>                </div>
            </div>
        </div>
    </div><div class='aside__container'><div class='aside__title'>Поиск по жанрам</div><div class='aside__tags'><a class='aside__tag-link' href='/search/genres/2-Fentezi' title='Фэнтези'>Фэнтези</a><a class='aside__tag-link' href='/search/genres/1-Fantastika' title='Фантастика'>Фантастика</a><a class='aside__tag-link' href='/search/genres/71-Popadancy' title='Попаданцы'>Попаданцы</a><a class='aside__tag-link' href='/search/genres/46-Lyubovnyy_roman' title='Любовный роман'>Любовный роман</a><a class='aside__tag-link' href='/search/genres/55-Alternativnaya_istoriya' title='Альтернативная история'>Альтернативная история</a><a class='aside__tag-link' href='/search/genres/62-LitRPG' title='ЛитРПГ'>ЛитРПГ</a><a class='aside__tag-link' href='/search/genres/122-Nauchnaya_fantastika' title='Научная фантастика'>Научная фантастика</a><a class='aside__tag-link' href='/search/genres/4-Detektiv' title='Детектив'>Детектив</a><a class='aside__tag-link' href='/search/genres/82-Postapokalipsis' title='Постапокалипсис'>Постапокалипсис</a><a class='aside__tag-link' href='/search/genres/388-Podrostkovyy_roman' title='Подростковый роман'>Подростковый роман</a><a class='aside__tag-link' href='/search/genres/7-Kiberpank' title='Киберпанк'>Киберпанк</a><a class='aside__tag-link' href='/search/genres/405-Anime' title='Аниме'>Аниме</a><a class='aside__tag-link' href='/search/genres/9-Klassika' title='Классика'>Классика</a><a class='aside__tag-link aside__tag-link--all-genres' href='/search/go' title='Все жанры книг'>Все жанры книг</a></div></div><div class='aside__container'><div class='aside__title'>Быстрые ссылки</div><div class='aside__fast-links'><a href='/forum' class='aside__fast-link' title='Форум'>Форум</a><a href='/top/latest' class='aside__fast-link' title='Новые главы'>Новые главы</a><a href='/top/comments' class='aside__fast-link' title='Новые отзывы'>Новые отзывы</a><a href='/books/bookmarks' class='aside__fast-link' title='Закладки в книгах'>Закладки в книгах</a><a href='/books/favorites' class='aside__fast-link' title='Подписки (избранные книги)'>Подписки (избранные книги)</a></div></div>    <div class="aside__container">
        <div class="aside__title">Недавние блоги</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>    <script>
    setTimeout('RunCountDown()', 1000);
    </script>

	</div>

    </div>




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

</main>
</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">Издательство</li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/about" title="Об этом сайте">О Целлюлозе</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/guide" title="Гид">Гид</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/search" title="Поиск">Поиск</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/docs/manual.pdf" title="Инструкция">Инструкция</a></li>                </ul>
                <ul class="footer__text footer__text--authors">
                    <li class="footer__text-p">Авторам</li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/start" title="Стать автором">Стать автором</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/docs/author_manual.pdf" title="Инструкция для авторов">Инструкция для авторов</a></li>                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/about/howtopay" title="Способы оплаты">Способы оплаты</a></li>
                </ul>
                <ul class="footer__text footer__text--documents">
                    <li class="footer__text-p">Документы</li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/oferta" title="Агентский договор">Агентский договор</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/exclusive" title="Эксклюзивное соглашение">Эксклюзивное соглашение</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/terms" title="Правила для пользователей">Правила для пользователей</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/rules" title="Пользовательское соглашение">Пользовательское соглашение</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/public-offer" title="Договор-публичная оферта для пользователей">Договор-публичная оферта для пользователей</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/user-license" title="Лицензионное соглашение пользователя">Лицензионное соглашение пользователя</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/claims" title="Правила рассмотрения заявлений, связанных с размещением пользователями контента на сайте">Правила рассмотрения заявлений, связанных с размещением пользователями контента на сайте</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/rightholders" title="Правообладателям">Правообладателям</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/recommendation" title="Рекомендательные технологии">Рекомендательные технологии</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href="/legal/policy/?lang=ru" title="Политика обработки персональных данных">Политика обработки персональных данных</a></li>
                </ul>
                <ul class="footer__text footer__text--contacts">
                    <li class="footer__text-p">Контакты</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="Техническая поддержка">Техническая поддержка</a></li>
                    <li class="footer__menu-item"><a class="a_link_footer__menu-link" href='https://t.me/zellulozacom' title="Консультант" target="_blank" rel="noopener noreferrer">Консультант</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="ВКонтакте"><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="Телеграм"><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="Одноклассники"><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="Яндекс Дзен"><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="Почта">@</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="Рутуб">
                                <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="Скачать для Android" target="_blank" rel="noopener noreferrer">Скачать для Android</a>
                    </div>
                    <section class="footer__ios-app" data-ios-app-banner hidden>
                        <div class="footer__ios-app-text">
                            <strong>Приложение для iOS скоро</strong>
                            <span>Оставьте почту, и мы сообщим, когда оно появится.</span>
                        </div>
                        <form class="footer__ios-app-form" data-ios-app-form data-pending-message="Сохраняем..." data-success-message="Спасибо! Сообщим, когда приложение для iOS будет готово." data-error-message="Не удалось сохранить почту. Попробуйте позже.">
                            <label class="footer__ios-app-label" for="footer-ios-app-email">Email для уведомления</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">Оставить</button>
                            </div>
                            <p class="footer__ios-app-consent">Нажимая кнопку, вы соглашаетесь на обработку email по <a class="a_link_footer__menu-link" href="/legal/policy/?lang=ru">политике персональных данных</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="/books/51277-Na-rasputi/13366874/?lang=ru" class="toggle-btn is-active" data-lang="ru">
                                                                    <img src="/assets/img/icons/svg/flag-ru.svg" alt="" class="toggle-flag">
                                                                <span>RU</span>
                            </a>
                                                    <a href="/books/51277-Na-rasputi/13366874/?lang=en" class="toggle-btn " 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;Сайт может содержать материалы 18+, отдельные книги 16+. На информационном ресурсе применяются рекомендательные технологии. Если вам нет 18 лет, то воздержитесь посещать сайт без родителей.                </p>
                <p class="footer__last">Copyright © 2012 - 2026 ООО КМГ (Издательство "Целлюлоза")</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=34b81364b1e3ac24&back=%2Fbooks%2F51277-Na-rasputi%2F13366874%2F">Мне есть 18 лет</a>
            <a class="age-gate__button" href="/actions/age_minor.php?nonce=6f094ba83aba50fe&back=%2Fbooks%2F51277-Na-rasputi%2F13366874%2F">Мне нет 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=d08023586d176c9e&back=%2Fbooks%2F51277-Na-rasputi%2F13366874%2F">Принять</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>