@supports not (--testvar: #fff) {
	.theme-toggle {display: none;}
	body {color: #f2f2f2; background: #121212;}
	a, a:hover, a:focus {color: #f2f2f2;}
	button, .btn, input[type="button"], input[type="reset"], input[type="submit"], .form__btn, 
	.qq-upload-button, .pm__links a, .usp__btn a {background-color: #ffa332; color:#000;}
	input[type="text"], input[type="number"], input[type="password"], select, textarea {background-color: #060606; color: #f2f2f2; 
		box-shadow: inset 0 0 0 1px #060606, inset 1px 2px 5px rgba(0,0,0,0.1);}

	.wrapper-container {max-width: 1310px;}
	@media screen and (max-width: 1400px) { .wrapper-container {max-width: 1260px;} }
	.wrapper-main {padding: 0 20px;}
	.footer {background-color: #171717; border-top: 1px solid rgba(255,255,255, 0.06);}
	.block-bg, .lightstat_sander {background-color: #171717;}
	#scrolltop {background-color: #171717; color: #83848f; box-shadow: 0 5px 10px rgba(0,0,0,0.6);}

	.logo__title {color: #fff;}
	.logo span {color: rgba(242,242,242,0.8);}
	.logo::before {background: #f2f2f2 url(../images/logo.svg) center center / 20px no-repeat;}
	.header__menu > li > a.is-active {color: #ffa332;}
	.header__menu > li:hover > a, .header__btn-login:hover, .header__btn-ctrl:hover {color: #ffa332;}
	.header__btn-ctrl i {background-color: #ffa332; color: #000;}
	.header__btn-ctrl i.pm-0 {background-color: #83848f; color: #f2f2f2;}
	.header__search input, .header__search input:focus {background: #171717; box-shadow: 0 0 0 1px rgba(255,255,255, 0.06); color: #f2f2f2;}
	.header__search input:not(:focus)::placeholder {color: #f2f2f2; opacity: 0.6;} 
	.header__search button {background: none; color: #f2f2f2;}
	.nav__list a {background-color: #171717;}
	.nav__list a span {color: #83848f;}
	.nav__list a:hover {background-color: #ffa332 !important; color: #000;}
	.nav__list a:hover span {color: #000;}
	.nav__list li.is-active a:not(:hover) {box-shadow: 0 0 0 1px #ffa332;}
	.header__menu > li > div {border: 1px solid #ffa332;}
	.header__menu .nav__list {background-color: #171717; box-shadow: 0 10px 20px rgba(0,0,0,0.15);}
	.header__menu li:hover > div {background-color: #ffa332; color: #000;}
	.header__menu .nav__list a:not(:hover) {background-color: #121212;}

	.sect__title .fal {color: #f50057;}
	.sect__sort {color: #83848f;}
	.sect__sort a {color: #83848f;}
	.sect__sort li[class] a {color: #f2f2f2;}
	.sect__genres a {color: rgba(242,242,242,0.8);}
	.sect__genres span {color: #f39b2e;}
	.sect__btn {background-color: #83848f; color: #fff;}
	.site-desc {color: #83848f;}
	.site-desc h1, .site-desc h2, .site-desc h3 {color: #f2f2f2;}
	.site-desc a {color: #83848f;}
	.site-desc ul li::before {color: #ffa332;}
	.speedbar {color: #83848f;}
	.speedbar a:hover, .sect__genres a:hover {color: #f2f2f2;}
	.sect--bg {background-color: #171717; border: 1px solid rgba(255,255,255, 0.06);}

	.latest {box-shadow: inset 0 -1px #000; border-bottom: 1px solid rgba(255,255,255, 0.06);}
	.latest__chapter, .latest__chapter a {color: rgba(242,242,242,0.8);}
	.latest__publisher {color: #83848f;}
	.latest__title .fal {color: #f50057;}
	.poster__subtitle {color: #83848f;}
	.poster__subtitle li a {color: #83848f;}
	.poster__label {background-color: rgba(0,0,0,0.6); color: #fff; text-shadow: 0px 0px 4px #000;}
	.has-overlay__mask {background-color: rgba(0,0,0,0.8); color: #ffa332;}
	.readed {background-color: #171717;}
	.readed.not-active .readed__btn {background-color: #83848f; color: #fff;}
	.readed__meta {color: rgba(242,242,242,0.8);}
	.readed__meta-item:not(:last-child)::after {background: #83848f;}
	.readed__info li > span:first-child {color: #83848f;}
	.readed__progress-bar {background-color: #060606;}
	.readed__progress-bar-fill {background: #83848f;}
	.readed__info a:hover {color: #ffa332;}
	.readed__rating-votes {color: #83848f;}
	.popular {background: #171717;}
	.showitems-btn {color: #ffa332;}
	.lcomm__link {color: #83848f;}
	.lcomm__date {color: #8d8d8d;}
	.lcomm__text {color: rgba(242,242,242,0.8);}
	.lcomm__link:hover {color: #f2f2f2;}
	.popular:hover .popular__title, .speedbar a:hover, .readed__title a:hover, .poster:hover .poster__title, a.latest__title:hover, 
	.latest__chapter a:hover, a.lcomm__link:hover, .footer__menu a:hover, .comment-item__controls li a:hover, .comment-item__rating-likes a:hover, 
	.comment-item__author a:hover, .page__translators a:hover, .speedbar a:hover {color: #ffa332;}

	.lightstat_sander_body_item {color: #f2f2f2;}
	.lightstat_sander_body_item b {color: #83848f;}
	.lightstat_sander_bar {background: #619505;}
	.lightstat_sander_body_item::after {background-color: #121212;}
	.lightstat_sander_body_item_bots::after {background-color: #619505;}
	.lightstat_sander_bar_users, .lightstat_sander_body_item_users::after {background-color: #d95e01;}
	.lightstat_sander_bar_guest, .lightstat_sander_body_item_guest::after {background-color: #af291d;}
	label.XSearchfield {color: rgba(242,242,242,0.8);}
	label.XSearchfield span::before {background: #060606; box-shadow: 0 0 0 1px rgba(255,255,255, 0.06);}
	label.XSearchfield input:checked + span::before {box-shadow: 0 0 0 1px #83848f;}
	label.XSearchfield input:checked + span::after {color: #03b82a;}
	.xFieldSearchContent > .list > .title {background-color: #171717;}
	label.XSearchfield:hover {color: #f2f2f2;}
	.xFieldSearchContent > .list > .title:hover {color: #ffa332;}
	.xFieldSearchSubmit input {background-color: #83848f; color: #fff;}

	.footer__menu-2 a {color: #83848f;}
	.footer__text {color: #83848f;}
	.pagination__btn-loader a, .pagination__btn-loader > span {background: #121212; color: #ffa332;}
	.pagination__pages a, .pagination__pages span {border: 1px solid #060606;}
	.pagination__pages span:not(.nav_ext), .pagination__pages a:hover, .pagination__btn-loader a:hover  
	{background: #060606; color: #ffa332; border-color: #060606;}

	.page__left {border-top: 1px solid rgba(255,255,255, 0.06); background-color: #171717;}
	.page__title-original {color: #83848f;}
	.page__btn-read {background-color: #4e6baf; color: #fff;}
	.page__btn-continue {background-color: #083; color: #fff;}
	.page__btn-fav {background-color: #212121; border: 1px solid rgba(255,255,255, 0.06); color: rgba(242,242,242,0.8);}
	.page__fav-list {background-color: #060606; box-shadow: 0 5px 10px rgba(0,0,0,0.6);}
	.page__fav-list li:hover {background-color: #121212;}
	.page__btn-fav {color: #fff; background-color: #16a085;}
	.page__fav-list li.page__fav-del {background-color: #c0392b; color: #fff;}
	.page__complaint a:hover {color: #ffa332;}
	.page__list {background-color: #212121;}
	.page__list li > div:first-child {color: #83848f;}
	.page__list a:hover {color: #ffa332;}
	.page__fav-list li.is-active {background-color: #4e6baf; color: #fff;}
	.page__fav-list li.page__fav-del {background-color: #900; color: #fff;}
	.tabs__block::before {background-color: #171717; border: 1px solid rgba(255,255,255, 0.06); border-left: 0; border-right: 0;}
	.tabs__select > li {color: #83848f;}
	.tabs__select > li.is-active {color: #f2f2f2; box-shadow: inset 0 -2px #ffa332;}
	.tabs__select > li:not(.is-active):hover {color: #ffa332;}
	.page__rating-votes {color: #83848f;}
	.page__tags {border-top: 1px solid rgba(255,255,255, 0.06);}
	.page__tags a {color: rgba(242,242,242,0.8); border: 1px solid rgba(255,255,255, 0.06); background-color: #212121;}
	.page__tags a:hover {background-color: #171717; border-color: #ffa332; color: #f2f2f2;}
	.page__translators {border-top: 1px solid rgba(255,255,255, 0.06); color: #83848f;}
	.page__translators a {color: #ffa332;}
	.page__activity {color: rgba(242,242,242,0.8);}
	.page__activity-col {background-color: #212121;}
	.page__activity-votes .fal {color: #ffc107;}
	.page__activity-votes > span:last-child {color: #83848f;}
	.page__activity-percent {color: #f2f2f2;}
	.page__activity-quantity {color: #83848f;}
	.page__activity-bar {background: #060606;}
	.page__activity-bar-progress {background: #ffa332;}
	.page__activity-col--rates .page__activity-row:nth-child(2) .page__activity-bar-progress {background: #76db98;}
	.page__activity-col--rates .page__activity-row:nth-child(3) .page__activity-bar-progress {background: #b7ea83;}
	.page__activity-col--rates .page__activity-row:nth-child(4) .page__activity-bar-progress {background: #f6d757;}
	.page__activity-col--rates .page__activity-row:nth-child(5) .page__activity-bar-progress {background: #fbb851;}
	.page__activity-col--rates .page__activity-row:nth-child(6) .page__activity-bar-progress {background: #f17a54;}
	.page__activity-col--rates .page__activity-subtitle .fal {color: #83848f;}
	.cl__item {background-color: #212121;}
	.cl__item-num {color: rgba(242,242,242,0.8); background-color: #121212;}
	.cl__item-pages {color: rgba(242,242,242,0.8);}
	.cl__item-date {color: #83848f;}
	.cl__itemAction {color: rgba(242,242,242,0.8); background-color: #121212;}
	.cl__itemAction-readed {background-color: #16a085; color: #fff;}
	.cl__item-title a:hover {color: #ffa332;}
	.cl__action {background-color: #83848f; color: #fff;}

	.full-text {color: rgba(242,242,242,0.8);}
	.full-text a {color: #4e6baf;}
	.full-text > ul li:before {border: 3px solid #ffa332;}
	.full-text > ol li:before {background-color: #ffa332; color: #fff;}
	.full-text > ol li:after {border-left-color: #ffa332;}

	.page__comments-info {color: #83848f;}
	.page__comments-info .fal {color: #eb4d4b;}
	.comment-item {background: #171717;}
	.comment-item__letter {color: #fff;}
	.comment-item__date {color: #83848f;}
	.comment-item__rating {color: #83848f; background: #121212;}
	.comment-item__rating .fal {color: #03b82a;}
	.comment-item__rating a {color: #83848f;}
	.zcomm-likes {color: rgba(242,242,242,0.8);}
	.comment-item__rating:hover, .comment-item__rating:hover a {color: #f2f2f2;}
	.comment-item__reply a {color: #83848f;}
	.comment-item__controls a:not(:hover) {color: #83848f;}
	.comment-item__main--spoiler {color: rgba(242,242,242,0.8);}

	.login {background-color: #171717; box-shadow: 0 0 0 10px rgba(255,255,255,0.2), 0 15px 45px rgba(0,0,0,1);}
	.login__header {background-color: #121212;}
	.login__title a {border-bottom: 1px dotted #83848f; color: #83848f;}
	.login__row {color: #83848f;}
	.login__caption {color: #f2f2f2;}
	.login__caption a {color: #ffa332;}
	.login__social {background-color: #121212;}
	.login__menu a {background-color: #121212; box-shadow: inset 0 0 10px rgba(0,0,0,0.1);}
	.login__menu a:hover {color: #ffa332;}

	.owl-prev, .owl-next {background-color: transparent; color: #f2f2f2;}
	.owl-prev:hover, .owl-next:hover {color: #000;}
	.owl-dot {background: #060606;}
	.owl-dot.active, .owl-dot:hover {background: #83848f;}

	.message-info {color: rgba(242,242,242,0.8); background-color: #060606; box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
		border: 1px solid #060606; border-left-width: 44px; border-left-color: #ffa332;}
	.message-info a {color: #f2f2f2;}
	.message-info::before {color: #000;}
	.form__caption--above {background-color: #2f343a; color: #fff;}
	.checkbox input, .comments_subscribe input {background-color: #060606; box-shadow: inset 0 2px 5px rgba(0,0,0,0.1);}
	.checkbox input::before, .comments_subscribe input::before {background-color: #83848f;}
	.checkbox input:checked, .comments_subscribe input:checked {background-color: #6ab04c;}
	.checkbox input:checked::before, .comments_subscribe input:checked::before {color: #171717; background: #fff;}
	.dle-table, .pm {border: 1px solid #060606;}
	.dle-table td, .pm td {border: 1px solid #060606;}
	.dle-table thead tr:nth-child(1), .pm tr:nth-child(1) {background-color:#0d0d0d;}
	.dle-table tr:nth-child(2n+2), .pm tr:nth-child(2n+2) {background-color:#121212;}
	.pm_progress_bar {box-shadow: inset 0 2px 5px rgba(0,0,0,0.1); background-color: #0d0d0d;}
	.pm_progress_bar span {background:#6ab04c;}
	.usp {border: 1px solid #060606; background-color: #171717;}
	.usp__columns {background: #121212 url(../dleimages/usp-bg.jpg) center center / cover no-repeat; color: #fff;}
	.usp__columns::before, .usp__meta {background-color: #121212;}
	.usp__group > b {background-color: #171717;}
	.usp__list li > span:first-child {color: #999;}
	.usp__btn--edit a {color: #ffa332;}
	.search-page .search > div {background-color: #0d0d0d;}
	#loading-layer {background-color: #171717; border-left: 80px solid #121212;}
	.scriptcode, .title_spoiler, .text_spoiler {background: #121212; border: 1px solid #060606;}
	.title_quote {background-color: #0d0d0d; color: #83848f;}
	.quote {background-color: #121212; color: #83848f;}
	.quote::before {color: #ffa332;}
	.bb-pane {border: 1px solid #060606; background: linear-gradient(to top, #0d0d0d 0%, #171717 80%, #171717 100%);}
	.bb-btn {color: #ccc;}
	.cloud-tags span a {border:1px solid #060606;}
	.cloud-tags span a:hover {background-color:#121212; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); color:#fff;}
	#searchsuggestions {background: #171717; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
	.ui-dialog {background-color: #171717;}
	.ui-dialog-titlebar {background-color: #121212; color: #fff;}
	.ui-dialog-buttonpane {background-color: #121212;}
	.ui-icon-closethick:before {color: #fff;}
}

@supports not (display: grid) {
	#dle-content > *:not(.grid-item), #dle-content, .d-grid > *:not(.grid-item), .pagination {width: 100%;}
	#dle-content, .d-grid {display: flex; flex-wrap: wrap; justify-content: space-between; grid-gap: 0;}
	.cols, .sect__genres, .sect--comms .sect__content, .sect--latest .sect__content, .sect--hot .sect__content, 
	.searchXfield, .page__grid, .page__activity {display: flex; gap: 0; grid-gap: 0; flex-wrap: wrap; justify-content: space-between;}
	.col-main, .page__main {flex: 1 1 0; min-width: 100px; max-width: 100%;}
	.col-side {width: 360px; margin-right: 50px; order: -1;}
	.sect--comms, .site-desc {width: 100%; margin-top: 50px;}
	.sect--hot .sect__content .poster {width: 15%; margin-bottom: 20px;}
	.sect--latest .sect__content .latest {width: 49%; margin-bottom: 15px;}
	.lcomm, .poster {width: 23.8%; margin-bottom: 20px;}
	.owl-item .poster {width: 100%; margin: 0;}
	.lightstat_sander_body, .footer__menu, .page__btns, .page__list, 
	.page__chapters-list, .site-desc {display: block;}
	.lightstat_sander_body > * + *, .footer__menu > * + *, .page__btns > * + *, .page__list > * + *, 
	.page__chapters-list > * + *, .site-desc > * + * {margin-top: 10px;}
	@media screen and (min-width: 1220px) {
		.page__left {width: 300px; margin-right: 25px; order: -1;}
		.page__main {margin-top: 90px;}
		.page__header {position: absolute; left: 325px; top: 0;}
		.page__header > * {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	}
	.page__activity-col {width: 48.4%;}
	@media screen and (max-width: 1400px) {
		.col-side {width: 340px; margin-right: 30px;}
	}
	@media screen and (max-width: 1220px) {
		.col-side {width: 280px; margin-right: 20px;}
		.lcomm, .poster {width: 32%;}
		.sect--latest .sect__content .latest {width: 100%;}
		.page__left {display: flex; flex-wrap: wrap; width: 100%; grid-gap: 0; gap: 0; 
			justify-content: space-between; margin-bottom: 20px;}
		.page__header {margin-bottom: 20px; width: 100%;}
		.page__left > * {width: 32%; margin: 0;}
	}
	@media screen and (max-width: 950px) {
		.col-side {width: 100%; order: 10;}
		.lcomm, .poster {width: 48.6%;}
		.page__activity-col {width: 100%;}
		.page__activity-col + .page__activity-col {margin-top: 10px;}
	}
	@media screen and (max-width: 760px) {
		.page__left > * {width: 100%;}
		.page__left > * + * {margin-top: 20px;}
		.page__left > .page__poster {width: 240px; margin-left: auto; margin-right: auto;}
	}
	@media screen and (max-width: 590px) {
		.lcomm {width: 100%;}
	}
	@media screen and (max-width: 470px) {
	}
	@media screen and (max-width: 350px) {
		.wrapper-main {padding-left: 5px; padding-right: 5px;}
		.poster {width: 100%;}
	}
}