/* W-1078b: visual correction layer for DLE Illuminy skin. */

.ill-full-skin {
	background-color: #05070a !important;
}

.ill-full-skin .story {
	position: relative;
	overflow: visible;
}

.ill-full-skin .story .story_icons {
	position: absolute;
	top: 1.1rem;
	left: -.08rem;
	z-index: 4;
	display: grid;
	width: 3.05rem;
	margin: 0 !important;
	padding: .48rem .38rem .58rem !important;
	list-style: none;
	background:
		linear-gradient(180deg, rgba(228, 194, 116, .98), rgba(164, 112, 37, .96)),
		radial-gradient(circle at 50% 0, rgba(255, 255, 255, .22), transparent 2.2rem);
	border: 1px solid rgba(243, 220, 151, .38);
	border-left: 0;
	border-radius: 0 16px 16px 0;
	box-shadow: 0 18px 34px rgba(0, 0, 0, .32);
}

.ill-full-skin .story .story_icons > li {
	display: grid;
	place-items: center;
	margin: 0 !important;
	text-align: center;
}

.ill-full-skin .story .story_icons > li + li {
	margin-top: .42rem !important;
}

.ill-full-skin .story .fav_btn > a,
.ill-full-skin .story .fav_btn > span,
.ill-full-skin .story .edit_btn > a,
.ill-full-skin .story .edit_btn > span {
	display: inline-grid !important;
	place-items: center;
	width: 2.1rem !important;
	height: 2.1rem !important;
	padding: 0 !important;
	color: #07090c !important;
	background: rgba(5, 7, 10, .16) !important;
	border: 1px solid rgba(5, 7, 10, .16);
	border-radius: 999px;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
	transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
}

.ill-full-skin .story .fav_btn > a:hover,
.ill-full-skin .story .fav_btn > a:focus-visible,
.ill-full-skin .story .edit_btn > a:hover,
.ill-full-skin .story .edit_btn > a:focus-visible {
	background: rgba(5, 7, 10, .28) !important;
	box-shadow: 0 0 0 3px rgba(5, 7, 10, .08), inset 0 0 0 1px rgba(255, 255, 255, .12);
	transform: translateY(-1px);
	outline: 0;
}

.ill-full-skin .story .fav_btn .icon {
	width: 1.12rem !important;
	height: 1.12rem !important;
	fill: currentColor !important;
	filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .18));
}

.ill-full-skin .story .edit_btn > a > i,
.ill-full-skin .story .edit_btn > a:before,
.ill-full-skin .story .edit_btn > a:after {
	background-color: currentColor !important;
}

.ill-full-skin .comment-form-shell {
	overflow: visible !important;
}

.ill-full-skin .illuminy-comment-form__inner {
	border-radius: 22px !important;
	background:
		linear-gradient(145deg, rgba(8, 10, 15, .98), rgba(15, 18, 26, .96)),
		radial-gradient(circle at 50% 0, rgba(215, 182, 111, .1), transparent 14rem) !important;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .34), inset 0 0 0 1px rgba(255, 255, 255, .035);
}

.ill-full-skin .illuminy-comment-form__fields {
	display: grid !important;
	gap: 1rem !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.ill-full-skin #comment-editor,
.ill-full-skin .illuminy-comment-editor,
.ill-full-skin .comments-edit-area {
	width: 100% !important;
	min-width: 0 !important;
}

.ill-full-skin #comment-editor .dleaddcomments-editor,
.ill-full-skin #comment-editor .wseditor,
.ill-full-skin #comment-editor .bb-editor,
.ill-full-skin .illuminy-comment-editor .dleaddcomments-editor,
.ill-full-skin .illuminy-comment-editor .wseditor,
.ill-full-skin .illuminy-comment-editor .bb-editor,
.ill-full-skin .comments-edit-area .dlecomments-editor,
.ill-full-skin .comments-edit-area .bb-editor {
	display: flex !important;
	flex-direction: column;
	width: 100% !important;
	min-height: 0 !important;
	background: rgba(4, 6, 9, .96) !important;
	border: 1px solid rgba(215, 182, 111, .3) !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025);
}

.ill-full-skin #comment-editor .bb-pane,
.ill-full-skin .illuminy-comment-editor .bb-pane,
.ill-full-skin .comments-edit-area .bb-pane {
	order: 1;
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: .32rem;
	width: 100% !important;
	min-height: 2.72rem !important;
	max-height: 6.2rem;
	margin: 0 !important;
	padding: .5rem .58rem !important;
	overflow: auto !important;
	background: linear-gradient(180deg, rgba(21, 25, 34, .98), rgba(13, 16, 23, .98)) !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(215, 182, 111, .18) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	-webkit-overflow-scrolling: touch;
}

.ill-full-skin #comment-editor .bb-pane button,
.ill-full-skin #comment-editor .bb-pane input,
.ill-full-skin #comment-editor .bb-pane select,
.ill-full-skin .comments-edit-area .bb-pane button,
.ill-full-skin .comments-edit-area .bb-pane input,
.ill-full-skin .comments-edit-area .bb-pane select {
	max-width: 100%;
	border-radius: 10px !important;
}

.ill-full-skin #comment-editor textarea#comments,
.ill-full-skin #comment-editor .bb-editor textarea#comments,
.ill-full-skin .illuminy-comment-editor textarea#comments,
.ill-full-skin .illuminy-comment-editor .bb-editor textarea#comments,
.ill-full-skin .comments-edit-area textarea[id^="dleeditcomments"],
.ill-full-skin .comments-edit-area .bb-editor textarea[id^="dleeditcomments"] {
	order: 2;
	position: static !important;
	left: auto !important;
	top: auto !important;
	display: block !important;
	width: 100% !important;
	height: 13rem !important;
	min-height: 13rem !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 1rem 1.05rem !important;
	color: var(--ill-text, #f4efe5) !important;
	background: #050608 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	resize: vertical;
	line-height: 1.55 !important;
	-webkit-appearance: none;
}

.ill-full-skin #comment-editor textarea.ajaxwysiwygeditor:not(#comments),
.ill-full-skin .illuminy-comment-editor textarea.ajaxwysiwygeditor:not(#comments),
.ill-full-skin .comments-edit-area textarea.ajaxwysiwygeditor:not([id^="dleeditcomments"]) {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	min-height: 0 !important;
	max-height: 1px !important;
	padding: 0 !important;
	border: 0 !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
}

.ill-full-skin .illuminy-comment-editor .tox.tox-tinymce,
.ill-full-skin .comments-edit-area .tox.tox-tinymce {
	width: 100% !important;
	min-height: 17rem !important;
	border-radius: 18px !important;
	overflow: hidden !important;
}

.ill-full-skin .comments-image-uploader-area > a,
.ill-full-skin .illuminy-comment-subscribe .form-check-label,
.ill-full-skin .illuminy-comment-form__submit .btn {
	border-radius: 14px !important;
}

/* W-1078f: rollback oversized desktop story tools and editor height. */
@media (min-width: 761px) {
	.ill-full-skin .story .story_icons {
		position: absolute !important;
		top: 1rem !important;
		right: 1rem !important;
		left: auto !important;
		z-index: 5;
		display: inline-flex !important;
		align-items: center;
		gap: .4rem;
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	.ill-full-skin .story .story_icons > li,
	.ill-full-skin .story .story_icons > li + li {
		margin: 0 !important;
	}

	.ill-full-skin .story .fav_btn > a,
	.ill-full-skin .story .fav_btn > span,
	.ill-full-skin .story .edit_btn > a,
	.ill-full-skin .story .edit_btn > span {
		width: 2.1rem !important;
		height: 2.1rem !important;
		color: var(--ill-gold-soft, #e4c274) !important;
		background: rgba(5, 7, 10, .78) !important;
		border: 1px solid rgba(215, 182, 111, .24) !important;
		border-radius: 12px !important;
		box-shadow: 0 10px 24px rgba(0, 0, 0, .28), inset 0 0 0 1px rgba(255, 255, 255, .025);
	}

	.ill-full-skin .story .fav_btn > a:hover,
	.ill-full-skin .story .fav_btn > a:focus-visible,
	.ill-full-skin .story .edit_btn > a:hover,
	.ill-full-skin .story .edit_btn > a:focus-visible {
		color: #08090c !important;
		background: linear-gradient(135deg, var(--ill-gold-soft, #e4c274), #ad7f34) !important;
		border-color: rgba(240, 217, 154, .5) !important;
	}

	.ill-full-skin .illuminy-comment-form__inner {
		padding: 1.2rem 1.35rem !important;
	}

	.ill-full-skin #comment-editor .dleaddcomments-editor,
	.ill-full-skin #comment-editor .wseditor,
	.ill-full-skin #comment-editor .bb-editor,
	.ill-full-skin .illuminy-comment-editor .dleaddcomments-editor,
	.ill-full-skin .illuminy-comment-editor .wseditor,
	.ill-full-skin .illuminy-comment-editor .bb-editor,
	.ill-full-skin .comments-edit-area .dlecomments-editor,
	.ill-full-skin .comments-edit-area .bb-editor {
		min-height: 0 !important;
	}

	.ill-full-skin #comment-editor .bb-pane,
	.ill-full-skin .illuminy-comment-editor .bb-pane,
	.ill-full-skin .comments-edit-area .bb-pane {
		min-height: 2.42rem !important;
		max-height: 3.9rem !important;
		padding: .42rem .55rem !important;
	}

	.ill-full-skin #comment-editor textarea#comments,
	.ill-full-skin #comment-editor .bb-editor textarea#comments,
	.ill-full-skin .illuminy-comment-editor textarea#comments,
	.ill-full-skin .illuminy-comment-editor .bb-editor textarea#comments,
	.ill-full-skin .comments-edit-area textarea[id^="dleeditcomments"],
	.ill-full-skin .comments-edit-area .bb-editor textarea[id^="dleeditcomments"] {
		height: 10rem !important;
		min-height: 10rem !important;
	}

	.ill-full-skin .illuminy-comment-editor .tox.tox-tinymce,
	.ill-full-skin .comments-edit-area .tox.tox-tinymce {
		height: 14rem !important;
		min-height: 14rem !important;
	}
}

@media (max-width: 760px) {
	html {
		background: #05070a !important;
		background-color: #05070a !important;
		overscroll-behavior-y: none;
	}

	body.ill-full-skin {
		min-height: 100vh;
		min-height: 100svh;
		min-height: 100dvh;
		background-color: #05070a !important;
		overscroll-behavior-y: none;
		isolation: isolate;
	}

	.ill-full-skin #header,
	.ill-full-skin .header,
	.ill-full-skin #header_menu {
		background-color: #05070a !important;
	}

	.ill-full-skin #header_menu {
		position: sticky;
		top: 0;
		isolation: isolate;
	}

	.ill-full-skin #header_menu:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: calc(-150px - env(safe-area-inset-top));
		height: calc(150px + env(safe-area-inset-top));
		background: #05070a;
		pointer-events: none;
		z-index: -1;
	}

	.ill-full-skin .story .story_icons {
		top: .95rem;
		width: 2.82rem;
		padding: .42rem .32rem .5rem !important;
		border-radius: 0 15px 15px 0;
	}

	.ill-full-skin #cat_menu {
		max-height: min(58dvh, 24rem) !important;
		padding: .48rem !important;
		border-radius: 18px !important;
	}

	.ill-full-skin #cat_menu .cat_menu a,
	.ill-full-skin #cat_menu .cat_menu__tm a,
	.ill-full-skin #cat_menu li a {
		min-height: 2.42rem !important;
		padding: .46rem .68rem !important;
		border-radius: 13px !important;
		font-size: .95rem !important;
		line-height: 1.16 !important;
	}

	.ill-full-skin .story .fav_btn > a,
	.ill-full-skin .story .fav_btn > span,
	.ill-full-skin .story .edit_btn > a,
	.ill-full-skin .story .edit_btn > span {
		width: 2rem !important;
		height: 2rem !important;
	}

	.ill-full-skin #comment-editor .bb-pane,
	.ill-full-skin .illuminy-comment-editor .bb-pane,
	.ill-full-skin .comments-edit-area .bb-pane {
		max-height: 5.4rem;
	}

	.ill-full-skin #comment-editor textarea#comments,
	.ill-full-skin #comment-editor .bb-editor textarea#comments,
	.ill-full-skin .illuminy-comment-editor textarea#comments,
	.ill-full-skin .illuminy-comment-editor .bb-editor textarea#comments,
	.ill-full-skin .comments-edit-area textarea[id^="dleeditcomments"],
	.ill-full-skin .comments-edit-area .bb-editor textarea[id^="dleeditcomments"] {
		height: 12rem !important;
		min-height: 12rem !important;
		font-size: 1rem !important;
	}
}

/* W-1078g: align desktop story controls and WYSIWYG behavior with stock DLE templates. */
@media (min-width: 761px) {
	.ill-full-skin .story .story_icons {
		position: absolute !important;
		top: 0 !important;
		right: auto !important;
		left: 0 !important;
		z-index: 4;
		display: block !important;
		width: 2.78em !important;
		margin: -.2em 0 0 0 !important;
		padding: 2.08em 0 0 0 !important;
		list-style: none !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	.ill-full-skin .fixed_story .story_icons {
		z-index: 5;
	}

	.ill-full-skin .story .story_icons > li,
	.ill-full-skin .story .story_icons > li + li {
		display: block !important;
		margin: 0 0 .694em 0 !important;
		text-align: center !important;
	}

	.ill-full-skin .story .fav_btn > a,
	.ill-full-skin .story .fav_btn > span,
	.ill-full-skin .story .edit_btn > a,
	.ill-full-skin .story .edit_btn > span {
		display: inline-block !important;
		width: 1.11em !important;
		height: 1.11em !important;
		padding: 4px !important;
		color: var(--ill-muted, #9a9386) !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	.ill-full-skin .story .fav_btn > a:hover,
	.ill-full-skin .story .fav_btn > a:focus-visible,
	.ill-full-skin .story .edit_btn > a:hover,
	.ill-full-skin .story .edit_btn > a:focus-visible {
		color: var(--ill-gold-soft, #e4c274) !important;
		background: transparent !important;
		border-color: transparent !important;
		box-shadow: none !important;
		transform: none !important;
		outline: 0;
	}

	.ill-full-skin .story .fav_btn .icon {
		width: 1.11em !important;
		height: 1.11em !important;
		vertical-align: top !important;
		filter: none !important;
	}

	.ill-full-skin .story .fav_btn .icon-fav {
		fill: var(--ill-muted, #9a9386) !important;
	}

	.ill-full-skin .story .fav_btn:hover .icon-fav,
	.ill-full-skin .story .fav_btn .icon-star {
		fill: var(--ill-gold-soft, #e4c274) !important;
	}

	.ill-full-skin .story .edit_btn > a {
		position: relative !important;
		transition: transform .2s ease !important;
	}

	.ill-full-skin .story .edit_btn > a > i,
	.ill-full-skin .story .edit_btn > a:before,
	.ill-full-skin .story .edit_btn > a:after {
		display: block !important;
		width: 1.11em !important;
		height: 0 !important;
		margin: .208em 0 !important;
		padding-top: .139em !important;
		overflow: hidden !important;
		background-color: var(--ill-muted, #9a9386) !important;
		content: "" !important;
	}

	.ill-full-skin .story .edit_btn > a:hover {
		transform: rotate(90deg) !important;
	}

	.ill-full-skin .story .edit_btn > a:hover > i,
	.ill-full-skin .story .edit_btn > a:hover:before,
	.ill-full-skin .story .edit_btn > a:hover:after {
		background-color: var(--ill-gold-soft, #e4c274) !important;
	}
}

.ill-full-skin .dleaddcomments-editor.wseditor > textarea#comments,
.ill-full-skin .dleaddcomments-editor.wseditor > textarea.ajaxwysiwygeditor,
.ill-full-skin .dleaddcomments-editor.wseditor > textarea.wysiwygeditor,
.ill-full-skin #comment-editor .dleaddcomments-editor.wseditor textarea#comments,
.ill-full-skin #comment-editor .dleaddcomments-editor.wseditor textarea.ajaxwysiwygeditor,
.ill-full-skin #comment-editor .dleaddcomments-editor.wseditor textarea.wysiwygeditor,
.ill-full-skin .illuminy-comment-editor .dleaddcomments-editor.wseditor textarea#comments,
.ill-full-skin .illuminy-comment-editor .dleaddcomments-editor.wseditor textarea.ajaxwysiwygeditor,
.ill-full-skin .illuminy-comment-editor .dleaddcomments-editor.wseditor textarea.wysiwygeditor {
	position: absolute !important;
	left: -9999px !important;
	top: auto !important;
	display: block !important;
	width: 1px !important;
	height: 1px !important;
	min-height: 1px !important;
	max-height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: transparent !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	overflow: hidden !important;
	resize: none !important;
}

.ill-full-skin .dleaddcomments-editor.wseditor,
.ill-full-skin #comment-editor .dleaddcomments-editor.wseditor,
.ill-full-skin .illuminy-comment-editor .dleaddcomments-editor.wseditor {
	position: relative !important;
}

/* W-1078h: keep favorite star animation anchored in one place. */
.ill-full-skin .story .fav_btn,
.ill-full-skin .story .fav_btn > a,
.ill-full-skin .story .fav_btn > span {
	width: 1.95rem !important;
	height: 1.95rem !important;
	min-width: 1.95rem !important;
	min-height: 1.95rem !important;
	max-width: 1.95rem !important;
	max-height: 1.95rem !important;
}

.ill-full-skin .story .fav_btn {
	display: grid !important;
	place-items: center !important;
	line-height: 1 !important;
}

.ill-full-skin .story .fav_btn > a,
.ill-full-skin .story .fav_btn > span {
	display: inline-grid !important;
	place-items: center !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	vertical-align: top !important;
	color: var(--ill-muted, #9a9386) !important;
	transform: none !important;
	transition: color .18s ease, filter .18s ease, opacity .18s ease !important;
}

.ill-full-skin .story .fav_btn > a:hover,
.ill-full-skin .story .fav_btn > a:focus-visible,
.ill-full-skin .story .fav_btn > span:hover,
.ill-full-skin .story .fav_btn > span:focus-visible {
	color: var(--ill-gold-soft, #e4c274) !important;
	transform: none !important;
	filter: drop-shadow(0 0 8px rgba(228, 194, 116, .34));
	outline: 0;
}

.ill-full-skin .story .fav_btn .icon,
.ill-full-skin .story .fav_btn .icon-fav,
.ill-full-skin .story .fav_btn .icon-star {
	display: block !important;
	width: 1.12rem !important;
	height: 1.12rem !important;
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: top !important;
	transform: none !important;
	transform-origin: 50% 50% !important;
	transition: fill .18s ease, color .18s ease, filter .18s ease, opacity .18s ease !important;
}

.ill-full-skin .story .fav_btn .icon-fav {
	fill: currentColor !important;
}

.ill-full-skin .story .fav_btn:hover .icon-fav,
.ill-full-skin .story .fav_btn .icon-star {
	fill: var(--ill-gold-soft, #e4c274) !important;
}

/* W-1078i: restore the stock DLE favorite hitbox and unify editor surfaces. */
.ill-full-skin {
	--ill-editor-bg: #050608;
	--ill-editor-line: rgba(215, 182, 111, .3);
	--ill-editor-line-soft: rgba(215, 182, 111, .18);
}

.ill-full-skin .story .fav_btn {
	display: block !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: none !important;
	line-height: normal !important;
	text-align: center !important;
	pointer-events: auto !important;
}

.ill-full-skin .story .fav_btn > a {
	display: inline-block !important;
	width: 1.11em !important;
	height: 1.11em !important;
	min-width: 1.11em !important;
	min-height: 1.11em !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 4px !important;
	line-height: 1 !important;
	vertical-align: top !important;
	color: var(--ill-muted, #9a9386) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: none !important;
	filter: none !important;
	cursor: pointer !important;
	pointer-events: auto !important;
	transition: color .18s ease, filter .18s ease, opacity .18s ease !important;
}

.ill-full-skin .story .fav_btn > span,
.ill-full-skin .story .fav_btn > a > span {
	display: block !important;
	width: 1.11em !important;
	height: 1.11em !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-width: none !important;
	max-height: none !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	color: inherit !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: none !important;
	filter: none !important;
	cursor: pointer !important;
	pointer-events: auto !important;
}

.ill-full-skin .story .fav_btn > span {
	padding: 4px !important;
}

.ill-full-skin .story .fav_btn > a:hover,
.ill-full-skin .story .fav_btn > a:focus-visible,
.ill-full-skin .story .fav_btn > span:hover,
.ill-full-skin .story .fav_btn > span:focus-visible {
	color: var(--ill-gold-soft, #e4c274) !important;
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
	transform: none !important;
	filter: drop-shadow(0 0 8px rgba(228, 194, 116, .28));
	outline: 0;
}

.ill-full-skin .story .fav_btn .icon,
.ill-full-skin .story .fav_btn .icon-fav,
.ill-full-skin .story .fav_btn .icon-star {
	display: block !important;
	width: 1.11em !important;
	height: 1.11em !important;
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: top !important;
	transform: none !important;
	transform-origin: 50% 50% !important;
	pointer-events: none !important;
	transition: fill .18s ease, color .18s ease, filter .18s ease, opacity .18s ease !important;
}

.ill-full-skin .story .fav_btn .icon-fav {
	fill: var(--ill-muted, #9a9386) !important;
}

.ill-full-skin .story .fav_btn:hover .icon-fav,
.ill-full-skin .story .fav_btn .icon-star {
	fill: var(--ill-gold-soft, #e4c274) !important;
}

.ill-full-skin #comment-editor .dleaddcomments-editor,
.ill-full-skin #comment-editor .wseditor,
.ill-full-skin #comment-editor .bb-editor,
.ill-full-skin .illuminy-comment-editor .dleaddcomments-editor,
.ill-full-skin .illuminy-comment-editor .wseditor,
.ill-full-skin .illuminy-comment-editor .bb-editor,
.ill-full-skin .illuminy-mobile-comment-editor .dleaddcomments-editor,
.ill-full-skin .illuminy-mobile-comment-editor .wseditor,
.ill-full-skin .illuminy-mobile-comment-editor .bb-editor,
.ill-full-skin .comments-edit-area .dlecomments-editor,
.ill-full-skin .comments-edit-area .wseditor,
.ill-full-skin .comments-edit-area .bb-editor,
.ill-full-skin .illuminy-comment-editor .tox.tox-tinymce,
.ill-full-skin .illuminy-mobile-comment-editor .tox.tox-tinymce,
.ill-full-skin .comments-edit-area .tox.tox-tinymce {
	background: var(--ill-editor-bg) !important;
	border-color: var(--ill-editor-line) !important;
	border-radius: 14px !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025) !important;
	overflow: hidden !important;
}

.ill-full-skin #comment-editor .bb-pane,
.ill-full-skin .illuminy-comment-editor .bb-pane,
.ill-full-skin .illuminy-mobile-comment-editor .bb-pane,
.ill-full-skin .comments-edit-area .bb-pane,
.ill-full-skin .illuminy-comment-editor .tox .tox-editor-header,
.ill-full-skin .illuminy-comment-editor .tox .tox-toolbar-overlord,
.ill-full-skin .illuminy-comment-editor .tox .tox-toolbar__primary,
.ill-full-skin .illuminy-comment-editor .tox .tox-toolbar,
.ill-full-skin .illuminy-mobile-comment-editor .tox .tox-editor-header,
.ill-full-skin .illuminy-mobile-comment-editor .tox .tox-toolbar-overlord,
.ill-full-skin .illuminy-mobile-comment-editor .tox .tox-toolbar__primary,
.ill-full-skin .illuminy-mobile-comment-editor .tox .tox-toolbar,
.ill-full-skin .comments-edit-area .tox .tox-editor-header,
.ill-full-skin .comments-edit-area .tox .tox-toolbar-overlord,
.ill-full-skin .comments-edit-area .tox .tox-toolbar__primary,
.ill-full-skin .comments-edit-area .tox .tox-toolbar {
	background: var(--ill-editor-bg) !important;
	border-color: var(--ill-editor-line-soft) !important;
	box-shadow: none !important;
}

.ill-full-skin .illuminy-comment-editor .tox .tox-toolbar__primary,
.ill-full-skin .illuminy-mobile-comment-editor .tox .tox-toolbar__primary,
.ill-full-skin .comments-edit-area .tox .tox-toolbar__primary {
	border-bottom: 1px solid var(--ill-editor-line-soft) !important;
}

.ill-full-skin #comment-editor textarea#comments,
.ill-full-skin #comment-editor .bb-editor textarea#comments,
.ill-full-skin .illuminy-comment-editor textarea#comments,
.ill-full-skin .illuminy-comment-editor .bb-editor textarea#comments,
.ill-full-skin .illuminy-mobile-comment-editor textarea#comments,
.ill-full-skin .illuminy-mobile-comment-editor .bb-editor textarea#comments,
.ill-full-skin .comments-edit-area textarea[id^="dleeditcomments"],
.ill-full-skin .comments-edit-area .bb-editor textarea[id^="dleeditcomments"],
.ill-full-skin .illuminy-comment-editor .tox .tox-edit-area,
.ill-full-skin .illuminy-comment-editor .tox .tox-edit-area__iframe,
.ill-full-skin .illuminy-mobile-comment-editor .tox .tox-edit-area,
.ill-full-skin .illuminy-mobile-comment-editor .tox .tox-edit-area__iframe,
.ill-full-skin .comments-edit-area .tox .tox-edit-area,
.ill-full-skin .comments-edit-area .tox .tox-edit-area__iframe {
	background: var(--ill-editor-bg) !important;
	color: var(--ill-text, #f4efe5) !important;
	box-shadow: none !important;
}

/* W-1079: professional mobile stabilization layer. */
@media (max-width: 760px) {
	.ill-full-skin,
	.ill-full-skin * {
		box-sizing: border-box;
	}

	.ill-full-skin .story {
		overflow: hidden !important;
	}

	.ill-full-skin .story .box_in {
		position: relative;
		padding-top: 1.1rem !important;
	}

	.ill-full-skin .story:has(.story_icons) .box_in {
		padding-top: 4.35rem !important;
	}

	.ill-full-skin .story .story_icons {
		position: absolute !important;
		inset: .78rem .78rem auto auto !important;
		z-index: 6;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: .42rem !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: calc(100% - 1.56rem) !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		transform: none !important;
	}

	.ill-full-skin .story .story_icons > li,
	.ill-full-skin .story .story_icons > li + li,
	.ill-full-skin .story .fav_btn,
	.ill-full-skin .story .edit_btn {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 2.75rem !important;
		height: 2.75rem !important;
		min-width: 2.75rem !important;
		min-height: 2.75rem !important;
		margin: 0 !important;
		padding: 0 !important;
		transform: none !important;
	}

	.ill-full-skin .story .fav_btn > a,
	.ill-full-skin .story .fav_btn > span,
	.ill-full-skin .story .edit_btn > a,
	.ill-full-skin .story .edit_btn > span {
		display: inline-grid !important;
		place-items: center !important;
		width: 2.75rem !important;
		height: 2.75rem !important;
		min-width: 2.75rem !important;
		min-height: 2.75rem !important;
		max-width: 2.75rem !important;
		max-height: 2.75rem !important;
		margin: 0 !important;
		padding: 0 !important;
		color: rgba(239, 222, 169, .95) !important;
		background: rgba(8, 10, 15, .82) !important;
		border: 1px solid rgba(215, 182, 111, .28) !important;
		border-radius: 15px !important;
		box-shadow: 0 .75rem 1.35rem rgba(0, 0, 0, .22), inset 0 0 0 1px rgba(255, 255, 255, .03) !important;
		transform: none !important;
		filter: none !important;
		transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease !important;
	}

	.ill-full-skin .story .fav_btn > a:hover,
	.ill-full-skin .story .fav_btn > a:focus-visible,
	.ill-full-skin .story .fav_btn > span:hover,
	.ill-full-skin .story .fav_btn > span:focus-visible,
	.ill-full-skin .story .edit_btn > a:hover,
	.ill-full-skin .story .edit_btn > a:focus-visible {
		color: #f0d99a !important;
		background: rgba(215, 182, 111, .12) !important;
		border-color: rgba(240, 217, 154, .42) !important;
		transform: none !important;
		filter: none !important;
		outline: 0;
	}

	.ill-full-skin .story .fav_btn .icon,
	.ill-full-skin .story .fav_btn .icon-fav,
	.ill-full-skin .story .fav_btn .icon-star {
		display: block !important;
		width: 1.15rem !important;
		height: 1.15rem !important;
		margin: 0 !important;
		transform: none !important;
		pointer-events: none !important;
	}

	.ill-full-skin .story .title,
	.ill-full-skin .story .title a,
	.ill-full-skin .box_in > h1,
	.ill-full-skin .box_in > h2,
	.ill-full-skin .heading {
		padding-right: 3.2rem !important;
		font-size: 1.62rem !important;
		line-height: 1.18 !important;
		letter-spacing: 0 !important;
		overflow-wrap: break-word !important;
		word-break: normal !important;
	}

	.ill-full-skin .shortstory .title {
		font-size: 1.52rem !important;
	}

	.ill-full-skin .fullstory .title,
	.ill-full-skin .showfull .story .title {
		font-size: 1.58rem !important;
	}

	.ill-full-skin .story .text {
		font-size: 1.02rem !important;
		line-height: 1.6 !important;
	}

	.ill-full-skin .story_tools,
	.ill-full-skin .story .meta,
	.ill-full-skin .next-prev,
	.ill-full-skin .page_next-prev {
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.ill-full-skin .story_tools .btn,
	.ill-full-skin .story_tools > .btn,
	.ill-full-skin .more a {
		min-height: 2.9rem !important;
		padding: .7rem 1rem !important;
		border-radius: 15px !important;
		white-space: normal !important;
	}

	.ill-full-skin .illuminy-comment-card,
	.ill-full-skin .comment {
		overflow: hidden !important;
	}

	.ill-full-skin .illuminy-comment-card__head {
		display: grid !important;
		grid-template-columns: 3rem minmax(0, 1fr) !important;
		gap: .75rem !important;
		align-items: start !important;
	}

	.ill-full-skin .illuminy-comment-card__meta {
		grid-column: 1 / -1 !important;
		width: 100% !important;
		min-width: 0 !important;
	}

	.ill-full-skin .illuminy-comment-actions,
	.ill-full-skin .comment .meta > ul.left,
	.ill-full-skin .comment .meta ul.left {
		display: grid !important;
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: .48rem !important;
		width: 100% !important;
		margin: .65rem 0 0 !important;
		padding: 0 !important;
		background: transparent !important;
		border: 0 !important;
	}

	.ill-full-skin .illuminy-comment-actions .comment-action,
	.ill-full-skin .comment .meta .left > li {
		min-width: 0 !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.ill-full-skin .illuminy-comment-actions .comment-action a,
	.ill-full-skin .illuminy-comment-actions .comment-action .form-check-label,
	.ill-full-skin .comment .meta .left a,
	.ill-full-skin .comment .meta .left .edit_btn > a {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: .35rem !important;
		width: 100% !important;
		min-width: 0 !important;
		min-height: 2.65rem !important;
		padding: .55rem .55rem !important;
		overflow: hidden !important;
		border-radius: 14px !important;
		font-size: .82rem !important;
		line-height: 1.1 !important;
		white-space: nowrap !important;
		text-overflow: ellipsis !important;
	}

	.ill-full-skin .comment-action .title_hide {
		position: static !important;
		width: auto !important;
		height: auto !important;
		clip: auto !important;
		clip-path: none !important;
		overflow: visible !important;
		white-space: nowrap !important;
	}

	.ill-full-skin #comment-editor .bb-editor,
	.ill-full-skin .illuminy-comment-editor .bb-editor,
	.ill-full-skin .comments-edit-area .bb-editor,
	.ill-full-skin .illuminy-comment-editor .tox.tox-tinymce,
	.ill-full-skin .comments-edit-area .tox.tox-tinymce {
		background: #050608 !important;
		border-color: rgba(215, 182, 111, .3) !important;
		border-radius: 16px !important;
		overflow: hidden !important;
	}

	.ill-full-skin #comment-editor .bb-pane,
	.ill-full-skin .illuminy-comment-editor .bb-pane,
	.ill-full-skin .comments-edit-area .bb-pane,
	.ill-full-skin .illuminy-comment-editor .tox .tox-editor-header,
	.ill-full-skin .comments-edit-area .tox .tox-editor-header {
		background: #050608 !important;
		border-bottom: 1px solid rgba(215, 182, 111, .18) !important;
	}

	.ill-full-skin #comment-editor textarea,
	.ill-full-skin .illuminy-comment-editor textarea,
	.ill-full-skin .comments-edit-area textarea,
	.ill-full-skin #comment-editor .bb-editor textarea,
	.ill-full-skin .comments-edit-area .bb-editor textarea {
		background: #050608 !important;
		border: 0 !important;
		color: #f4efe5 !important;
	}

	.ill-full-skin .ui-dialog,
	.ill-full-skin .dle-popup,
	.ill-full-skin .dlepopup,
	.ill-full-skin #dlepopup {
		left: max(.75rem, env(safe-area-inset-left)) !important;
		right: max(.75rem, env(safe-area-inset-right)) !important;
		width: auto !important;
		max-width: none !important;
		max-height: min(82dvh, 34rem) !important;
		margin: 0 !important;
		border-radius: 18px !important;
		overflow: auto !important;
		-webkit-overflow-scrolling: touch;
	}
}

@media (max-width: 420px) {
	.ill-full-skin .illuminy-comment-actions,
	.ill-full-skin .comment .meta > ul.left,
	.ill-full-skin .comment .meta ul.left {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}