.reader-header {
    height: auto;
    margin-top: 0;
}
.aside.right.active {
    left: calc(100% - 380px) !important;
}
@media (max-width: 800px) {
    /*#btnFullScreen,*/ .form-search {
        display: none !important;
    }
}
@media (max-width: 500px) {
    .left .reader-header > nav{
        display: block;
    }
    .reader-header nav .navbar-right>.btn, .reader-header nav .navbar-right>.btn-group-dropdown {
        margin-left: 0;
    }
}
@media (max-width: 800px) {
    .left .chapter_select, .left .form-search {
        display: none;
    }
}
@media (max-width: 1100px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (max-width: 1200px) {
    .chapter_select {
        margin-right: 0 !important;
    }
}
@media (max-width: 780px) {
    .pager .prev, .pager .next {
        width: 50% !important;
    }
    nav a.btn {
        padding: 8px 0px !important;
    }
}
@media (max-width: 500px) {
    .aside {
        max-width: 100% !important;
        left: 0 !important;
        top: 50px;
        display: none;
    }
    .aside.active {
        display: block;
    }
    #reader.left header {
        right: 0 !important;
        z-index: 9999;
    }
    body {
        padding: 0 !important;
    }
    .aside.right.active {
        right: 100% !important;
        left: 0 !important;
    }
}
.text-wrapper {
    overflow: inherit !important;
}
.chapter_select {
    display: inline;
    flex: auto;
    text-align: center;
    margin-right: 8%;
}
.chapter_select select {
    width: 190px;
    margin-bottom: 0px;
}
.pager .prev, .pager .next {
    width: 37%;
}
nav {
    width: 100%;
    display: inline-flex;
}
/*#text-container {*/
/*font-family: Roboto;*/
/*line-height: 1.35em !important;*/
/*font-size: 18px*/
/*}*/

#reader.left .reader-header .hidden-xs {
    display: none;
}
#reader.left header {
    left: 0 !important;
    right: 380px;
}
.aside.right {
    right: -100%;
    z-index: 4;
}
#settings {
    border-left: 1px solid #ccc;
    z-index: 9999;
}
#settings .sr {
    padding: 10px;
}
#readpage .content-text * {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}
@media (max-width: 767px) {
    #btnFullScreen {
        height: 32px;
        width: 32px;
        padding-left: 8px !important;
    }
    .chapter_select {
        margin-right: 0;
    }
}
.spinner {
    display: block;
    font-size: 0;
    color: #7f8c8e;
    width: 40px;
    height: 26px;
}
#reader.left.loading .spinner {
    left: calc(50% - 215px);
}
.left #up, .left #down {
    display: none !important;
}
.loading .reader-header {
    z-index: 9999 !important;
}
.brightness-1 #control_autoscroll, .brightness-2 #control_autoscroll {
    background-color: #000 !important;
}
.btn-brd:hover:not([disabled]) {
    background-color: #7f8c8d !important;
}
.tether-drop-content {
    text-align: center;
}
@media (max-width: 370px) {
    .chapter_select > select {
        width: 100px;
    }
    .chapter_select {
        padding: 0 5px
    }
}

/* ===== НОЧНОЙ РЕЖИМ: КОММЕНТАРИИ, КНОПКИ, ФОРМЫ ===== */

/* Комментарии - textarea */
.brightness-1 textarea,
.brightness-2 textarea {
    background-color: #1a1a1a !important;
    color: #ddd !important;
    border-color: #444 !important;
}

.brightness-1 textarea:focus,
.brightness-2 textarea:focus {
    border-color: #666 !important;
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1) !important;
}

/* Комментарии - input */
.brightness-1 input[type="text"],
.brightness-1 input[type="number"],
.brightness-1 input[type="email"],
.brightness-1 input[type="search"],
.brightness-1 select,
.brightness-2 input[type="text"],
.brightness-2 input[type="number"],
.brightness-2 input[type="email"],
.brightness-2 input[type="search"],
.brightness-2 select {
    background-color: #1a1a1a !important;
    color: #ddd !important;
    border-color: #444 !important;
}

/* Алерты (Еще никто не написал комментариев...) */
.brightness-1 .alert,
.brightness-1 .alert-info,
.brightness-1 .alert-block,
.brightness-2 .alert,
.brightness-2 .alert-info,
.brightness-2 .alert-block {
    background-color: #1a1a1a !important;
    border-color: #444 !important;
    color: #ccc !important;
}

/* Все обычные кнопки (не btn-brd) */
.brightness-1 .btn:not(.btn-brd):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):not(.btn-primary),
.brightness-2 .btn:not(.btn-brd):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):not(.btn-primary) {
    background-color: #2a2a2a !important;
    color: #ddd !important;
    border-color: #555 !important;
    background-image: none !important;
    text-shadow: none !important;
}

.brightness-1 .btn:not(.btn-brd):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):not(.btn-primary):hover,
.brightness-2 .btn:not(.btn-brd):not(.btn-success):not(.btn-warning):not(.btn-danger):not(.btn-info):not(.btn-primary):hover {
    background-color: #3a3a3a !important;
    border-color: #666 !important;
    color: #fff !important;
}

/* Цветные кнопки — убрать gradient и text-shadow */
.brightness-1 .btn-success,
.brightness-1 .btn-warning,
.brightness-1 .btn-danger,
.brightness-1 .btn-info,
.brightness-1 .btn-primary,
.brightness-2 .btn-success,
.brightness-2 .btn-warning,
.brightness-2 .btn-danger,
.brightness-2 .btn-info,
.brightness-2 .btn-primary {
    background-image: none !important;
    text-shadow: none !important;
}

/* Заголовки h2 (Обсуждение главы:) */
.brightness-1 h2,
.brightness-2 h2 {
    color: #ddd !important;
}

/* Текст "Сказали спасибо X читателей" */
.brightness-1 .like-buttons em,
.brightness-1 .like-buttons p,
.brightness-2 .like-buttons em,
.brightness-2 .like-buttons p {
    color: #aaa !important;
}

/* Комментарии - футер, spoiler, ссылки */
.brightness-1 .comment-footer,
.brightness-1 .spoiler-trigger,
.brightness-2 .comment-footer,
.brightness-2 .spoiler-trigger {
    background-color: #1a1a1a !important;
    color: #ddd !important;
}

/* Комментарии - блок комментария */
.brightness-1 .comment,
.brightness-2 .comment {
    border-color: #333 !important;
}

.brightness-1 .comment-body,
.brightness-2 .comment-body {
    color: #ddd !important;
}

/* Комментарии - мета информация */
.brightness-1 .comment-meta,
.brightness-1 .comment-date,
.brightness-2 .comment-meta,
.brightness-2 .comment-date {
    color: #888 !important;
}

/* Комментарии - автор */
.brightness-1 .comment-author a,
.brightness-2 .comment-author a {
    color: #8ab4f8 !important;
}

/* HR разделители */
.brightness-1 hr,
.brightness-2 hr {
    border-color: #333 !important;
}

/* Лейблы (Оффтоп, Отзыв и т.д.) */
.brightness-1 .label,
.brightness-2 .label {
    opacity: 0.9;
}

/* Модальные окна */
.brightness-1 .modal,
.brightness-2 .modal {
    background-color: #1a1a1a !important;
    border-color: #444 !important;
    color: #ddd !important;
}

.brightness-1 .modal-header,
.brightness-2 .modal-header {
    background-color: #222 !important;
    border-color: #444 !important;
    color: #ddd !important;
}

.brightness-1 .modal-body,
.brightness-2 .modal-body {
    background-color: #1a1a1a !important;
    color: #ddd !important;
}

.brightness-1 .modal-footer,
.brightness-2 .modal-footer {
    background-color: #222 !important;
    border-color: #444 !important;
}

/* Ссылки внутри контента */
.brightness-1 a:not(.btn):not(.btn-brd),
.brightness-2 a:not(.btn):not(.btn-brd) {
    color: #8ab4f8 !important;
}

.brightness-1 a:not(.btn):not(.btn-brd):hover,
.brightness-2 a:not(.btn):not(.btn-brd):hover {
    color: #aecbfa !important;
}

/* "Еще никто не написал комментариев..." - well блок */
.brightness-1 .well,
.brightness-2 .well {
    background-color: #1a1a1a !important;
    border-color: #444 !important;
    color: #ccc !important;
}

/* Select в шапке (выбор главы) */
.brightness-1 .chapter_select select,
.brightness-2 .chapter_select select {
    background-color: #1a1a1a !important;
    color: #ddd !important;
    border-color: #555 !important;
}

/* Поиск в шапке */
.brightness-1 .form-search input[type="text"],
.brightness-2 .form-search input[type="text"] {
    background-color: #1a1a1a !important;
    color: #ddd !important;
    border-color: #555 !important;
}

/* Кнопка закладки */
.brightness-1 .chap_bookmark_btn:not(.btn-warning),
.brightness-2 .chap_bookmark_btn:not(.btn-warning) {
    background-color: #2a2a2a !important;
    border-color: #555 !important;
    color: #ddd !important;
    background-image: none !important;
}

/* Подсказка "Максимальный размер 5мб..." */
.brightness-1 small,
.brightness-1 .help-block,
.brightness-2 small,
.brightness-2 .help-block {
    color: #888 !important;
}

/* Sidebar настроек (#settings) */
.brightness-1 #settings,
.brightness-2 #settings {
    background-color: #111 !important;
    border-color: #333 !important;
    color: #ddd !important;
}

.brightness-1 #settings .sr,
.brightness-2 #settings .sr {
    color: #ddd !important;
}

.brightness-1 #settings h5,
.brightness-2 #settings h5 {
    color: #ddd !important;
}

.brightness-1 #settings .tools,
.brightness-2 #settings .tools {
    background-color: #111 !important;
    border-color: #333 !important;
    color: #ddd !important;
}

.brightness-1 .menu-item,
.brightness-1 .menu-item-caption,
.brightness-1 .caption-text,
.brightness-2 .menu-item,
.brightness-2 .menu-item-caption,
.brightness-2 .caption-text {
    color: #ddd !important;
}

/* Архивные переводы */
.brightness-1 .archive_book,
.brightness-2 .archive_book {
    color: #8ab4f8 !important;
}

.brightness-1 label,
.brightness-2 label {
    color: #ccc !important;
}

/* ===== КОММЕНТАРИИ (.comments-block) ===== */

/* Блок контроля комментариев (зеленая полоса сверху) */
.brightness-1 .comments-block .comments-control,
.brightness-2 .comments-block .comments-control {
    background-color: #1a2a1a !important;
    border-color: #333 !important;
}

.brightness-1 .comments-block .comments-control span.btn-link,
.brightness-2 .comments-block .comments-control span.btn-link {
    color: #ddd !important;
}

/* Отдельный комментарий */
.brightness-1 .comments-block .single-comment,
.brightness-2 .comments-block .single-comment {
    border-color: #444 !important;
    background-color: #111 !important;
}

/* Тело комментария */
.brightness-1 .comments-block div.comment-body,
.brightness-2 .comments-block div.comment-body {
    color: #ddd !important;
    background-color: #111 !important;
}

/* Футер комментария (дата, действия) */
.brightness-1 .comments-block .comment-footer,
.brightness-2 .comments-block .comment-footer {
    background-color: #1a1a1a !important;
    color: #aaa !important;
    border-color: #333 !important;
}

.brightness-1 .comments-block .comment-footer a,
.brightness-2 .comments-block .comment-footer a {
    color: #8ab4f8 !important;
}

/* Спойлер внутри комментариев */
.brightness-1 .comments-block .spoiler-trigger,
.brightness-2 .comments-block .spoiler-trigger {
    background-color: #2a2a2a !important;
    color: #ddd !important;
}

/* Сворачивание длинных комментариев */
.brightness-1 .comments-block .single-comment .uncollapser,
.brightness-2 .comments-block .single-comment .uncollapser {
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), #111 75%) !important;
}

/* Ссылка на комментарий */
.brightness-1 .comments-block .comment-link,
.brightness-2 .comments-block .comment-link {
    background-color: #111 !important;
}

/* textarea для ввода комментария */
.brightness-1 .comments-block textarea.comment-body,
.brightness-2 .comments-block textarea.comment-body {
    background-color: #1a1a1a !important;
    color: #ddd !important;
    border-color: #444 !important;
}

.brightness-1 .comments-block textarea.comment-body:focus,
.brightness-2 .comments-block textarea.comment-body:focus {
    border-color: #666 !important;
    box-shadow: 0 0 5px rgba(100,100,100,0.3) !important;
}

/* Алерт "Еще никто не написал комментариев..." */
.brightness-1 .comments-block .alert,
.brightness-2 .comments-block .alert {
    background-color: #1a1a1a !important;
    border-color: #444 !important;
    color: #aaa !important;
}

/* Модерация */
.brightness-1 .comments-block .single-comment .alert.need-moderate,
.brightness-2 .comments-block .single-comment .alert.need-moderate {
    background-color: #2a1a1a !important;
    color: #ddd !important;
}

/* "Загрузить еще" кнопка */
.brightness-1 .comments-block .comments-load-more a,
.brightness-2 .comments-block .comments-load-more a {
    color: #8ab4f8 !important;
}

/* Голосование */
.brightness-1 .comments-block .voter.up span,
.brightness-2 .comments-block .voter.up span {
    color: #4caf50 !important;
}

.brightness-1 .comments-block .voter.down span,
.brightness-2 .comments-block .voter.down span {
    color: #f44336 !important;
}

/* Смайлики контейнер */
.brightness-1 .smiles-container,
.brightness-2 .smiles-container {
    background-color: #1a1a1a !important;
    border-color: #444 !important;
}

/* Пагинация комментариев */
.brightness-1 .pagination li a,
.brightness-1 .pagination li span,
.brightness-2 .pagination li a,
.brightness-2 .pagination li span {
    background-color: #1a1a1a !important;
    border-color: #444 !important;
    color: #ddd !important;
}

.brightness-1 .pagination li.active a,
.brightness-1 .pagination li.active span,
.brightness-2 .pagination li.active a,
.brightness-2 .pagination li.active span {
    background-color: #3a3a3a !important;
    color: #fff !important;
}

/* h1 заголовки (название главы) */
.brightness-1 h1,
.brightness-2 h1 {
    color: #ddd !important;
}

/* Pager кнопки (Дальше / Назад) */
.brightness-1 .pager .btn-brd,
.brightness-2 .pager .btn-brd {
    background-color: transparent !important;
    border-color: #4caf50 !important;
    color: #4caf50 !important;
}

.brightness-1 .pager .btn-brd:hover,
.brightness-2 .pager .btn-brd:hover {
    background-color: rgba(76,175,80,0.15) !important;
}

/* Строка "Максимальный размер 5мб..." */
.brightness-1 .comment-writer small,
.brightness-1 .comment-writer .check_file,
.brightness-2 .comment-writer small,
.brightness-2 .comment-writer .check_file {
    color: #888 !important;
}

/* Иконки кнопок в шапке */
.brightness-1 #reader header .btn-brd i,
.brightness-2 #reader header .btn-brd i {
    color: #ddd !important;
}

/* Кнопка ночного режима в активном состоянии */
.brightness-1 #night_mode_btn.active,
.brightness-2 #night_mode_btn.active {
    background-color: rgba(255,255,255,0.15) !important;
    border-color: #fff !important;
}

/* ===== ФИКС: Bootstrap кнопки в ночном режиме читалки ===== */

/* Убираем стандартные Bootstrap градиенты и тени */
.brightness-1 .btn-success,
.brightness-2 .btn-success {
    background-color: #2d8a3e !important;
    border-color: #256d31 !important;
    color: #fff !important;
    background-image: none !important;
    text-shadow: none !important;
}

.brightness-1 .btn-warning,
.brightness-2 .btn-warning {
    background-color: #e08a1e !important;
    border-color: #c07818 !important;
    color: #fff !important;
    background-image: none !important;
    text-shadow: none !important;
}

.brightness-1 .btn-danger,
.brightness-2 .btn-danger {
    background-color: #c0392b !important;
    border-color: #a03020 !important;
    color: #fff !important;
    background-image: none !important;
    text-shadow: none !important;
}

.brightness-1 .btn-info,
.brightness-2 .btn-info {
    background-color: #2980b9 !important;
    border-color: #2070a0 !important;
    color: #fff !important;
    background-image: none !important;
    text-shadow: none !important;
}

.brightness-1 .btn-primary,
.brightness-2 .btn-primary {
    background-color: #2563eb !important;
    border-color: #1d4ed8 !important;
    color: #fff !important;
    background-image: none !important;
    text-shadow: none !important;
}

.brightness-1 .btn-default,
.brightness-1 .btn-mini.btn-default,
.brightness-2 .btn-default,
.brightness-2 .btn-mini.btn-default {
    background-color: #2a2a2a !important;
    border-color: #555 !important;
    color: #ddd !important;
    background-image: none !important;
    text-shadow: none !important;
}

.brightness-1 .btn-default.active,
.brightness-2 .btn-default.active {
    background-color: #3a3a3a !important;
    border-color: #777 !important;
    color: #fff !important;
}

/* Тип кнопок группы (Обычный/Оффтоп/Отзыв) */
.brightness-1 .btn-group .btn,
.brightness-2 .btn-group .btn {
    background-image: none !important;
    text-shadow: none !important;
}

/* disabled кнопки */
.brightness-1 .btn.disabled,
.brightness-1 .btn[disabled],
.brightness-2 .btn.disabled,
.brightness-2 .btn[disabled] {
    opacity: 0.6 !important;
}