/* INFO MESSAGES, ERRORS - LordVHD Neon 2026 */
.message-info {line-height: 1.5; margin-bottom: 20px; 
	background-color: rgba(42, 26, 10, 0.6); 
	box-shadow: 0 0 20px rgba(245, 158, 11, 0.2), 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);
	border: 1px solid rgba(245, 158, 11, 0.5); 
	position: relative; padding: 15px 20px 15px 64px; border-radius: var(--ui-bdrs);
	backdrop-filter: blur(10px);}
.message-info__title {font-weight: var(--ui-fw-bolder); color: #fbbf24; text-shadow: 0 0 10px rgba(251, 191, 36, 0.4);}
.message-info::before {content:"\f071"; font-family:'Font Awesome 5 Pro'; font-weight: var(--ui-fw-fa); font-size: 22px;
	color: #fff; background: linear-gradient(135deg, #f59e0b, #fbbf24); 
	position: absolute; left: 0; top: 0; 
	width: 44px; height: 100%; display: grid; place-items: center;
	box-shadow: 0 0 20px rgba(245, 158, 11, 0.4);}

/* VOTE BLOCK */

/*--- VOTE BARS ---*/

/* MAY BE TO DELETE */


/* SERVICE PAGE COMMON, FORM
----------------------------------------------- */
.serv__title {font-size: 24px; font-weight: var(--ui-fw-bolder); margin-bottom: 30px; 
	color: #fff; text-shadow: 0 0 15px rgba(168, 85, 247, 0.5);}
.serv__subtitle {font-size: 18px; font-weight: var(--ui-fw-bolder); margin-bottom: 20px; 
	color: var(--cyan); text-shadow: 0 0 10px rgba(6, 182, 212, 0.4);}
.serv__section {margin-bottom: 30px;}
.serv__gap {gap: 10px;}
.serv__links a {color: var(--cyan); border-bottom: 1px dotted var(--cyan);}
.serv__links a:hover {color: var(--pink); border-color: var(--pink); 
	text-shadow: 0 0 8px rgba(236, 72, 153, 0.5);}
.serv__table-resp {overflow-y: hidden; overflow-x: auto;}
.serv__table table {width: 100%; border-radius: var(--ui-bdrs); overflow: hidden;}
.serv__table table thead tr, .pm tbody tr:first-child {
	background: linear-gradient(135deg, #1a0338 0%, #0d011a 100%); 
	color: #fff; border-bottom: 1px solid var(--bdc);}
.serv__table table td {padding: 10px 10px; font-size: 13px; 
	border: 1px solid rgba(168, 85, 247, 0.15); color: var(--tt);}
.serv__table table tbody tr:nth-child(2n) {
	background-color: rgba(18, 2, 38, 0.5);}
.serv__table table tbody tr:hover {background-color: rgba(168, 85, 247, 0.1);}

.form__row + .form__row {margin-top: 20px;}
.form__row {display: grid; gap: 10px 20px; align-items: center; grid-template-columns: 200px minmax(200px,1fr); position: relative;}
.form__row--textarea, .form__row--textarea .form__label, .form__row--wide {display: block;}
.form__row--textarea .form__label {background: linear-gradient(135deg, #1a0338, #0d011a); 
	color: #fff; padding: 15px; border-radius: var(--ui-bdrs) var(--ui-bdrs) 0 0;
	border: 1px solid var(--bdc); border-bottom: none;}
.form__label--important::after {content: "*"; margin: 0 0 0 5px; color: var(--pink); text-shadow: 0 0 8px var(--pink);}
#result-registration, .ui-helper-hidden-accessible, #related_news, .form__vote {grid-column: 1 / -1; padding: 20px; 
	background-color: rgba(42, 26, 10, 0.5); border: 1px solid rgba(245, 158, 11, 0.4);
	border-radius: var(--ui-bdrs); backdrop-filter: blur(10px);}
.form__find-related {position: absolute; right: 0; top: 0; border-radius: 0 var(--ui-bdrs) var(--ui-bdrs) 0;}
.form__content select, #category {width: 100% !important;}
.bb-pane + textarea {border-radius: 0 0 var(--ui-bdrs) var(--ui-bdrs);}
.xfieldsnote {color: var(--ui-tt-fade); font-size: 13px; margin-top: 5px;}

.form__table {width: 100%;}
.form__table tr + tr td {padding-top: 20px;}
.form__table .addnews {width: 220px;}
.xfields textarea, .xprofile textarea, .form__textarea--height {height:100px !important;}
.xfields .bb-editor, .xfields .wseditor {margin-top:10px;}
td.xfields {position: relative;}

.form__row--checkboxes-group {display: grid; grid-gap: 20px 20px; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); align-items: start;}
.form__sec-code > input {flex: 1 1 0; margin-right: 10px; height: 80px; line-height: 80px; text-align: center;}
.form__row--submit {display: flex !important;}
.form__row--submit button {min-width: auto; white-space: nowrap;}
.form__btn {width: 220px;}


/* CHECKBOXES, RADIO BUTTONS
----------------------------------------------- */
.has-radiobox label {position: relative; padding-left: 32px; display: block; cursor: pointer;}
.has-radiobox input {appearance: none; -webkit-appearance: none; display: block; width: 22px; height: 22px; cursor: pointer;
	border: 1px solid rgba(168, 85, 247, 0.4); 
	background: rgba(15, 0, 30, 0.6); border-radius: 50%;
	position: absolute; left: 0; top: 50%; transform: translateY(-50%);
	transition: all 0.3s ease;}
.has-radiobox input:hover {border-color: var(--cyan); box-shadow: 0 0 10px rgba(6, 182, 212, 0.3);}
.has-radiobox label input:checked::before {content: ''; 
	background: linear-gradient(135deg, #a855f7, #06b6d4); 
	width: 12px; height: 12px; border-radius: 50%; position: absolute; left: 4px; top: 4px;
	box-shadow: 0 0 10px rgba(168, 85, 247, 0.6);}
.has-checkbox, .checkbox {display: block; position: relative; padding-left: 50px; cursor: pointer;}
.has-checkbox, .checkbox label {cursor: pointer; display: block;}
.has-checkbox input, .checkbox input {
	appearance: none; -webkit-appearance: none; display: inline-block; transition: all .3s ease;
	height: 22px; width: 40px; border-radius: 11px; 
	background-color: rgba(18, 2, 38, 0.8); cursor: pointer;
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4); 
	border: 1px solid rgba(168, 85, 247, 0.2);
	position: absolute; left: 0; top: 50%; margin-top: -11px;}
.has-checkbox input::before, .checkbox input::before {content: ''; width: 20px; height: 20px; border-radius: 10px; 
	position: absolute; left: 1px; top: 1px; 
	background: linear-gradient(135deg, #1a0338, #0d011a); 
	transition: all .3s ease;
	border: 1px solid rgba(168, 85, 247, 0.3);}
.has-checkbox input:checked, .checkbox input:checked {
	background: linear-gradient(135deg, #10b981, #06b6d4); 
	border-color: #10b981; box-shadow: 0 0 15px rgba(16, 185, 129, 0.4);}
.has-checkbox input:checked::before, .checkbox input:checked::before {left: 19px;
	border-color: rgba(255,255,255,0.3); background: #fff;}


/* STATS, PM, TABLES
----------------------------------------------- */
.stats__list, .stats__latest {min-width: 200px; display: grid; gap: 10px;}
.stats__list .serv__subtitle, .pmessages__status .serv__subtitle {margin-bottom: 0;}

.pmessages__links li {white-space: nowrap; min-width: auto;}
.pm_progress_bar {border-radius: 6px; margin: 10px 0; overflow: hidden; 
	background-color: rgba(18, 2, 38, 0.8); 
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4);
	border: 1px solid var(--bdc);}
.pm_progress_bar span {
	background: linear-gradient(90deg, #a855f7 0%, #06b6d4 50%, #10b981 100%); 
	font-size: 0; height: 20px; display: block;
	box-shadow: 0 0 10px rgba(168, 85, 247, 0.4);}
.pmessages-item {border: 1px solid var(--bdc); padding: 15px; gap: 15px;
	background-color: rgba(15, 0, 30, 0.5); border-radius: var(--ui-bdrs);
	backdrop-filter: blur(10px);}
.pmessages-item__img {width: 60px; height: 60px; border-radius: 50%;
	border: 2px solid var(--accent); box-shadow: 0 0 15px rgba(168, 85, 247, 0.4);}
.pmessages-item__text {margin: 6px 0 10px 0; color: var(--tt-fade-0);}
.pmessages-item__meta > span {font-size: 13px; color: var(--tt-fade);}
.pm tr td:first-child {width: 36px;}
.pm select {width:100%; margin-bottom:10px;}


/* USER PROFILE, USER POPUP
----------------------------------------------- */
.us__one {background: url(../dleimages/usp-bg.jpg) center center / cover no-repeat; color: #fff; 
	background-color: var(--accent); background-blend-mode: darken; 
	position: relative; padding: 20px; padding-left: 160px;
	border-radius: var(--ui-bdrs) var(--ui-bdrs) 0 0;
	box-shadow: 0 0 30px rgba(168, 85, 247, 0.3);}
.us__img {width: 100px; height: 100px; border-radius: 50%; position: absolute; left: 30px; bottom: -30px;
	border: 3px solid var(--cyan); box-shadow: 0 0 25px rgba(6, 182, 212, 0.5);}
.us__name {font-size: 24px; font-weight: var(--ui-fw-bolder); 
	text-shadow: 0 0 15px rgba(168, 85, 247, 0.6);}
.us__status {margin-top: 10px; font-size: 13px; text-transform: uppercase; gap: 10px; display: inline-flex; 
	height: 30px; border-radius: 15px; 
	background: linear-gradient(135deg, #ef4444, #ec4899); 
	color: #fff; padding: 0 15px; width: auto;
	box-shadow: 0 0 15px rgba(239, 68, 68, 0.4);}
.us__status.on {background: linear-gradient(135deg, #10b981, #06b6d4); 
	box-shadow: 0 0 15px rgba(16, 185, 129, 0.4);}
.us__two {background-color: var(--ui-bg-darker); padding: 10px 20px; padding-left: 160px; gap: 20px; font-size: 18px;
	border: 1px solid var(--bdc); border-top: none; border-bottom: none;}
.us__info-caption {font-size: 13px; color: var(--ui-tt-fade); margin-left: 3px;}
.us__btn a {border: 1px solid var(--cyan); color: var(--cyan); padding: 0 15px; height: 30px; white-space: nowrap;
	border-radius: 15px; font-size: 13px; text-transform: uppercase; display: flex; align-items: center;
	transition: all 0.3s ease;}
.us__btn a:hover {background: linear-gradient(135deg, rgba(6, 182, 212, 0.2), rgba(168, 85, 247, 0.2));
	box-shadow: 0 0 15px rgba(6, 182, 212, 0.3); color: #fff;}
.us__three {border: 10px solid var(--ui-bg-darker); border-top: 0; padding: 10px 20px 20px 150px; margin-bottom: 30px;
	background-color: rgba(15, 0, 30, 0.3);
	border-radius: 0 0 var(--ui-bdrs) var(--ui-bdrs);}
.us__list li {position: relative; padding: 8px 0; padding-left: 200px; min-height: 32px;
	border-radius: 4px;}
.us__list li:nth-child(2n) {background-color: rgba(18, 2, 38, 0.5);}
.us__list li:hover {background-color: rgba(168, 85, 247, 0.1);}
.us__list li > span:first-child {position: absolute; left: 20px; top: 50%; transform: translateY(-50%); color: var(--ui-tt-fade); font-size: 13px;}

.dle-popup-userprofile .ui-dialog-content {padding: 0;}
@media screen and (min-width: 760px) {
	.dle-popup-userprofile .ui-dialog-titlebar {position: absolute; left: 0; top: 0; width: 100%; border: 0; 
		z-index: 10; color: #fff; padding-left: 160px; padding-top: 10px; background: none;}
	.dle-popup-userprofile .ui-dialog-title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.dle-popup-userprofile .ui-dialog-titlebar-close {margin-right: -20px;}
	.us--card .us__one {padding-top: 43px; border-radius: 10px 10px 0 0;}
}
.us--card .us__three {padding: 10px 30px 20px 30px; border: 0; margin: 0;}
.us--card .us__list li {padding-left: 130px; background: none; border-bottom: 1px dashed var(--bdc);}
.us--card .us__list li > span:first-child {left: 0px;}

@media screen and (max-width: 760px) {
	.us__one {padding: 20px 10px 20px 80px;}
	.us__name {font-size: 16px;}
	.us__img {width: 60px; height: 60px; left: 10px; bottom: auto; top: 50%; margin-top: -30px;}
	.us__two {padding: 20px 10px; gap: 20px 10px; justify-content: center;}
	.us__btn {justify-content: center; min-width: 100%;}
	.us__three {padding: 0; border: 0;}
	.us__list li {padding-left: 150px; font-size: 13px;}
	.us__list li.d-flex {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.us__list li.d-flex a {margin-left: 5px;}
	.us__list li > span:first-child {left: 10px;}
	.us--card .us__one {padding: 5px 20px 40px 80px;}
	.us--card .us__two {padding: 10px 20px 20px 80px; background: none; color: #fff; --ui-tt-fade: #fff; 
		position: relative; z-index: 10; margin-top: -37px; justify-content: flex-start; 
		font-size: 13px; white-space: nowrap;}
	.us--card .us__three {padding: 0px 20px 20px 20px;}
}


/* SEARCH PAGE, SEARCH TABLE */
.search-page__simple-form {gap: 10px; margin-bottom: 20px;}
.search-page__ext-form {display: grid; gap: 20px 30px; 
	grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); margin-bottom: 20px;}
.search-page__ext-form-label {margin-bottom: 10px; font-size: 13px; color: var(--ui-tt-fade);}
.search-page__ext-form-content, .search-page__ext-form-input {gap: 10px;}
.search-page__ext-form-input input {width: 40px; padding: 0; text-align: center;}
.search-page__ext-form-row .has-checkbox {margin-top: 10px; font-size: 13px; color: var(--ui-tt-fade);}
.search-page__ext-form-row--category {grid-row: span 2;}
.search-page__ext-form-row--category select {height: 126px;}
.search-page__ext-form-row--wide {grid-column: 1 / -1;}
.search-page__ext-form-row--btns input {min-width: auto; padding: 0 40px;}
@media screen and (max-width: 590px) {
	.search-page__btn-ext {width: 100%; height: 40px;}
}

/*--- AJAX LOADER ---*/
#loading-layer {background-color: rgba(10, 0, 20, 0.9); 
	border-radius: 10px; 
	box-shadow: 0 0 40px rgba(168, 85, 247, 0.4), 0 0 80px rgba(6, 182, 212, 0.2); 
	padding: 20px; color: #fff; line-height: 1.6; max-width: calc(100w - 30px);
	border: 1px solid var(--bdc); backdrop-filter: blur(20px);}
#loading-layer::before {content: ''; width: 80px; height: 80px; border-radius: 50%; 
	border: 5px solid rgba(168, 85, 247, 0.15); 
	border-top-color: #a855f7; border-right-color: #06b6d4; border-bottom-color: #ec4899;
	display: block; box-sizing: border-box; animation: rotate 1s linear infinite;
	box-shadow: 0 0 20px rgba(168, 85, 247, 0.3);}
@keyframes rotate { 100% {transform: rotate(360deg);} }
#loading-layer svg {display: none;}
#loading-layer.withtext {position: relative; padding: 15px 20px 15px 80px; min-height: 60px;}
#loading-layer.withtext::before {width: 40px; height: 40px; border-width: 3px; 
	position: absolute; left: 20px; top: 50%; margin-top: -20px;}


/*--- QUOTES, SPOILERS, HIDDEN TEXT, SCRIPTCODE ---*/
.scriptcode, .title_spoiler, .text_spoiler { padding: 3px 5px; 
	background: rgba(18, 2, 38, 0.6); border: 1px solid var(--bdc); 
	border-radius: 4px; color: var(--tt);}
.title_quote {background-color: rgba(168, 85, 247, 0.15); 
	color: var(--cyan); padding: 5px 15px; font-size: 13px;
	border-radius: 4px 4px 0 0; border-left: 3px solid var(--cyan);}
.quote {margin-bottom: 20px; padding: 15px; padding-left: 100px; position: relative; font-size: 14px;
	background: rgba(168, 85, 247, 0.08) url(../dleimages/quotes.svg) 30px center /  40px no-repeat;
	border-left: 3px solid var(--accent); border-radius: 0 var(--ui-bdrs) var(--ui-bdrs) 0;
	backdrop-filter: blur(5px);}
.comm__text .quote {margin: 0 0 10px 0; font-size: 14px; padding: 13px 15px 10px 40px; 
	background-size: 20px; background-position: 10px 15px;}
.title_spoiler {margin-top: 2px; cursor: pointer;}
.text_spoiler { margin-bottom: 2px; }
.title_spoiler img { vertical-align: middle !important; margin:0 5px 0 0; border:0;}
.scriptcode { color: var(--green); text-align: left; font-family: "Courier New"; 
	background: rgba(0,0,0,0.5); border-color: rgba(16, 185, 129, 0.3);}
.title_spoiler { font-weight: normal; }
.text_spoiler { border-top: 0; text-align: justify; }
.hide { background-color: rgba(18, 2, 38, 0.6); padding: 5px; color: var(--tt); margin: 0 0 1em 0;
	border: 1px solid var(--bdc); border-radius: 4px;}
.hide a { text-decoration: underline; color: var(--cyan);} 
.hide a:hover { text-decoration: none; color: var(--pink);}
.inhide { border: 1px solid rgba(6, 182, 212, 0.3); padding: 5px; background-color: rgba(15, 0, 30, 0.5); margin-bottom: 5px;
	border-radius: 4px;}
.dt .title_quote {background-color: rgba(0,0,0,0.35); color: var(--tt-fade);}
.dt .quote {background-color: rgba(0,0,0,0.2); color: var(--tt-fade-0);}


/*--- RATING ---*/
.unit-rating {display: inline-flex; position: relative; --size: 18px; --size-1: -18px; --size-2: -36px}
.unit-rating li {background:url(../dleimages/rating.svg) no-repeat; position: relative; z-index: 5; 
	background-size: var(--size) auto;
	filter: drop-shadow(0 0 2px rgba(168, 85, 247, 0.3));}
.unit-rating li a {display:block; width: var(--size); aspect-ratio: 1 / 1; text-indent: -100px; overflow: hidden;}
.unit-rating:hover li {background-position: 0 var(--size-1); z-index: 10;}
.unit-rating li:hover ~ li {background-position: 0 0 !important; z-index: 5;}
.unit-rating li.current-rating {background-position: 0 var(--size-2); background-repeat: repeat-x; pointer-events: none;
	position:absolute; left: 0; top: 0; height:100%; text-indent: -200px; overflow: hidden; z-index:6;
	filter: drop-shadow(0 0 5px rgba(251, 191, 36, 0.6));}

/*---BB EDITOR ---*/
.dt .bb-btn:not(:hover) {color: var(--ui-tt-fade);}
.bb-pane {border: 1px solid var(--bdc); 
	background: linear-gradient(135deg, rgba(18, 2, 38, 0.9), rgba(15, 0, 30, 0.9)); 
	padding: 5px 10px; margin-bottom: 1px;
	border-radius: var(--ui-bdrs) var(--ui-bdrs) 0 0; gap: 5px 5px; position: relative; z-index: 10; border-bottom: 0;
	display: grid; grid-template-columns: repeat(auto-fill,minmax(30px,1fr));}
.bb-btn {display: grid; place-items: center; height: 30px; cursor: pointer; font-size: 14px; border-radius: 4px;
	color: var(--tt-fade); transition: all 0.2s ease;}
.bb-btn:hover {background: linear-gradient(135deg, rgba(168, 85, 247, 0.3), rgba(6, 182, 212, 0.3)); 
	color: #fff; box-shadow: 0 0 10px rgba(168, 85, 247, 0.3);}
@font-face {font-family: 'bb-editor-font'; src: url(../webfonts/bb-editor.woff) format('woff'); font-weight: normal; font-style: normal;}
[class^="bb-btn"], [class*=" bb-btn"] {font-family: 'bb-editor-font'; font-style: normal; 
    font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#b_b:before {content: "\f032";}
#b_i:before {content: "\f033";}
#b_u:before {content: "\f0cd";}
#b_s:before {content: "\f0cc";}
#b_img:before { content: "\f03e"; }
#b_up:before { content: "\e930"; }
#b_emo:before { content: "\f118"; }
#b_url:before { content: "\f0c1"; }
#b_leech:before { content: "\e98d"; }
#b_mail:before { content: "\f003"; }
#b_video:before { content: "\e913"; }
#b_audio:before { content: "\e911"; }
#b_hide:before { content: "\e9d1"; }
#b_quote:before { content: "\e977"; }
#b_code:before { content: "\f121"; }
#b_left:before { content: "\f036"; }
#b_center:before { content: "\f037"; }
#b_right:before { content: "\f038"; }
#b_color:before { content: "\e601"; }
#b_spoiler:before { content: "\e600"; }
#b_fla:before { content: "\ea8d"; }
#b_yt:before { content: "\f166"; }
#b_tf:before { content: "\ea61"; }
#b_list:before { content: "\f0ca"; }
#b_ol:before { content: "\f0cb"; }
#b_tnl:before { content: "\ea61"; }
#b_br:before { content: "\ea68"; }
#b_pl:before { content: "\ea72"; }
#b_size:before { content: "\f034"; }
#b_font:before { content: "\f031"; }
#b_header:before { content: "\f1dc"; }
#b_sub:before { content: "\f12c"; }
#b_sup:before { content: "\f12b"; }
#b_justify:before { content: "\f039"; }
.bb-pane h1{font-size:36px;margin-top:5px;margin-bottom:5px; color: var(--tt);}
.bb-pane h2{font-size:30px;margin-top:5px;margin-bottom:5px; color: var(--tt);}
.bb-pane h3{font-size:24px;margin-top:5px;margin-bottom:5px; color: var(--tt);}
.bb-pane h4{font-size:18px;margin-top:5px;margin-bottom:5px; color: var(--tt);}
.bb-pane h5{font-size:14px;margin-top:5px;margin-bottom:5px; color: var(--tt);}
.bb-pane h6{font-size:12px;margin-top:5px;margin-bottom:5px; color: var(--tt);}
.bb-pane-dropdown{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:180px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:11px;border:1px solid var(--bdc);border-radius:6px;
	background: var(--ui-bg); box-shadow: 0 10px 40px rgba(168, 85, 247, 0.3);}
.bb-pane-dropdown > li > a{display:block;padding:3px 10px;clear:both;font-weight:normal;line-height:1.42857;color:var(--tt);white-space:nowrap}
.bb-pane-dropdown > li > a:hover,.bb-pane-dropdown > li > a:focus{text-decoration:none;color:#fff;background: linear-gradient(135deg, rgba(168, 85, 247, 0.3), rgba(6, 182, 212, 0.3));}
.bb-pane-dropdown .color-palette div .color-btn{width:17px;height:17px;padding:0;margin:0;border:1px solid #fff;cursor:pointer; border-radius: 3px;}
.bb-pane-dropdown .color-palette{padding:0px 5px}
.bb-editor textarea{margin-top:-1px}


/*--- DROP NENU ---*/
#dropmenudiv {font: 13px Arial; padding: 10px; display: none; 
	background: var(--ui-bg); 
	border-radius: 8px;  
	box-shadow: 0 0 50px rgba(168, 85, 247, 0.3), 0 0 80px rgba(6, 182, 212, 0.15); 
	z-index:200 !important;
	border: 1px solid var(--bdc); backdrop-filter: blur(15px);}
#dropmenudiv a {display: block; text-decoration: none; padding: 5px 8px; width: 154px; 
	border-radius: 4px;}
#dropmenudiv a:hover {background: linear-gradient(135deg, rgba(168, 85, 247, 0.2), rgba(6, 182, 212, 0.2));
	color: #fff;}


/*--- TAGS CLOUD ---*/


/*--- SEARCH SUGGESTIONS---*/
#searchsuggestions {z-index: 99998; word-wrap: break-word; max-height: 60vh; overflow-x: hidden; overflow-y: auto; 
	border-radius: var(--ui-bdrs);
	background: var(--ui-bg); 
	box-shadow: 0 10px 40px rgba(168, 85, 247, 0.4), 0 0 0 1px var(--bdc); 
	width: var(--searchWidth,300px);
	backdrop-filter: blur(20px);}
#searchsuggestions span {display: block; font-size: 14px;}
#searchsuggestions span.notfound {padding: 20px; border-bottom: 1px solid var(--bdc); text-align: center; color: var(--tt-fade);}
#searchsuggestions span.seperator a {padding: 20px; text-align: center; 
	background: linear-gradient(135deg, rgba(18, 2, 38, 0.8), rgba(15, 0, 30, 0.8)); 
	display: block; color: var(--cyan);}
#searchsuggestions span.seperator a:hover {color: #fff; text-shadow: 0 0 10px var(--cyan);}
.fs-result {padding: 10px; border-bottom: 1px solid var(--bdc); transition: all 0.2s ease;}
.fs-result__img {width: 40px; height: 60px; margin-right: 10px; border-radius: 3px;
	box-shadow: 0 0 10px rgba(168, 85, 247, 0.3);}
.fs-result__title {font-weight: var(--ui-fw-bolder); font-size: 14px;}
.fs-result__meta {margin-top: 3px; color: var(--ui-tt-fade); font-size: 12px; gap: 10px;}
.fs-result__rating {border-radius: 3px; padding: 0 4px; font-size: 12px;
	font-weight: var(--ui-fw-bolder); 
	background: linear-gradient(135deg, #10b981, #06b6d4); 
	color: #fff;
	box-shadow: 0 0 8px rgba(16, 185, 129, 0.4);}


/*--- UI DIALOG ---*/
.ui-front {z-index: 1000;}
.ui-widget-overlay {background: #000; opacity: 0.75; left: 0; top: 0; right: 0; bottom: 0; position: fixed;
	backdrop-filter: blur(5px);}
.ui-dialog {background-color: var(--ui-bg); 
	border-radius: 10px; max-width: 100% !important;
	box-shadow: 0 0 60px rgba(168, 85, 247, 0.5), 0 0 120px rgba(6, 182, 212, 0.2); 
	width: 600px; position: absolute;
	border: 1px solid var(--bdc); overflow: hidden;
	backdrop-filter: blur(30px);}
.ui-dialog-titlebar {padding: 15px 30px; border-radius: 0;
	display: flex; align-items: center; gap: 10px; 
	background: linear-gradient(135deg, #1a0338 0%, #0d011a 100%); 
	color: #fff;
	border-bottom: 1px solid var(--bdc);}
.ui-dialog-title {font-size: 19px; font-weight: var(--ui-fw-bolder);
	text-shadow: 0 0 15px rgba(168, 85, 247, 0.5);}
.ui-dialog-titlebar-close {color: #fff; font-size: 24px; width: 40px; height: 40px; 
	overflow: hidden; text-indent: -200px; position: relative; margin-right: -10px; border-radius: 6px;
	transition: all 0.3s ease;}
.ui-icon-closethick {display: grid; place-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.ui-icon-closethick::before {content:"\f00d"; font-family:'Font Awesome 5 Pro'; font-weight: var(--ui-fw-fa); text-indent: 0;}
.ui-dialog-content {padding: 20px 30px;}
.ui-dialog-buttonpane {padding: 0 30px 20px 30px;}
.ui-dialog-buttonset, .save-buttons {display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 10px;}
.ui-dialog-buttonset button, .save-buttons input.bbcodes {height: 36px; padding: 0 15px; font-size: 14px; 
	flex: 1 1 0; max-width: 100%; min-width: auto; white-space: nowrap;}
.ui-dialog .ui-resizable-se {bottom: 3px; height: 14px; right: 3px; width: 14px;
	background: linear-gradient(135deg, var(--accent), var(--accent-2));
	opacity: 0.5; border-radius: 2px;}
.ui-draggable .ui-dialog-titlebar {cursor: move;}
.dle-popup-complaint .ui-dialog-content textarea, .dle-popup-sendpm .ui-dialog-content textarea {margin: 10px 0 20px 0; height: 100px !important;}
.dle-popup-complaint .ui-dialog-content textarea:last-child {margin-bottom: 0;}
.ui-dialog-content br + input, .ui-dialog-content br + select {margin-top: 10px; width: 100% !important;}
@media screen and (max-width: 760px) {
	.ui-dialog-titlebar, .ui-dialog-content, .ui-dialog-buttonpane {padding-left: 20px; padding-right: 20px;}
}


/* ---  UI MENU --- */
.ui-autocomplete { position: absolute; cursor: default; }
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; 
	background: var(--ui-bg) 50% bottom repeat-x; 
	border: 1px solid var(--bdc); color: var(--tt); 
	border-radius: 6px; box-shadow: 0 10px 30px rgba(168, 85, 247, 0.3);}
.ui-menu .ui-menu { margin-top: -3px; }
.ui-menu .ui-menu-item { margin:0; padding: 0; float: left; clear: left; width: 100%; }
.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5;
	border-radius: 4px;}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; 
	border: 1px solid var(--cyan); color: #fff; font-weight: bold;
	background: linear-gradient(135deg, rgba(168, 85, 247, 0.3), rgba(6, 182, 212, 0.3));}


/*--- UPDATES TO NEW VERSIONS ---*/
.comments-tree-list .comments-tree-list {padding-left: 50px;}
.commentsreplyname, .commentsreplymail, #dlereplypopup textarea, #dlereplypopup .comments_subscribe {margin-top: 10px;}
.pollallvotes {text-align: center; margin-top: 10px;}
.comments-edit-area, #dlefastreplycomments {border: 1px solid rgba(245, 158, 11, 0.4); 
	padding: 10px; margin-bottom: 10px;
	background-color: rgba(42, 26, 10, 0.3); border-radius: var(--ui-bdrs);}
.comments-edit-area .bb-editor textarea, #dlefastreplycomments textarea, #dlereplypopup textarea {height: 140px !important;}
#dlefastreplycomments textarea, #dlefastreplycomments .quick-edit-text {margin: 10px 0;}
#dlefastreplycomments .comments_subscribe {margin-bottom: 10px; margin-top: -5px;}

/*--- 11, 12 ---*/
.emoji {border: none;vertical-align: middle;width: 22px;height: 22px;}
.xfieldsrow {padding-top:5px;clear: both;}
.xfieldscolleft {float: left; width: 30%;}
.xfieldscolright {float: left;width: 70%;}
.file-box {width: 95%;max-width: 437px;border:1px solid var(--bdc); border-radius: 6px;
	background-color: rgba(15, 0, 30, 0.5);padding: 10px;margin-top: 10px;}
.qq-uploader {position:relative; width: 100%;}
.qq-upload-drop-area {position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;max-width: 437px;
	background: linear-gradient(135deg, rgba(239, 68, 68, 0.3), rgba(236, 72, 153, 0.3)); 
	text-align:center; border-radius: 6px; border: 2px dashed var(--pink);}
.qq-upload-drop-area span {display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; color: #fff;}
.qq-upload-drop-area-active {background: linear-gradient(135deg, rgba(239, 68, 68, 0.5), rgba(236, 72, 153, 0.5));}

div[id*=uploadedfile], .file-preview-box {display: grid !important; gap: 10px !important; padding: 0 !important;
	grid-template-columns: repeat(auto-fill,minmax(115px,1fr)); margin-bottom: 10px;}
.uploadedfile {background-color: var(--ui-bg); border: 1px solid var(--bdc); font-size: 13px;
	box-shadow: 0 0 15px rgba(168, 85, 247, 0.2); text-align: center; padding: 10px; border-radius: 6px;
	backdrop-filter: blur(10px);}
.uploadedfile .uploadimage {height: 90px; margin: 10px 0; cursor: move;
	border-radius: 4px; overflow: hidden;}
.uploadedfile .uploadimage img {width: 100%; height: 100%; object-fit: contain;}
.sortable-ghost {opacity: 0.4; border-color: var(--cyan) !important; box-shadow: 0 0 20px var(--cyan) !important;}
.uploadedfile .info {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.uploadedfile .info a {display: block; padding: 5px; 
	background-color: rgba(18, 2, 38, 0.8); border-radius: 4px; margin-bottom: 4px;}
.uploadedfile .info a:last-child {background: linear-gradient(135deg, #ef4444, #ec4899); color: #fff; 
	margin-bottom: 0;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {cursor: not-allowed; pointer-events: none; opacity:0.66;}
span[id*=uploadedfile] {margin: 10px 0; display: block;}
.file-preview-card, .folder-preview-card {width: 100% !important; padding: 0 !important;}

.progress {overflow: hidden; margin-top: 10px; margin-bottom: 10px; height: 10px;
	border-radius: 6px; 
	background: rgba(18, 2, 38, 0.8); 
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.4);
	border: 1px solid var(--bdc);}
.progress .progress-bar {float: left; width: 0%; font-size: 13px; line-height: 20px; color: #fff; 
	text-align: center; 
	background: linear-gradient(90deg, #a855f7 0%, #06b6d4 50%, #10b981 100%); 
	transition: width 0.6s ease; border-radius: 6px; height: 8px;
	box-shadow: 0 0 10px rgba(168, 85, 247, 0.4);}
.progress-bar span{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0;}
.progress-blue {background-image: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%); 
	background-repeat: repeat-x; border: 1px solid #06b6d4;
	box-shadow: 0 0 10px rgba(6, 182, 212, 0.4);}
.dle-captcha { position: relative; }
.dle-captcha:after { clear: both; display: block; content: ""; }
.dle-captcha > a { float: left; margin-right: 5px; }
.dle-captcha img {position: relative; display: block; width: 130px; height: 46px; transition: all ease .2s;
	border-radius: 4px; box-shadow: 0 0 10px rgba(168, 85, 247, 0.3);}
.dle-captcha > input { float: left; width: 130px; }
.instagram-media, .twitter-tweet {display: inline-block !important;}
.comments-image-gallery {margin-bottom: 15px;}

/*--- 13, 14, 15, 16, 17 ---*/
.emoji_box {width:100%; max-width: 390px;}
.emoji_category {padding:7px; clear:both; color: var(--cyan);}
.emoji_list {margin-top:5px; margin-bottom:5px; width:100%;
	font-family:'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols'; font-size:2em;}
.emoji_symbol {float:left; margin-bottom: 10px; width:12.5%; text-align:center;}
.emoji_symbol a,  .emoji_symbol a:hover {cursor: pointer; text-decoration:none;}
.native-emoji {font-size: 1.3em; font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'NotoColorEmoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';}
.mce-toc {border-bottom: 1px solid var(--bdc); padding-bottom: 15px; margin-bottom: 30px; margin-top: -15px;}
.mce-toc h2 {font-size: 18px; margin-bottom: 10px; color: var(--cyan);}
.mce-toc ul li {position: relative; padding-left: 36px; margin-bottom: 3px;}
.mce-toc a {text-decoration: none; color: var(--tt);}
.mce-toc ul li:before {content: ''; width: 8px; height: 8px; border-radius: 50%; 
	background: linear-gradient(135deg, #fbbf24, #ec4899); 
	position: absolute; top: 10px; left: 15px;
	box-shadow: 0 0 8px rgba(251, 191, 36, 0.5);}
figure {margin: 0;}
figure.align-left {float: left;}
figure.align-right {float: right;}
figure.image.align-center {display: table; margin-left: auto; margin-right: auto;}
figure.image figcaption {padding: 10px; background-color: rgba(18, 2, 38, 0.7); font-size: 13px;
	caption-side: bottom; word-break: break-word; text-align: center;
	border-radius: 0 0 var(--ui-bdrs) var(--ui-bdrs); color: var(--tt-fade-0);}
figure.image.align-center figcaption {display: table-caption;}
.image-bordered {border: 1px solid var(--bdc); border-radius: var(--ui-bdrs);}
.image-shadows {box-shadow: 0 4px 20px rgba(168, 85, 247, 0.3), 0 0 0 1px rgba(6, 182, 212, 0.1);}
.image-padded {padding: 0.5rem;}
.comments-user-profile {font-weight: bold; cursor: pointer; color: var(--cyan);
	text-shadow: 0 0 5px rgba(6, 182, 212, 0.3);}
.mce-accordion summary {cursor: pointer; color: var(--cyan);}
.self_delete_link {margin: 0; color: var(--cyan); text-decoration: underline;}

.dle-popup-quickedit .ui-dialog-titlebar-close, .ui-dialog-titlebar .ui-button-text {text-indent: -200px;}
.ui-dialog-titlebar .ui-button-text::before {content:"\f00d"; font-family:'Font Awesome 5 Pro'; font-weight: var(--ui-fw-fa); text-indent: 0; 
	position: absolute; inset: 0; display: grid; place-items: center;}
	.dle-popup-quickedit .ui-dialog-content {height: calc(100vh - 170px) !important;}
.quick-edit-text {width: 100%;}
.xfieldsrow::after {content: ''; clear: both; display: table;}

.title_spoiler {display: flex; align-items: center; gap: 6px;}
.title_spoiler a {display: block;}
.title_spoiler a:first-child, .title_spoiler svg {width: 18px; height: 18px;}
.title_spoiler a + a {flex: 1 1 0; max-width: 100%; min-width: 50px;}

.DLEPush {z-index: 1000; position: fixed; right: 20px; top: 20px;}
@keyframes DLEPush-show {
	0% {transform: translateY(100%); opacity: 0;}
	100% {transform: translateY(0); opacity: 1;}
}
.DLEPush-notification.wrapper {animation-name: DLEPush-show; animation-duration: 0.3s; position: relative;
	display: grid; gap: 10px; margin-bottom: 10px; width: 400px; max-width: calc(100vw - 40px); 
	color: var(--tt); 
	background: linear-gradient(135deg, rgba(18, 2, 38, 0.95), rgba(15, 0, 30, 0.95)); 
	box-shadow: 0 10px 40px rgba(168, 85, 247, 0.4); 
	border-radius: 8px; padding: 15px 30px 15px 60px; overflow: hidden;
	border: 1px solid var(--bdc); backdrop-filter: blur(20px);}
.DLEPush-notification .DLEPush-icon {display: grid; place-items: center; position: absolute; left: 0; top: 0; 
	color: #fff; 
	background: linear-gradient(180deg, hsl(var(--hue,174), 70%, 45%), hsl(var(--hue,260), 70%, 45%)); 
	width: 45px; height: 100%;
	box-shadow: 2px 0 15px hsla(var(--hue,260), 70%, 50%, 0.3);}
.DLEPush-notification .DLEPush-icon svg {scale: 0.8;}
.DLEPush-notification .DLEPush-header {font-weight: bold; font-size: 1.1em;
	color: #fff; text-shadow: 0 0 10px hsla(var(--hue,260), 70%, 60%, 0.5);}
.DLEPush-notification .DLEPush-header:empty {display: none;}
.DLEPush-notification .DLEPush-close {position: absolute; top: 50%; right: 10px; background: none;
	border: 0; padding: 0; color: inherit; font-size: 1.4em; transform: translateY(-50%);}
.DLEPush-notification.wrapper.push-success {--hue: 174;}
.DLEPush-notification.wrapper.push-warning {--hue: 36;}
.DLEPush-notification.wrapper.push-error {--hue: 14;}
input[type="text"].comments_author_field {width: 100%; margin-bottom: 10px;}

.ui-dialog-buttonset button.ui-button-delete {
    background: linear-gradient(135deg, #ef4444, #ec4899);
    border: none;
    color: #fff;
    box-shadow: 0 0 20px rgba(239, 68, 68, 0.4);
}
.ui-dialog-buttonset button.ui-button-delete:hover {
    background: linear-gradient(135deg, #dc2626, #db2777);
    box-shadow: 0 0 30px rgba(239, 68, 68, 0.6);
}

/*--- 18 ---*/
.pm th{text-align: left; font-weight: 500; white-space: nowrap;}
.pm th.pm_checkbox {text-align: center;}
.pm_list.pm_subj, .pm_list.pm_icon, .pm_list.pm_last_user {cursor: pointer;}
.pm_list.pm_icon svg {width: 1.4rem; height: 1.4rem; vertical-align: middle;}
.pm_list.pm_icon.pm-unread-image {color: var(--cyan); 
	filter: drop-shadow(0 0 5px rgba(6, 182, 212, 0.5));}
.pm td.pm_list.pm_icon, .userstop td, th.pm_head.pm_icon {border-bottom: none;}
.pm_list.pm_icon.pm-reply-image {color: #10b981; 
	filter: drop-shadow(0 0 5px rgba(16, 185, 129, 0.5));}
.pm_list.pm_icon.pm-read-image {color: #6b7280;}
.pm_list .pm_last_message, .pm_list .pm_last_date, .pm_list .pm_with_user {color: #8b6fb8; font-size: .8rem;}
.pm tbody > tr:hover {background-color: rgba(168, 85, 247, 0.1) !important;}
.pm_navigation {margin-top: 1rem;}
.pm_navigation .navigation {display: inline-block; color: var(--tt-fade); border-radius: 6px; padding: .4rem;}
.pm_navigation .navigation a, .pm_navigation .navigation span {color: var(--tt-fade);padding: 0.5rem; min-width: 2.25rem;border-bottom: 0;     
	background-color: rgba(15, 0, 30, 0.6); border: 1px solid var(--bdc); border-radius: 4px;}
.pm_navigation .navigation span {background: linear-gradient(135deg, #a855f7, #6366f1); color: #fff;
	border-color: transparent;
	box-shadow: 0 0 15px rgba(168, 85, 247, 0.4);}
.pm_navigation .navigation a {text-decoration: none; color: var(--tt-fade);}
.pm_navigation .navigation a:hover {background: linear-gradient(135deg, #a855f7, #06b6d4); color: #fff;
	border-color: transparent;}

/* --- ADAPTIVE --- */
@media screen and (max-width: 760px) {
	.serv__gap, .form__row--submit {gap: 10px;}
	.form__row {grid-template-columns: minmax(200px,1fr);}
	.form__table, .form__table tr, .form__table td, .form__table tbody {display: block; width: 100%; min-height: 22px; padding: 0 !important;}
	.form__table tr + tr {padding-top: 20px !important;}
	.form__table .addnews {width: 100%; padding: 0 0 10px 0 !important;}
	.form__find-related {position: static; width: 100%; border-radius: 4px;}
	.qq-upload-button {width: 100% !important;}
	.form__btn {width: 100%;}
}
@media screen and (max-width: 590px) {
	.form__sec-code img {height: 60px; width: 120px;}
	.form__sec-code > input {height: 60px; line-height: 60px;}
	.comments-tree-list .comments-tree-list {padding-left: 20px;}
	.xfieldimagegallery, .comments-image-gallery {grid-template-columns: repeat(auto-fill,minmax(140px,1fr));}
}

/* ============================================================
   COSMOS BADGES · LABELS · 2026 Categories tech stack
   ============================================================ */

/* Badges (заголовки секций, меню) */
.badge {
	display: inline-flex; align-items: center; gap: 5px;
	height: 22px; padding: 0 10px;
	font-size: 10.5px; font-weight: 800; letter-spacing: 0.5px;
	text-transform: uppercase; color: #fff;
	border-radius: 999px;
	line-height: 1; white-space: nowrap; vertical-align: middle;
	position: relative; overflow: hidden;
	margin-left: 8px;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.06) inset, 0 2px 10px rgba(0,0,0,0.25);
	will-change: transform, opacity;
	animation: badgePop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
}
@keyframes badgePop { 0% { opacity: 0; transform: scale(0.6); } 100% { opacity: 1; transform: scale(1); } }
.badge::before {
	content: ''; position: absolute; inset: 0;
	background: linear-gradient(120deg, transparent 20%, rgba(255,255,255,0.18) 50%, transparent 80%);
	transform: translateX(-120%);
	animation: shimmerSweep 3.8s ease-in-out infinite;
	pointer-events: none;
}

.badge--hot {
	background: linear-gradient(135deg, #ef4444 0%, #f59e0b 50%, #ec4899 100%);
	box-shadow: 0 0 0 1px rgba(255,200,100,0.28) inset, 0 0 18px rgba(239,68,68,0.38), 0 2px 10px rgba(0,0,0,0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}
.badge--ai {
	background: linear-gradient(135deg, #06b6d4 0%, #8b5cf6 60%, #22d3ee 100%);
	box-shadow: 0 0 0 1px rgba(120,200,255,0.25) inset, 0 0 18px rgba(6,182,212,0.42), 0 2px 10px rgba(0,0,0,0.3);
}
.badge--vr {
	background: linear-gradient(135deg, #a855f7 0%, #ec4899 60%, #f472b6 100%);
	box-shadow: 0 0 0 1px rgba(220,150,255,0.28) inset, 0 0 18px rgba(168,85,247,0.4), 0 2px 10px rgba(0,0,0,0.3);
}
.badge--8k {
	background: linear-gradient(135deg, #f97316 0%, #ef4444 55%, #eab308 100%);
	box-shadow: 0 0 0 1px rgba(255,180,100,0.3) inset, 0 0 20px rgba(249,115,22,0.45), 0 2px 10px rgba(0,0,0,0.3);
}
.badge--cyber {
	background: linear-gradient(135deg, #0ea5e9 0%, #7c3aed 55%, #ec4899 100%);
	box-shadow: 0 0 0 1px rgba(120,140,255,0.28) inset, 0 0 18px rgba(124,58,237,0.4), 0 2px 10px rgba(0,0,0,0.3);
}
.badge--int {
	background: linear-gradient(135deg, #10b981 0%, #06b6d4 55%, #8b5cf6 100%);
	box-shadow: 0 0 0 1px rgba(150,255,200,0.28) inset, 0 0 18px rgba(16,185,129,0.4), 0 2px 10px rgba(0,0,0,0.3);
}
.badge--esport {
	background: linear-gradient(135deg, #dc2626 0%, #7c3aed 50%, #2563eb 100%);
	box-shadow: 0 0 0 1px rgba(255,150,150,0.25) inset, 0 0 18px rgba(220,38,38,0.4), 0 2px 10px rgba(0,0,0,0.3);
}

/* Item Labels (лейблы поверх постеров) */
.item__label {
	position: absolute; top: 8px; left: 8px; z-index: 5;
	display: inline-flex; align-items: center; gap: 4px;
	height: 20px; padding: 0 9px;
	font-size: 10px; font-weight: 800; letter-spacing: 0.4px;
	text-transform: uppercase; color: #fff;
	border-radius: 6px;
	line-height: 1; white-space: nowrap;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%);
	box-shadow: 0 3px 14px rgba(0,0,0,0.45), 0 0 0 1px rgba(255,255,255,0.08) inset;
	backdrop-filter: blur(6px);
	animation: slideInLabel 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) backwards;
}
@keyframes slideInLabel { 0% { opacity: 0; transform: translate(-6px,-6px); } 100% { opacity: 1; transform: translate(0,0); } }

.item__label--8k {
	background: linear-gradient(135deg, #ff6a00 0%, #ee0979 100%);
	box-shadow: 0 0 0 1px rgba(255,180,120,0.35) inset, 0 3px 16px rgba(255,90,0,0.5), 0 3px 14px rgba(0,0,0,0.5);
	text-shadow: 0 1px 0 rgba(0,0,0,0.35);
}
.item__label--vr {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	box-shadow: 0 0 0 1px rgba(200,160,255,0.35) inset, 0 3px 16px rgba(118,75,162,0.55), 0 3px 14px rgba(0,0,0,0.5);
}
.item__label--ai {
	background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);
	box-shadow: 0 0 0 1px rgba(150,220,255,0.35) inset, 0 3px 16px rgba(0,114,255,0.55), 0 3px 14px rgba(0,0,0,0.5);
}
.item__label--new {
	background: linear-gradient(135deg, #ef4444 0%, #f97316 55%, #eab308 100%);
	box-shadow: 0 0 0 1px rgba(255,200,120,0.35) inset, 0 3px 16px rgba(239,68,68,0.55), 0 3px 14px rgba(0,0,0,0.5);
	animation: slideInLabel 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) backwards, cosmicPulse 2.8s ease-in-out infinite 0.6s;
}
.item__label--4k {
	background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
	box-shadow: 0 0 0 1px rgba(160,255,200,0.35) inset, 0 3px 16px rgba(56,239,125,0.45), 0 3px 14px rgba(0,0,0,0.5);
}

/* Header states (sticky scroll) */
.cosmos-header.is-scrolled {
	height: 72px !important; padding-top: 10px !important; padding-bottom: 10px !important;
	box-shadow: 0 6px 36px rgba(124, 77, 255, 0.14), 0 1px 0 rgba(0,229,255,0.12) inset;
	backdrop-filter: blur(22px) saturate(170%) !important;
}
.cosmos-header.is-compact {
	height: 64px !important; padding-top: 8px !important; padding-bottom: 8px !important;
}
.cosmos-header.is-compact .header__logo { font-size: 16px; }

/* Scroll top button visibility */
.scrolltop {
	opacity: 0; transform: translateY(20px) scale(0.9);
	pointer-events: none;
	transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease;
}
.scrolltop.is-visible {
	opacity: 1; transform: translateY(0) scale(1);
	pointer-events: auto;
}

/* Overlay states (mobile menu + login) */
.overlay {
	opacity: 0; visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease, backdrop-filter 0.3s ease;
}
.overlay.is-active, .overlay.is-over-mobile {
	opacity: 1; visibility: visible;
}

/* Body load state */
body:not(.is-loaded) .item,
body:not(.is-loaded) .cosmos-sect,
body:not(.is-loaded) .scroll-reveal {
	opacity: 0;
}
body.is-loaded .item,
body.is-loaded .cosmos-sect {
	animation: none;
}

/* Scroll Reveal base (если styles.css не имеет) */
.scroll-reveal, .cosmos-sect {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1),
				transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1),
				filter 0.8s ease;
	filter: blur(4px);
	will-change: transform, opacity, filter;
}
.scroll-reveal.revealed, .cosmos-sect.revealed {
	opacity: 1;
	transform: translateY(0);
	filter: blur(0);
}

/* Tabs active shimmer fallback */
.sect__tabs button.is-active {
	background: linear-gradient(135deg, rgba(0,229,255,0.18), rgba(255,0,170,0.18));
	color: #fff;
	box-shadow: 0 0 0 1px rgba(0,229,255,0.35) inset, 0 0 16px rgba(0,229,255,0.18);
}

/* Login/Modal improvements */
.lgn, .login-wrap {
	backdrop-filter: blur(30px) saturate(170%);
	background: linear-gradient(135deg, rgba(10, 3, 32, 0.92) 0%, rgba(18, 2, 38, 0.92) 100%);
	box-shadow: 0 30px 80px rgba(124, 77, 255, 0.3), 0 0 0 1px rgba(0,229,255,0.15) inset;
}