/* assets/engine-tokens.css */
:root {
	--font-size-xs: .75rem;
	--font-size-sm: .86rem;
	--font-size-base: .9rem;
	--font-size-lg: 1rem;
	--fix-size-base: 1rem
}

@media (min-width:1500px) and (min-resolution: 2dppx) {
	:root {
		--font-vw-term: 1.05vw;
		--font-size-xs: clamp(0.75rem, calc(var(--font-vw-term) - 0.23rem), 1.05rem);
		--font-size-sm: clamp(0.86rem, calc(var(--font-vw-term) - 0.12rem), 1.16rem);
		--font-size-base: clamp(0.9rem, calc(var(--font-vw-term) - 0.08rem), 1.2rem);
		--font-size-lg: clamp(1rem, calc(var(--font-vw-term) + 0.02rem), 1.3rem);
	}
}

@media (prefers-reduced-motion: no-preference) {
	@view-transition {
		navigation: auto
	}
}

:root { --app-em: var(--font-size-lg); }

:root {
	--bg: #f2f5f8;
	--surface: #ffffff;
	--surface-soft: #f7f9fb;
	--surface-sunk: #eef2f6;
	--text: #1d2935;
	--muted: #595f64;
	--line: #e4e9ee;
	--accent: #6686a3;
	--accent-strong: #496c8b;
	--accent-soft: #e8f0f6;
	--accent-hover-soft: #dfeaf2;
	--accent-ink: #ffffff;
	--sage: #9bac9f;
	--sage-soft: #e9efea;
	--sage-ink: #596f60;
	--sage-hover: #dee7e0;
	--sage-hover-ink: #516657;
	--mist-soft: #eeecf1;
	--mist-ink: #645d6f;
	--mist-hover: #e4e1e9;
	--amber-soft: #f6efe3;
	--amber-ink: #795a2f;
	--amber-hover: #eee3d2;
	--rose-soft: #f4e8e5;
	--rose-ink: #80524b;
	--rose-hover: #eadbd7;
	--positive: #40694f;
	--positive-soft: #e9f0eb;
	--negative: #9c6259;
	--negative-soft: #f4e8e5;
	--warn: #8a6a3c;
	--warn-soft: #f6efe3;
	--news-text: #333;
	--image-brightness: 1;
	--image-contrast: 1;
	--image-saturate: 1;
	--star: #bd9d5b;
	--star-off: #d4dae0;
	--dot: #c1cad2;

	--shadow: 0 calc(var(--app-em)*1.125) calc(var(--app-em)*3.375) rgba(39, 58, 75, .09);
	--shadow-soft: 0 calc(var(--app-em)*0.5) calc(var(--app-em)*1.75) rgba(39, 58, 75, .07);
	--shadow-tiny: 0 calc(var(--app-em)*0.25) calc(var(--app-em)*0.875) rgba(39, 58, 75, .05);
	--shadow-menu: 0 calc(var(--app-em)*1.5) calc(var(--app-em)*3.5) rgba(24, 39, 53, .18), 0 calc(var(--app-em)*0.25) calc(var(--app-em)*0.75) rgba(24, 39, 53, .12);
	--shadow-modal: 0 calc(var(--app-em)*1.5) calc(var(--app-em)*4) rgba(24, 39, 53, .28), 0 calc(var(--app-em)*0.25) calc(var(--app-em)*0.75) rgba(24, 39, 53, .16);
	--radius: calc(var(--app-em)*1);
	--container: calc(var(--app-em) * 90);

	--sp-1: calc(var(--app-em)*0.25);
	--sp-2: calc(var(--app-em)*0.5);
	--sp-3: calc(var(--app-em)*0.75);
	--sp-4: calc(var(--app-em)*1);
	--sp-5: calc(var(--app-em)*1.25);
	--sp-6: calc(var(--app-em)*1.5);
	--sp-7: calc(var(--app-em)*1.75);
	--sp-8: calc(var(--app-em)*2);
	--sp-10: calc(var(--app-em)*2.5);
	--sp-12: calc(var(--app-em)*3);

	--r-xs: calc(var(--app-em)*0.375);
	--r-sm: calc(var(--app-em)*0.5);
	--r-md: calc(var(--app-em)*0.625);
	--r-lg: calc(var(--app-em)*0.8125);
	--r-xl: calc(var(--app-em)*1.375);
	--r-pill: calc(var(--app-em)*6.25);
	--hair: calc(var(--app-em)*0.0625);
	--control-h: calc(var(--app-em)*2.875);
	--head-offset: calc(var(--app-em)*6);

	--code-bg: #f4f7fa;
	--code-border: #dfe6ee;
	--code-ink: #1d2935;
	--code-comment: #69788a;
	--code-punct: #5f6f7e;
	--code-value: #8c1d54;
	--code-string: #3f6b1f;
	--code-operator: #8a5f2b;
	--code-keyword: #0a5f8a;
	--code-function: #b8304c;
	--code-variable: #27388a;
	--code-regex: #8a5a00;
	--code-select: #b3d4fc;
	--code-shadow: 0 var(--hair) #fff;

	--fs-meta: calc(var(--app-em)*0.9375);
	--fs-sm: var(--app-em);
	--fs-ui: calc(var(--app-em)*.95);
	--fs-body: calc(var(--app-em)*1.125);
	--fs-lead: calc(var(--app-em)*1.1);
	--fs-h4: calc(var(--app-em)*1.25);
	--fs-h3: calc(var(--app-em)*1.4);
	--fs-h2: calc(var(--app-em)*1.6);
	--fs-h1: calc(var(--app-em)*2);
}


/* css/engine.css */
#loading-layer {
	position: fixed; z-index: 1200; left: 50%; top: calc(var(--app-em)*1.25); transform: translateX(-50%);
	display: flex; align-items: center; gap: var(--sp-2);
	padding: var(--sp-3); 
	border-radius: var(--r-lg);
	background: var(--surface); color: var(--text); box-shadow: var(--shadow);
	font-size: var(--fs-meta); font-weight: 600;
	box-shadow: var(--shadow-menu);
}
#loading-layer svg path {
	fill: var(--accent-strong);
}
@keyframes dle-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #loading-layer::before { animation-duration: 2s; } }

input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"],
input[type="tel"], input[type="number"], input[type="date"], input[type="datetime-local"], input[type="time"],
input[type="color"], select, textarea, .form-control, .quick-edit-text, .quick-edit-textarea, .quick-edit-select,
.quick-edit-datetime, .timezoneselect, .twofactorselect, .categoryselect, .textin {
	width: 100%; min-width: 0; max-width: 100%;
	min-height: var(--control-h); padding: calc(var(--app-em)*0.5) calc(var(--app-em)*0.875);
	border: var(--hair) solid var(--line); border-radius: var(--r-md);
	background: var(--surface-soft); color: var(--text);
	font-size: var(--fs-ui); line-height: 1.45;
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

b, strong { font-weight: 600; }
textarea { min-height: calc(var(--app-em)*7.5); line-height: 1.6; resize: vertical; }
select:not([multiple]):not([size]) { appearance: none; padding-right: calc(var(--app-em)*2.25);
	background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
	background-position: right calc(var(--app-em)*1.0625) center, right calc(var(--app-em)*0.75) center;
	background-size: calc(var(--app-em)*0.3125) calc(var(--app-em)*0.3125), calc(var(--app-em)*0.3125) calc(var(--app-em)*0.3125);
	background-repeat: no-repeat; }
select[multiple], select[size] { appearance: auto; background-image: none; padding-right: calc(var(--app-em)*0.875); min-height: calc(var(--app-em)*8); }
input:focus, select:focus, textarea:focus, .form-control:focus, .quick-edit-text:focus, .quick-edit-textarea:focus {
	outline: none; border-color: var(--accent); background: var(--surface); box-shadow: 0 0 0 var(--sp-1) var(--accent-soft);
}
input[type="checkbox"]:focus, input[type="radio"]:focus { box-shadow:none; }
input::placeholder, textarea::placeholder { color: var(--muted); opacity: .75; }
input[disabled], select[disabled], textarea[disabled], input[readonly], textarea[readonly],
.form-control[disabled], fieldset[disabled] input, fieldset[disabled] select, fieldset[disabled] textarea {
	opacity: .6; cursor: not-allowed; background: var(--surface-sunk);
}
input[type="file"], .form-input--file { width: 100%; padding: calc(var(--app-em)*0.5); border: var(--hair) dashed var(--line); border-radius: var(--r-md); background: var(--surface-soft); font-size: var(--fs-meta); cursor: pointer; }
input[type="file"]::file-selector-button { margin-right: var(--sp-3); padding: calc(var(--app-em)*0.4375) var(--sp-3); border: 0; border-radius: var(--r-sm); background: var(--accent-soft); color: var(--accent-strong); font-size: var(--fs-meta); font-weight: 600; cursor: pointer; }
input[type="checkbox"], input[type="radio"], .form-check-input {
	width: calc(var(--app-em)*1.2); height: calc(var(--app-em)*1.2); min-height: 0; flex: none;
	margin: 0; padding: 0; accent-color: var(--accent-strong); cursor: pointer;
}
.form-check-label, .checkbox label, .checkbox-inline, .radio-inline {
	display: inline-flex; align-items: center; gap: var(--sp-2);
	color: var(--text); font-size: var(--fs-ui); cursor: pointer;
}
.form-group { display: grid; gap: var(--sp-2); margin-bottom: var(--sp-4); }
.control-label { color: var(--muted); font-size: var(--fs-meta); font-weight: 600; }
.wide { width: 100%; }
.hide { display: none; }

.bbcodes, .btn, .ui-button, .dlevotebutton {
	display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2);
	min-height: var(--control-h); padding: 0 calc(var(--app-em)*1.125);
	border: 0; border-radius: var(--r-lg);
	background: var(--surface-soft); color: var(--text);
	font-size: var(--fs-ui); font-weight: 600; line-height: 1.2; text-align: center;
	cursor: pointer; transition: background .18s ease, color .18s ease, transform .18s ease;
}
.bbcodes:hover, .btn:hover, .ui-button:hover, .dlevotebutton:hover { background: var(--accent-soft); color: var(--accent-strong); }
.btn.bg-light, .btn-white { background: var(--surface); box-shadow: var(--shadow-tiny); }
.btn-green, .btn.applychanges { background: var(--positive-soft); color: var(--positive); }
.btn-red, .btn.cancelchanges, .bbcodes.cancelchanges { background: var(--negative-soft); color: var(--negative); }
.btn.disabled, .btn[disabled], .bbcodes[disabled] { opacity: .55; cursor: not-allowed; }
.btn > .icon { width: var(--sp-4); height: var(--sp-4); }
.btn-big { min-height: calc(var(--app-em)*3.25); padding: 0 var(--sp-6); }

.bb-editor { display: grid; gap: var(--sp-2); }
.bb-editor textarea, textarea.wysiwygeditor, textarea.ajaxwysiwygeditor { width: 100%; }
.editor-panel, .editor-group { display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--app-em)*0.1875); }
.editor-panel { width: fit-content; padding: calc(var(--app-em)*0.3125); border-radius: var(--r-md); background: var(--surface-soft); }
.editor-group .bbcodes, .editor-panel .bbcodes { min-height: calc(var(--app-em)*2.125); min-width: calc(var(--app-em)*2.125); padding: 0 var(--sp-2); border-radius: var(--r-sm); background: transparent; font-size: var(--fs-meta); }
.editor-group .bbcodes:hover, .editor-panel .bbcodes:hover { background: var(--surface); color: var(--accent-strong); box-shadow: var(--shadow-tiny); }
.wseditor .tox-tinymce, .tox.tox-tinymce { border: var(--hair) solid var(--line) !important; border-radius: var(--r-md) !important; }
.tox .tox-editor-header, .tox .tox-toolbar__primary, .tox .tox-toolbar, .tox .tox-toolbar-overlord, .tox .tox-dialog__header, .tox .tox-statusbar {background: var(--surface-soft) !important; border-color: var(--line) !important; color: var(--text) !important;}
.tox .tox-tbtn { border-radius: var(--r-sm) !important; color: var(--text) !important; }
.tox .tox-tbtn svg { fill: currentColor !important; }
.tox .tox-tbtn:hover, .tox .tox-tbtn:focus { background: var(--accent-soft) !important; color: var(--accent-strong) !important; }
.tox .tox-tbtn--enabled, .tox .tox-tbtn--enabled:hover { background: var(--accent-soft) !important; color: var(--accent-strong) !important; }
.tox .tox-pop__dialog, .tox .tox-toolbar__overflow {background: var(--surface-soft) !important; border-color: var(--line) !important;}
.tox .tox-pop.tox-pop--bottom::after {border-top-color: var(--surface-soft) !important;}
.tox .tox-pop.tox-pop--bottom::before {border-top-color: var(--line) !important;}
.tox .tox-pop.tox-pop--top::after {border-bottom-color: var(--surface-soft) !important;}
.tox .tox-pop.tox-pop--top::before {border-bottom-color: var(--line) !important;}
.tox .tox-pop.tox-pop--left::after {border-right-color: var(--surface-soft) !important;}
.tox .tox-pop.tox-pop--left::before {border-right-color: var(--line) !important;}
.tox .tox-pop.tox-pop--right::after {border-left-color: var(--surface-soft) !important;}
.tox .tox-pop.tox-pop--right::before {border-left-color: var(--line) !important;}
.tox.tox-quickbars-fab .tox-quickbars-fab__button {background: var(--surface-soft) !important; color: var(--text) !important;}
.tox.tox-quickbars-fab .tox-quickbars-fab__button:hover {background: var(--accent-soft) !important; color: var(--accent-strong) !important;}
.tox.tox-quickbars-fab .tox-quickbars-fab__button--active, .tox.tox-quickbars-fab .tox-quickbars-fab__button--toggle.tox-quickbars-fab__button--active {background: var(--accent-soft) !important; color: var(--accent-strong) !important;}
.tox.tox-quickbars-fab .tox-quickbars-fab__button:focus {box-shadow: 0 0 0 calc(var(--app-em)*0.125) var(--surface), 0 0 0 calc(var(--app-em)*0.25) var(--accent-strong) !important;}
.tox.tox-quickbars-fab .tox-quickbars-fab__menu {background: var(--surface) !important; color: var(--text) !important;}
.tox.tox-quickbars-fab .tox-quickbars-fab__menu button, .tox.tox-quickbars-fab .tox-quickbars-fab__menu-item {color: var(--text) !important;}
.tox.tox-quickbars-fab .tox-quickbars-fab__menu button:hover, .tox.tox-quickbars-fab .tox-quickbars-fab__menu button:focus, .tox.tox-quickbars-fab .tox-quickbars-fab__menu-item:hover, .tox.tox-quickbars-fab .tox-quickbars-fab__menu-item:focus {background: var(--accent-soft) !important; color: var(--accent-strong) !important;}
.tox .tox-statusbar a, .tox .tox-statusbar__path-item, .tox .tox-statusbar__wordcount { color: var(--muted) !important; }
.tox .tox-edit-area__iframe { background: var(--surface) !important; }
.tox .tox-menu, .tox .tox-collection--list, .tox .tox-dialog { background: var(--surface) !important; border-color: var(--line) !important; color: var(--text) !important; border-radius: var(--r-md) !important; }
.tox .tox-collection__item { color: var(--text) !important; border-radius: var(--r-sm) !important; }
.tox .tox-collection__item--active, .tox .tox-collection__item:hover { background: var(--accent-soft) !important; color: var(--accent-strong) !important; }
.tox .tox-dialog__footer { background: var(--surface-soft) !important; color: var(--text) !important; }
.tox .tox-label, .tox .tox-toolbar-label { color: var(--muted) !important; }
.tox .tox-textfield, .tox .tox-textarea, .tox .tox-listbox, .tox .tox-selectfield select { background: var(--surface-soft) !important; border-color: var(--line) !important; color: var(--text) !important; border-radius: var(--r-sm) !important; }
.tox .tox-custom-editor:focus-within, .tox .tox-textarea-wrap:focus-within,
.tox .tox-focusable-wrapper:focus, .tox .tox-listboxfield .tox-listbox--select:focus,
.tox .tox-textarea:focus, .tox .tox-textfield:focus, .tox .tox-toolbar-textfield:focus,
.tox .tox-listbox:focus, .tox .tox-selectfield select:focus {outline: none !important; border-color: var(--accent) !important; background: var(--surface) !important;box-shadow: 0 0 0 var(--sp-1) var(--accent-soft) !important;}
.tox .tox-button { padding: calc(var(--app-em) * .5) calc(var(--app-em) * .9) !important; border-radius: var(--r-lg) !important; background: var(--accent-strong) !important; border-color: var(--accent-strong) !important; color: var(--accent-ink) !important; box-shadow: none !important; }
.tox .tox-button--secondary, .tox .tox-dialog__footer .tox-button--secondary {text-shadow: none !important;background: var(--surface) !important;border-color: var(--line) !important;color: var(--text) !important;box-shadow: inset 0 0 0 var(--hair) var(--line) !important;}
.tox .tox-button:hover:not(:disabled) { background: var(--accent) !important; border-color: var(--accent) !important; color: var(--accent-ink) !important; }
.tox .tox-button--secondary:hover:not(:disabled), .tox .tox-dialog__footer .tox-button--secondary:hover:not(:disabled) { background: var(--accent-soft) !important; border-color: var(--line) !important; color: var(--accent-strong) !important; }
.tox .tox-dialog__body-content .tox-bar:has(.tox-textfield) .tox-button {min-height: 34px !important; padding-top: 5px !important; padding-bottom: 5px !important; line-height: 24px !important;}
.tox .dle-media-icon-button.dle-media-add { background: var(--accent-strong) !important; border-color: var(--accent-strong) !important; color: var(--accent-ink) !important; }
.tox .dle-media-icon-button.dle-media-add:hover:not(:disabled) { background: var(--accent) !important; border-color: var(--accent) !important; color: var(--accent-ink) !important; }
.tox .dle-media-icon-button.dle-media-remove { background: var(--negative-soft) !important; border-color: var(--negative-soft) !important; color: var(--negative) !important; }
.tox .dle-media-icon-button.dle-media-remove:hover:not(:disabled) { background: var(--negative) !important; border-color: var(--negative) !important; color: var(--surface) !important; }
.tox .tox-dialog__header .tox-button[data-mce-name="close"] { padding: calc(var(--app-em) * .4) 0 !important; background: transparent !important; border-color: transparent !important; color: var(--muted) !important; box-shadow: none !important; text-shadow: none !important; }
.tox .tox-dialog__header .tox-button[data-mce-name="close"]::before { box-shadow: none !important; }
.tox .tox-dialog__header .tox-button[data-mce-name="close"] .tox-icon svg { fill: currentColor !important; filter: none !important; }
.tox .tox-dialog__header .tox-button[data-mce-name="close"]:hover, .tox .tox-dialog__header .tox-button[data-mce-name="close"]:active { background: transparent !important; color: var(--negative) !important; box-shadow: none !important; text-shadow: none !important; }
.tox .tox-dialog__header .tox-button[data-mce-name="close"]:focus-visible { outline: calc(var(--hair)*2) solid var(--accent-strong) !important; outline-offset: calc(var(--hair)*2); }
.tox .tox-dialog__title {text-shadow: none !important;}

:root[data-theme="dark"] .tox .tox-dialog,
body.dle_theme_dark .tox .tox-dialog {
	box-shadow: var(--shadow-modal) !important;
}
:root[data-theme="dark"] .tox .tox-button,
body.dle_theme_dark .tox .tox-button {
	text-shadow: none !important;
}
:root[data-theme="dark"] .tox .tox-dialog__footer .tox-button--secondary,
body.dle_theme_dark .tox .tox-dialog__footer .tox-button--secondary {
	background: var(--surface-soft) !important;
	border-color: var(--muted) !important;
	color: var(--text) !important;
	box-shadow: none !important;
}
:root[data-theme="dark"] .tox .tox-dialog .tox-button--naked.tox-button--icon,
:root[data-theme="dark"] .tox .tox-dialog .tox-lock,
body.dle_theme_dark .tox .tox-dialog .tox-button--naked.tox-button--icon,
body.dle_theme_dark .tox .tox-dialog .tox-lock {
	background: transparent !important;
	border-color: transparent !important;
	color: var(--muted) !important;
	box-shadow: none !important;
}
:root[data-theme="dark"] .tox .tox-dialog .tox-button--naked.tox-button--icon:hover:not(:disabled),
:root[data-theme="dark"] .tox .tox-dialog .tox-lock:hover:not(:disabled),
body.dle_theme_dark .tox .tox-dialog .tox-button--naked.tox-button--icon:hover:not(:disabled),
body.dle_theme_dark .tox .tox-dialog .tox-lock:hover:not(:disabled) {
	background: var(--accent-soft) !important;
	color: var(--accent-strong) !important;
}
:root[data-theme="dark"] .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg,
body.dle_theme_dark .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
	fill: var(--muted) !important;
}
:root[data-theme="dark"] .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg,
:root[data-theme="dark"] .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg,
body.dle_theme_dark .tox .tox-checkbox__icons .tox-checkbox-icon__checked svg,
body.dle_theme_dark .tox .tox-checkbox__icons .tox-checkbox-icon__indeterminate svg {
	fill: var(--accent-strong) !important;
}
.mce-toc { padding: var(--sp-4); border: var(--hair) solid var(--line); border-radius: var(--r-md); background: var(--surface-soft); }
.mce-toc h2 { font-size: var(--fs-ui); margin-bottom: var(--sp-2); }
.mce-toc ul { margin: 0; padding-left: var(--sp-5); }
.mce-accordion summary { cursor: pointer; font-weight: 600; }
.quick-edit-text, .quick-edit-textarea, .quick-edit-select, .quick-edit-datetime { margin-bottom: var(--sp-2); }
.save-buttons { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-top: var(--sp-3); }
#dlefastreplycomments .save-buttons, .comments-edit-area .save-buttons, .pm-edit-area .save-buttons { justify-content: flex-end; }
#dlefastreplycomments .save-buttons .applychanges, .comments-edit-area .save-buttons .applychanges, .pm-edit-area .save-buttons .applychanges {background: var(--accent-soft); color: var(--accent-strong);}
#dlefastreplycomments .save-buttons .applychanges:hover, .comments-edit-area .save-buttons .applychanges:hover, .pm-edit-area .save-buttons .applychanges:hover {background: var(--accent); color: var(--accent-ink);}
.mobilewseditor .tox .tox-toolbar__primary {box-shadow: inset 0 1px 0 #ffffff00 !important;} .mobilewseditor .tox:not(.tox-tinymce-inline) .tox-editor-header {border-bottom:none; !important}
.mobilewseditor {border: none!important;}
.mobilewseditor.focused{box-shadow: none!important;}

.text { color: var(--news-text); line-height: 1.55; }
.text p, .text h1, .text h2, .text h3, .text h4, .text h5, .text h6, .text ul, .text ol, .text hr { margin: 0 0 var(--sp-3); }
.text div+p, .text table+p, .text table+div, .text div+ul, .text div+ol, .text div+h1, .text div+h2, .text div+h3, .text div+h4, .text div+h5, .text div+h6, .text div+table, .text div+hr, .text dlemedia+hr { margin-top: var(--sp-3);}
.text > :last-child { margin-bottom: 0; }
.text h1 {font-size: 1.528em;}
.text h2 {font-size: 1.389em;}
.text h3 {font-size: 1.25em;}
.text h4 {font-size: 1.11em;}
.text h5 {font-size: 1em;}
.text h6 {font-size: .89em;}
.text a { color: var(--accent-strong); text-decoration: underline; text-underline-offset: calc(var(--app-em)*0.25); }
.text a:hover { text-decoration-thickness: calc(var(--app-em)*0.125); }
.text ul, .text ol { padding-left: var(--sp-6); }
.text img { height: auto; border-radius: var(--r-md); }
.text figure { margin: var(--sp-5) 0; }
.text figcaption, .text .image-caption { margin-top: var(--sp-2); color: var(--muted); font-size: var(--fs-meta); }
.text hr { height: var(--hair); margin: var(--sp-6) 0; border: 0; background: var(--line); }
.text table { width: 100%; border-collapse: collapse; margin: 0 0 var(--sp-4); font-size: var(--fs-sm); }
.text th, .text td { padding: var(--sp-2) var(--sp-3); border: var(--hair) solid var(--line); text-align: left; }
.text th { background: var(--surface-soft); font-weight: 600; }

.image-bordered { border: var(--hair) solid var(--line); }
.image-padded { padding: var(--sp-2); }
.image-shadows { box-shadow: var(--shadow-soft); }
.quote_block {
	margin: 0 0 calc(var(--app-em)*0.7); overflow: hidden;
	border-inline-start: calc(var(--app-em)*0.1875) solid var(--accent);
	border-start-end-radius: var(--r-md); border-end-end-radius: var(--r-md);
	background: var(--surface-soft);
}
.title_quote, .quote, blockquote { padding: calc(var(--app-em)*0.625); background: var(--surface-soft); color: var(--text); }
.title_quote {
	display: block; border-block-end: var(--hair) solid var(--line); color: var(--muted); font-weight: 700;
}
.quote, blockquote {
	border-inline-start: calc(var(--app-em)*0.1875) solid var(--accent);
	border-start-end-radius: var(--r-md); border-end-end-radius: var(--r-md);
}
.quote_block > .quote { border-inline-start: 0; border-radius: 0; }
blockquote { margin: var(--app-em) 0; }
.quote_body { display: block; }
.quote_link { float: inline-end; color: var(--accent-strong); }
.quote_link svg { display: inline-block; color: inherit; vertical-align: middle; }
.scriptcode, pre, code, kbd, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: calc(var(--app-em)*0.9); }
.scriptcode, pre { display: block; margin: 0 0 var(--sp-4); padding: var(--sp-4); overflow-x: auto; border-radius: var(--r-md); background: var(--surface-sunk); color: var(--text); line-height: 1.55; }
:not(pre) > code { padding: calc(var(--app-em)*0.125) var(--sp-1); border-radius: var(--r-xs); background: var(--surface-sunk); }
.clipboard-copy-link { display: inline-flex; align-items: center; gap: var(--sp-1); color: var(--muted); font-size: var(--fs-meta); cursor: pointer; }
.clipboard-copy-link:hover { color: var(--accent-strong); }
.clipboard-copy-link svg { width: var(--sp-4); height: var(--sp-4); }

code[class*="language-"], pre[class*="language-"] { color: var(--code-ink); text-shadow: var(--code-shadow); }
:not(pre) > code[class*="language-"], pre[class*="language-"] { background: var(--code-bg); border-color: var(--code-border); }
code[class*="language-"]::selection, code[class*="language-"] ::selection,
pre[class*="language-"]::selection, pre[class*="language-"] ::selection { background: var(--code-select); text-shadow: none; }
.token.cdata, .token.comment, .token.doctype, .token.prolog { color: var(--code-comment); }
.token.punctuation { color: var(--code-punct); }
.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag { color: var(--code-value); }
.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string, .token.string-property.property { color: var(--code-string); }
.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url, .token.bbcode .token.tag { color: var(--code-operator); }
.token.atrule, .token.attr-value, .token.keyword { color: var(--code-keyword); }
.token.class-name, .token.function { color: var(--code-function); }
.token.variable, .token.bbshortcode .token.tag { color: var(--code-variable); }
.token.bold, .token.important { color: var(--code-operator); }
.token.regex { color: var(--code-regex); }
div.code-toolbar > .toolbar > .toolbar-item > a,
div.code-toolbar > .toolbar > .toolbar-item > button,
div.code-toolbar > .toolbar > .toolbar-item > span { color: var(--muted); text-shadow: none; }
div.code-toolbar > .toolbar > .toolbar-item > a:hover, div.code-toolbar > .toolbar > .toolbar-item > a:focus,
div.code-toolbar > .toolbar > .toolbar-item > button:hover, div.code-toolbar > .toolbar > .toolbar-item > button:focus { color: var(--accent-strong); }

.title_spoiler, .dle-spoiler > summary { display: flex; align-items: center; gap: var(--sp-2); padding: var(--sp-2) var(--sp-3); border-radius: var(--r-sm); background: var(--surface-soft); color: var(--accent-strong); font-size: var(--fs-sm); font-weight: 600; cursor: pointer; }
.title_spoiler img, .title_spoiler svg, .spoiler-btn-svg { width: var(--sp-4); height: var(--sp-4); }
.title_spoiler a {text-decoration: none;}
.text_spoiler { display: block; margin-top: var(--sp-2); padding: var(--sp-4); border: var(--hair) solid var(--line); border-radius: var(--r-md); font-size: var(--fs-sm); }
.dleshowhidden { padding: var(--sp-4); border: var(--hair) dashed var(--accent); border-radius: var(--r-md); background: var(--accent-soft); font-size: var(--fs-sm); }
.dlehidden { color: var(--muted); }
.dle-media-block { border-radius: var(--r-md); overflow: hidden; }
.dle-media-block iframe, .dle-media-block video { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
.dlemedia-oembed-error { padding: var(--sp-3); border-radius: var(--r-md); background: var(--negative-soft); color: var(--negative); font-size: var(--fs-meta); }
.dleaudioplayer, .dlevideoplayer { margin: var(--sp-4) 0; }
:is(:root[data-theme="dark"], body.dle_theme_dark) .dleaudioplayer {
	--plyr-color-main: var(--accent-strong);
	--plyr-focus-visible-color: var(--accent-strong);
	--plyr-audio-controls-background: var(--surface-sunk);
	--plyr-audio-control-color: var(--text);
	--plyr-audio-control-background-hover: var(--accent-strong);
	--plyr-audio-control-color-hover: var(--accent-ink);
	--plyr-audio-progress-buffered-background: var(--line);
	--plyr-audio-range-track-background: var(--line);
	--plyr-audio-range-thumb-active-shadow-color: var(--accent-soft);
	--plyr-range-thumb-background: var(--text);
	--plyr-menu-background: var(--surface-soft);
	--plyr-menu-color: var(--text);
	--plyr-menu-arrow-color: var(--muted);
	--plyr-menu-back-border-color: var(--line);
	--plyr-menu-back-border-shadow-color: transparent;
	--plyr-tooltip-background: var(--surface-soft);
	--plyr-tooltip-color: var(--text);
}
:is(:root[data-theme="dark"], body.dle_theme_dark) .dleaudioplayer .plyr--audio .plyr__controls { background: var(--surface-sunk); color: var(--text); }
:is(:root[data-theme="dark"], body.dle_theme_dark) .dleaudioplayer .plyr--audio .plyr__controls svg { fill: currentColor; }
:is(:root[data-theme="dark"], body.dle_theme_dark) .dleaudioplayer .plyr--audio .plyr__time { color: var(--muted); opacity: 1; }
:is(:root[data-theme="dark"], body.dle_theme_dark) .dleaudioplayer .dlepl__audio-title { background: var(--surface-sunk); color: var(--muted); }
:is(:root[data-theme="dark"], body.dle_theme_dark) .dleaudioplayer .dlepl__playlist { background: var(--surface-sunk); }
:is(:root[data-theme="dark"], body.dle_theme_dark) .dleaudioplayer .dlepl__playlist .dlepl__item { background: var(--surface-sunk); color: var(--text); }
:is(:root[data-theme="dark"], body.dle_theme_dark) .dleaudioplayer .dlepl__playlist .dlepl__item:nth-child(even) { background: var(--surface-soft); }
:is(:root[data-theme="dark"], body.dle_theme_dark) .dleaudioplayer .dlepl__playlist .dlepl__item:hover { background: var(--accent-soft); color: var(--accent-strong); }
:is(:root[data-theme="dark"], body.dle_theme_dark) .dleaudioplayer .dlepl__playlist .dlepl__item--active { background: var(--accent-strong) !important; color: var(--accent-ink) !important; }
:is(:root[data-theme="dark"], body.dle_theme_dark) .dleaudioplayer .dlepl__playlist .dlepl__item svg { fill: currentColor; }
.mathml-container, div.mathml-block { overflow-x: auto; margin: var(--sp-4) 0; }
span.mathml-inline { display: inline-block; }
.native-emoji, span.emoji, .emoji { display: inline-block; vertical-align: -.15em; width: calc(var(--app-em)*1.125); height: calc(var(--app-em)*1.125); }
.attachment { display: inline-flex; align-items: flex-start; gap: var(--sp-3); margin: var(--sp-3) 0; padding: var(--sp-3) var(--sp-4); border-radius: var(--r-md); background: var(--surface-soft); font-size: var(--fs-sm); }
.attachment__icon { display: grid; place-items: center; width: var(--sp-8); height: var(--sp-8); flex: none; border-radius: var(--r-sm); background: var(--accent-soft); color: var(--accent-strong); }
.attachment__body { display: grid; gap: var(--sp-1); }
.attachment__name { color: var(--accent-strong); font-weight: 600; }
.attachment__meta { color: var(--muted); font-size: var(--fs-meta); }
.attachment__online { color: var(--accent-strong); font-size: var(--fs-meta); }
.attachment--denied { background: var(--negative-soft); color: var(--negative); }

#dle-comments-list, #dle-ajax-comments { display: block; }
#dle-comments-list > div[id^="comment-id-"] { margin-bottom: calc(var(--app-em)*0.875); }
#dle-comments-list > div[id^="comment-id-"] + ol.comments-tree-list { margin-top: calc(var(--app-em)*0.875); margin-bottom: calc(var(--app-em)*0.875); }
#dle-comments-list > .comments-tree-list + .comments-tree-list,
#dle-comments-list > .comments-tree-list:has(+ #dle-ajax-comments) ~ .comments-tree-list { margin-top: calc(var(--app-em)*0.875); }
.comments-tree-list { margin: 0; padding: 0; list-style: none; display: grid; gap: calc(var(--app-em)*0.875); }
.comments-tree-list .comments-tree-list { margin-top: calc(var(--app-em)*0.875); padding-left: var(--sp-6); border-left: var(--hair) solid var(--line); }
.comments-tree-item { min-width: 0; }
#dlefastreplycomments, .comments-edit-area, .pm-edit-area { margin-bottom: calc(var(--app-em)*0.875); padding: var(--sp-4); border-radius: var(--r-md); background: var(--surface-soft); font-size: var(--fs-ui); }
li.comments-tree-item #dlefastreplycomments { margin-top: calc(var(--app-em)*0.875); margin-bottom: 0; }

.comments-image-uploader, .comments-image-uploader-area { margin-top: var(--sp-2); }
.comments-image-uploader-toggle {
	display: inline-flex;
	align-items: center;
	width: fit-content;
	color: var(--accent-strong);
	font-size: var(--fs-ui);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: var(--hair);
	text-underline-offset: calc(var(--app-em)*0.1875);
	cursor: pointer;
}
.comments-image-uploader-toggle:hover { color: var(--text); }
.comments-image-uploader-toggle:focus-visible { outline: calc(var(--hair)*2) solid var(--accent-strong); outline-offset: var(--sp-1); border-radius: var(--r-xs); }
#hidden-image-uploader { margin-top: var(--sp-2); }
.comments-image-gallery, .xfieldimagegallery { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin: 0; padding: 0; list-style: none; }
.comments-image-gallery li, .xfieldimagegallery li { margin: 0; }
.comments-image-gallery li img, .xfieldimagegallery li img { width: calc(var(--app-em)*6.25); height: calc(var(--app-em)*4.6875); object-fit: cover; border-radius: var(--r-sm); transition: transform .2s ease; }
.comments-image-gallery li img:hover, .xfieldimagegallery li img:hover { transform: scale(1.03); }
.mass_comments_action, .comments-user-profile { display: inline-flex; align-items: center; gap: var(--sp-2); }
.comments_author_field, .commentsreplyname, .commentsreplymail { margin-bottom: var(--sp-2); }
.ignore-select { user-select: none; }

.rating { display: inline-block; }
.unit-rating { position: relative; display: block; width: calc(var(--app-em)*7.5); height: calc(var(--app-em)*1.5); margin: 0; padding: 0; list-style: none; overflow: hidden;
	background: var(--star-off);
	mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3.6 2.7 5.6 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1L3.2 10l6.1-.9z' fill='%23000'/%3E%3C/svg%3E");
	-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3.6 2.7 5.6 6.1.9-4.4 4.3 1 6.1-5.4-2.9-5.4 2.9 1-6.1L3.2 10l6.1-.9z' fill='%23000'/%3E%3C/svg%3E");
	mask-size: calc(var(--app-em)*1.5) calc(var(--app-em)*1.5);
	-webkit-mask-size: calc(var(--app-em)*1.5) calc(var(--app-em)*1.5);
	mask-repeat: repeat-x; -webkit-mask-repeat: repeat-x;
}
.unit-rating li { position: absolute; z-index: auto; inset: 0; margin: 0; padding: 0; pointer-events: none; text-indent: -9999em; }
.unit-rating li.current-rating { z-index: 1; height: 100%; background: var(--star); }
.unit-rating li a { position: absolute; z-index: 17; top: 0; height: 100%; width: 20%; text-indent: -9999em; cursor: pointer; pointer-events: auto; }
.unit-rating a.r1-unit { left: 0; }
.unit-rating a.r2-unit { left: 20%; }
.unit-rating a.r3-unit { left: 40%; }
.unit-rating a.r4-unit { left: 60%; }
.unit-rating a.r5-unit { left: 80%; }
.unit-rating li a:hover { left: 0; z-index: 2; background: var(--accent-strong); }
.unit-rating a.r1-unit:hover { width: 20%; }
.unit-rating a.r2-unit:hover { width: 40%; }
.unit-rating a.r3-unit:hover { width: 60%; }
.unit-rating a.r4-unit:hover { width: 80%; }
.unit-rating a.r5-unit:hover { width: 100%; }
.ratingplus, .ratingtypeplus { color: var(--positive); font-weight: 600; }
.ratingminus { color: var(--negative); font-weight: 600; }
.ratingzero { color: var(--muted); font-weight: 600; }
.ratingtypeplusminus { display: inline-block; min-width: calc(var(--app-em)*1.125); text-align: center; }

#dle-vote { display: grid; gap: var(--sp-2); }
.vote { font-size: var(--fs-sm); color: var(--text); }
.pollanswer, .vote:has(.form-check-label) { display: block; padding: calc(var(--app-em)*0.6875) calc(var(--app-em)*0.8125); border-radius: var(--r-md); background: var(--surface-soft); }
.pollanswer:hover, .vote:has(.form-check-label):hover { background: var(--accent-soft); }
.pollanswer .form-check-label, .vote .form-check-label { width: 100%; align-items: center; }
.voteprogress, .pollprogress, .progress { position: relative; height: calc(var(--app-em)*1.25); margin: var(--sp-1) 0 var(--sp-3); border-radius: var(--r-pill); background: var(--surface-sunk); overflow: hidden; }
.voteprogress span, .pollprogress span, .progress .progress-bar {
	display: block; height: 100%; padding: 0; border-radius: var(--r-pill);
	background: var(--accent); font-size: 0; overflow: hidden;
}
.voteprogress .vote2, .pollprogress .poll2 { background: var(--sage); }
.voteprogress .vote3, .pollprogress .poll3 { background: var(--accent-strong); }
.voteprogress .vote4, .pollprogress .poll4 { background: #a894ae; }
.voteprogress .vote5, .pollprogress .poll5 { background: #b39a6b; }
.progress-blue .progress-bar, .progress-bar.progress-blue { background: var(--accent-strong); }
.pollallvotes { display: grid; gap: var(--sp-4); }

#calendar-layer { min-width: 0; }
table.calendar, .calendar { width: 100%; border-collapse: collapse; table-layout: fixed; text-align: center; font-size: var(--fs-sm); }
.calendar tr th { padding: calc(var(--app-em)*0.3125) 0; color: var(--muted); font-size: var(--fs-meta); font-weight: 600; }
.calendar tr th.monthselect { padding-bottom: var(--sp-3); }
.monthselect-inner { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-2); }
.monthselect-title { font-size: var(--fs-sm); font-weight: 600; color: var(--text); }
.monthlink { display: inline-grid; place-items: center; width: calc(var(--app-em)*1.75); height: calc(var(--app-em)*1.75); border-radius: var(--r-sm); background: var(--surface-soft); color: var(--muted); }
a.monthlink:hover { background: var(--accent-soft); color: var(--accent-strong); }
span.monthlink { opacity: .4; }
.calendar tr td { padding: calc(var(--app-em)*0.1875) 0; color: var(--muted); }
.calendar tr td.weekday, .calendar tr th.weekday { color: var(--negative); }
.calendar tr td.day-current { font-weight: 700; color: var(--text); }
.calendar tr td a, .calendar tr td a.day-active, .calendar tr td a.day-active-v {
	display: grid; place-items: center; width: var(--sp-8); height: var(--sp-8); margin: auto;
	border-radius: var(--r-sm); background: var(--accent-soft); color: var(--accent-strong); font-weight: 600;
}
.calendar tr td a:hover { background: var(--accent); color: var(--accent-ink); }
.calendar tr td.day-active-v a { background: var(--sage-soft); color: var(--sage-ink); }
a.archives { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); padding: var(--sp-2) 0; border-bottom: var(--hair) solid var(--line); color: var(--text); font-size: var(--fs-sm); }
a.archives:hover { color: var(--accent-strong); }
a.archives b { font-weight: 500; }
a.archives > span { color: var(--muted); }
#dle_news_archive_link { margin-top: var(--sp-2); }
#dle_news_archive_link a.archives { justify-content: center; border-bottom: 0; color: var(--accent-strong); font-weight: 600; }

.clouds_xsmall a { font-size: var(--fs-meta); }
.clouds_small a { font-size: var(--fs-sm); }
.clouds_medium a { font-size: var(--fs-ui); }
.clouds_large a { font-size: var(--fs-lead); font-weight: 600; }
.clouds_xlarge a { font-size: var(--fs-h4); font-weight: 600; }
.tags_more { display: inline-flex; align-items: center; color: var(--accent-strong); font-size: var(--fs-meta); cursor: pointer; }
.sort { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); margin: 0; padding: 0; list-style: none; }
.sort > li a { display: inline-flex; align-items: center; gap: var(--sp-1); padding: calc(var(--app-em)*0.3125) var(--sp-2); border-radius: var(--r-sm); color: var(--muted); font-size: var(--fs-meta); font-weight: 600; }
.sort > li a:hover { background: var(--accent-soft); color: var(--accent-strong); }
.sort > li.asc a, .sort > li.desc a { background: var(--accent-soft); color: var(--accent-strong); }
.sort > li.asc a::after { content: "\2193"; }
.sort > li.desc a::after { content: "\2191"; }
span.nav_ext { display: inline-flex; align-items: center; padding: 0 var(--sp-1); color: var(--muted); }

#searchsuggestions {
	position: fixed !important; z-index: 900; width: min(var(--fast-search-input-width, calc(var(--app-em)*28)), calc(100vw - var(--sp-6)));
	max-height: calc(100vh - var(--fast-search-input-bottom, 0px) - var(--sp-2));
	max-height: calc(100dvh - var(--fast-search-input-bottom, 0px) - var(--sp-2)); overflow-y: auto; overscroll-behavior: contain;
	padding: var(--sp-2); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--shadow);
	font-size: var(--fs-sm);
}
#searchsuggestions a { display: block; padding: var(--sp-2) var(--sp-3); border-radius: var(--r-sm); color: var(--text); }
#searchsuggestions a:hover { background: var(--accent-soft); color: var(--accent-strong); }
#searchsuggestions a span { display: block; color: var(--muted); font-size: var(--fs-meta); }
#searchsuggestions span.searchheading { color: var(--text); font-size: var(--fs-sm); font-weight: 600; }
#searchsuggestions a:hover span.searchheading { color: var(--accent-strong); }
#searchsuggestions span.notfound { display: block; padding: var(--sp-3); color: var(--muted); }
#searchsuggestions .break { height: var(--hair); margin: var(--sp-1) 0; background: var(--line); }
#searchsuggestions span.seperator { display: block; padding: var(--sp-2) var(--sp-3); border-top: var(--hair) solid var(--line); }
#searchsuggestions span.seperator a { display: inline; padding: 0; color: var(--accent-strong); font-weight: 600; }

.ui-widget-overlay { position: fixed; inset: 0; z-index: 1000; background: rgba(19,24,32,.45); backdrop-filter: blur(calc(var(--app-em)*0.125)); }
.ui-front { z-index: 1010; }
.ui-dialog {
	position: absolute; z-index: 1010; max-width: calc(100vw - var(--sp-6));font-size: var(--fs-ui);
	padding: 0; border: 0; border-radius: var(--r-lg);
	background: var(--surface); color: var(--text); box-shadow: var(--shadow-modal); overflow: hidden;
}
.ui-dialog-titlebar, .ui-draggable .ui-dialog-titlebar {
	display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3);
	min-height: 0; padding: var(--sp-3) var(--sp-4); border-bottom: var(--hair) solid var(--line); background: var(--surface-soft);
	cursor: move;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close { cursor: pointer; }
.ui-dialog-title { font-size: var(--fs-ui); font-weight: 600; line-height: 1.3; }
.ui-dialog .ui-dialog-titlebar-close {
	position: relative; flex: none; display: block; margin-left: auto;
	width: calc(var(--app-em)*1.375); height: calc(var(--app-em)*1.375); min-height: 0;
	padding: 0; margin: 0; border: 0; border-radius: var(--r-xs);
	background: transparent; color: var(--muted);
	font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden; cursor: pointer;
	transition: color .18s ease;
}
.ui-dialog .ui-dialog-titlebar-close:hover { background: transparent; color: var(--negative); }
.ui-dialog .ui-dialog-titlebar-close span, .ui-dialog .ui-dialog-titlebar-close .ui-icon { display: none; }
.ui-dialog .ui-dialog-titlebar-close::before { content: "\00d7"; position: absolute; inset: 0; display: grid; place-items: center; font-size: calc(var(--app-em)*1.375); line-height: 1; text-indent: 0; }
.ui-dialog-content { padding: var(--sp-4); font-size: var(--fs-sm); line-height: 1.6; max-height: 70vh; overflow: auto; }
.ui-dialog-content h2 { margin-bottom: var(--sp-3); font-size: var(--fs-h4); }
.ui-dialog label { color: var(--muted); font-size: var(--fs-meta); font-weight: 500; }
.ui-dialog textarea { min-height: calc(var(--app-em)*7.5); }
.ui-dialog :is(input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"],
	input[type="tel"], input[type="number"], input[type="date"], input[type="datetime-local"], input[type="time"],
	input[type="color"], select, textarea, .form-control, .quick-edit-text, .quick-edit-textarea, .quick-edit-select,
	.quick-edit-datetime, .timezoneselect, .twofactorselect, .categoryselect, .textin) {
	min-height: auto; padding: calc(var(--app-em)*0.4) calc(var(--app-em)*0.7);
}
.ui-dialog select:not([multiple]) { padding-right: calc(var(--app-em)*2.25); }
.ui-dialog .ui-dialog-buttonpane { padding: var(--sp-3) var(--sp-4); border-top: var(--hair) solid var(--line); background: var(--surface-soft); }
.ui-dialog-buttonset { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: var(--sp-2); }
.ui-dialog-buttonset button { background: var(--accent-strong); color: var(--accent-ink); }
.ui-dialog-buttonset button:hover { background: var(--accent); color: var(--accent-ink); }
.ui-dialog-buttonset button:first-child:not(:only-child) { background: var(--surface); color: var(--text); box-shadow: inset 0 0 0 var(--hair) var(--line); }
.ui-dialog-buttonset button:first-child:not(:only-child):hover { background: var(--accent-soft); color: var(--accent-strong); }
.ui-dialog-buttonset button.ui-button-delete, .dle-popup-userprofileadmin .ui-button-delete { background: var(--negative-soft); color: var(--negative); }
.ui-dialog-buttonset button.ui-button-delete:hover { background: var(--negative); color: var(--surface); }
.dle-popup-userprofileadmin .ui-dialog-buttonset { float: none; width: 100%; align-items: center; }
.dle-popup-userprofileadmin .ui-dialog-buttonset button { box-shadow: none; }
.dle-popup-userprofileadmin .ui-dialog-buttonset button.ui-button-delete {
	order: -1; margin-inline-end: auto; background: var(--negative-soft); color: var(--negative); box-shadow: none;
}
.dle-popup-userprofileadmin .ui-dialog-buttonset button.ui-button-delete:hover { background: var(--negative); color: var(--surface); }
.dle-popup-userprofileadmin .ui-dialog-buttonset button:nth-child(2) {
	background: var(--surface); color: var(--text); box-shadow: inset 0 0 0 var(--hair) var(--line);
}
.dle-popup-userprofileadmin .ui-dialog-buttonset button:nth-child(2):hover { background: var(--accent-soft); color: var(--accent-strong); }
.dle-popup-userprofileadmin .ui-dialog-buttonset button:last-child { background: var(--accent-strong); color: var(--accent-ink); }
.dle-popup-userprofileadmin .ui-dialog-buttonset button:last-child:hover { background: var(--accent); color: var(--accent-ink); }
.dle-popup-userprofile .ui-dialog-buttonset button:nth-child(2):not(:last-child) {
	background: var(--positive-soft); color: var(--positive);
}
.dle-popup-userprofile .ui-dialog-buttonset button:nth-child(2):not(:last-child):hover {
	background: var(--positive); color: var(--surface);
}
.ui-button-icon-only { padding: 0; width: var(--sp-8); }
.ui-helper-hidden-accessible { position: absolute; width: var(--hair); height: var(--hair); overflow: hidden; clip-path: inset(50%); }
.ui-helper-clearfix::after { content: ""; display: block; clear: both; }
.ui-dialog-titlebar.ui-helper-clearfix::after { content: none; }
.ui-state-error { border-color: var(--negative) !important; }
.loginbox.ui-dialog .ui-dialog-content { padding: var(--sp-6); }

.ui-autocomplete, .ui-menu, #dropmenudiv {
	position: absolute; z-index: 1020; margin: 0; padding: var(--sp-2); list-style: none;
	border: var(--hair) solid var(--line); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--shadow-soft);
	font-size: var(--fs-ui); max-height: calc(var(--app-em)*20); overflow: auto;
}
.ui-menu .ui-menu-item, #dropmenudiv a { display: block; padding: var(--sp-2) var(--sp-3); border-radius: var(--r-sm); color: var(--text); cursor: pointer; }
.ui-menu .ui-menu-item:hover, .ui-menu .ui-menu-item.ui-state-active, #dropmenudiv a:hover { background: var(--accent-soft); color: var(--accent-strong); }
.ui-menu .ui-menu { position: static; box-shadow: none; padding: 0; }

.DLEPush {
	position: fixed; z-index: 1100; right: var(--sp-5); top: var(--sp-5);
	width: max-content;
	min-width: min(calc(var(--app-em)*17), calc(100vw - var(--sp-6)));
	max-width: min(calc(var(--app-em)*34), calc(100vw - var(--sp-6)));
}
.DLEPush-notification.wrapper {
	position: relative; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: stretch;
	width: 100%; margin-bottom: var(--sp-3); overflow: hidden;
	border-radius: var(--r-lg); background: var(--surface); color: var(--text);
	box-shadow: var(--shadow-modal); font-size: var(--fs-sm);
	animation: air-push .8s cubic-bezier(.22,1,.36,1);
}
@keyframes air-push { from { transform: translateY(100%); opacity: 0; } to { transform:  translateY(0%); opacity: 1; } }
.DLEPush-notification .DLEPush-icon {
	grid-column: 1; grid-row: 1 / span 2;
	display: flex; align-items: center; justify-content: center;
	width: calc(var(--app-em)*3.25); height: 100%; padding: var(--sp-3);
	background: var(--accent-strong); color: var(--accent-ink);
}
.DLEPush-notification .DLEPush-icon svg { width: calc(var(--app-em)*1.5); height: calc(var(--app-em)*1.5); }
.DLEPush-notification .DLEPush-header { grid-column: 2; grid-row: 1; margin: var(--sp-3) calc(var(--app-em)*2.5) 0 var(--sp-4); font-size: var(--fs-ui); font-weight: 600; }
.DLEPush-notification .DLEPush-header:empty { margin: 0; }
.DLEPush-notification .DLEPush-message { grid-column: 2; grid-row: 2; margin: var(--sp-2) var(--sp-4) var(--sp-3) var(--sp-4); overflow-wrap: anywhere; }
.DLEPush-notification :is(.DLEPush-header, .DLEPush-message) a { color: var(--accent-strong); font-weight: 600; text-decoration: underline; text-decoration-thickness: var(--hair); text-underline-offset: calc(var(--app-em)*0.1875); }
.DLEPush-notification :is(.DLEPush-header, .DLEPush-message) a:hover { color: var(--text); }
.DLEPush-notification .DLEPush-header:empty + .DLEPush-message { margin-top: var(--sp-3); margin-right: calc(var(--app-em)*2.5); }
.DLEPush-notification .DLEPush-message ul { margin: var(--sp-2) 0 0; padding: 0; list-style: none; }
.DLEPush-notification .DLEPush-message li { margin-bottom: var(--sp-1); }
.DLEPush-notification .DLEPush-close {
	position: absolute; top: var(--sp-2); right: var(--sp-2); z-index: 2;
	display: grid; place-items: center; width: calc(var(--app-em)*1.75); height: calc(var(--app-em)*1.75);
	padding: 0; border: 0; border-radius: var(--r-sm); background: transparent;
	color: var(--muted); font-size: var(--fs-h4); line-height: 1; cursor: pointer; opacity: .75;
}
.DLEPush-notification .DLEPush-close:hover { opacity: 1; background: var(--surface-soft); color: var(--negative); }
.DLEPush-notification.wrapper.push-success { background: var(--positive-soft); }
.DLEPush-notification.wrapper.push-success .DLEPush-icon { background: var(--positive); color: #fff; }
.DLEPush-notification.wrapper.push-warning { background: var(--warn-soft); }
.DLEPush-notification.wrapper.push-warning .DLEPush-icon { background: var(--warn); color: #fff; }
.DLEPush-notification.wrapper.push-error { background: var(--negative-soft); }
.DLEPush-notification.wrapper.push-error .DLEPush-icon { background: var(--negative); color: #fff; }
@media (max-width: 47.5em) { .DLEPush { right: var(--sp-3); left: var(--sp-3); top: var(--sp-3); width: auto; min-width: 0; max-width: none; } }

/* ── CAPTCHA ──────────────────────────────────────────── */
.c-captcha, .dle-captcha { --captcha-height: 80px; display: flex; align-items: center; flex-wrap: wrap; gap: var(--sp-3); }
.c-captcha img, .dle-captcha img { width: auto; height: var(--captcha-height); border-radius: var(--r-sm); background: var(--surface-soft); }
.c-captcha > input, .dle-captcha > input { flex: 0 1 17ch; width: 17ch; min-width: 0; max-width: 100%; height: var(--captcha-height); min-height: var(--captcha-height); }
.c-captcha > a, .dle-captcha > a { display: inline-flex; align-items: center; color: var(--accent-strong); font-size: var(--fs-meta); }
.smart-captcha { max-width: 100%; }
.sec-code { display: grid; gap: var(--sp-2); }

.qq-uploader { display: grid; gap: var(--sp-3); justify-items: start; }
.qq-uploader .qq-upload-drop-area { justify-self: stretch; }
.qq-upload-button { display: inline-flex; align-items: center; justify-content: center; min-height: var(--control-h); padding: 0 calc(var(--app-em)*1.125); border-radius: var(--r-lg); background: var(--accent-soft); color: var(--accent-strong); font-size: var(--fs-ui); font-weight: 600; letter-spacing: .02em; cursor: pointer; }
.qq-upload-button:hover { background: var(--accent); color: var(--accent-ink); }
.qq-upload-drop-area { display: grid; place-items: center; min-height: calc(var(--app-em)*7.5); border: var(--hair) dashed var(--line); border-radius: var(--r-lg); background: var(--surface-soft); color: var(--muted); font-size: var(--fs-sm); text-align: center; }
.qq-upload-drop-area-active { border-color: var(--accent); background: var(--accent-soft); color: var(--accent-strong); }
.qq-upload-file, .qq-upload-size, .qq-upload-file-status, .qq-status { color: var(--muted); font-size: var(--fs-meta); }
.qq-upload-spinner { display: inline-block; width: var(--sp-4); height: var(--sp-4); border: calc(var(--app-em)*0.125) solid var(--accent-soft); border-top-color: var(--accent-strong); border-radius: 50%; animation: dle-spin .8s linear infinite; }
.file-box { display: grid; gap: var(--sp-1); width: 95%; max-width: calc(var(--app-em)*27.3125); margin-top: var(--sp-2); padding: var(--sp-2); border: var(--hair) solid var(--accent); border-radius: var(--r-sm); background: var(--accent-soft); color: var(--text); font-size: var(--font-size-xs); }
.file-box .qq-upload-file-status { color: var(--accent-strong); font-size: var(--font-size-xs); font-weight: 600; }
.file-box .qq-upload-file { margin: 0; color: var(--text); font-size: var(--font-size-xs); overflow-wrap: anywhere; }
.file-box .qq-status { display: inline-flex; align-items: center; gap: var(--sp-1); font-size: var(--font-size-xs); }
.file-box .qq-upload-size { font-size: var(--font-size-xs); }
.file-box .qq-upload-spinner { width: var(--sp-3); height: var(--sp-3); border-width: var(--hair); }
.file-box .progress { height: calc(var(--app-em)*0.625); margin: 0; }
.file-footer-caption, .file-size-info, .file-caption-info { color: var(--muted); font-size: var(--font-size-sm); overflow-wrap: anywhere; }
.file-delete, .file-delete-link { color: var(--negative); cursor: pointer; }
.upload-options, .upload-restriction { color: var(--muted); font-size: var(--fs-meta); }
.uploadedfile { display: flex; align-items: center; gap: var(--sp-2); }
.plupload_filelist_footer, .plupload_container { border-radius: var(--r-md); }
.add-dynamic-item, .remove-dynamic-item { cursor: pointer; }
.dynamic-field-wrapper, .dynamic-field-items, .dynamic-field-item { min-width: 0; }
.dynamic-field-items { display: grid; gap: var(--sp-2); }
.dynamic-field-item { margin-bottom: 0 !important; }
.dynamic-field-wrapper :is(.quick-edit-text, .quick-edit-textarea, .quick-edit-select, .quick-edit-datetime) { margin-bottom: 0; }
.dynamic-field-wrapper:is([data-type="text"], [data-type="datetime"], [data-type="select"], [data-type="yesorno"]) .dynamic-field-item { display: flex; align-items: center; width: 100%; }
.dynamic-field-wrapper:is([data-type="text"], [data-type="datetime"], [data-type="select"]) .dynamic-field-item > input:not([type="hidden"]),
.dynamic-field-wrapper[data-type="select"] .dynamic-field-item > select,
.dynamic-field-wrapper[data-type="select"] .dynamic-field-item > .bootstrap-select,
.dynamic-field-wrapper[data-type="select"] .dynamic-field-item > .chosen-container { flex: 1 1 auto; width: auto !important; min-width: 0; max-width: none; }
.dynamic-field-wrapper[data-type="yesorno"] .dynamic-field-item > .form-check-label { flex: 0 0 auto; min-height: var(--control-h); }
.dynamic-field-wrapper:is([data-type="textarea"], [data-type="htmljs"]) { margin-bottom: var(--sp-4); }
.dynamic-field-wrapper:is([data-type="textarea"], [data-type="htmljs"]) .dynamic-field-item { display: flex; flex-direction: column; align-items: stretch; gap: var(--sp-2); }
.dynamic-field-wrapper:is([data-type="textarea"], [data-type="htmljs"]) .dynamic-field-item > .xfieldsrow { width: 100%; margin-bottom: 0; }
.dynamic-field-wrapper:is([data-type="textarea"], [data-type="htmljs"]) .dynamic-field-item > .xfieldsrow > textarea,
.dynamic-field-wrapper:is([data-type="textarea"], [data-type="htmljs"]) .dynamic-field-item > .xfieldsrow > .wseditor { display: block; width: 100%; }
.dynamic-field-wrapper:is([data-type="textarea"], [data-type="htmljs"]) .dynamic-buttons-row { margin: 0; }
.dynamic-field-wrapper:is([data-type="textarea"], [data-type="htmljs"]) .dynamic-buttons-row .add-dynamic-item,
.dynamic-field-wrapper:is([data-type="textarea"], [data-type="htmljs"]) .dynamic-buttons-row .remove-dynamic-item { margin-top: 0 !important; }
.addnews-form :is(.xf_textarea, .xf_htmljs) > :is(textarea, .wseditor) { margin-top: var(--sp-2); }
.addnews-form .xf_htmljs > textarea { min-height: calc(10.15em + var(--app-em) + var(--hair) + var(--hair)); }
.dynamic-field-item .qq-uploader { display: flex; flex-wrap: wrap; align-items: center; column-gap: 0; row-gap: var(--sp-1); position: relative; width: 100%; }
.dynamic-field-item .qq-uploader > [id^="uploadedfile_"] { flex: 0 0 100%; }
.dynamic-field-wrapper[data-type="file"] .qq-uploader > div { display: flex; flex-wrap: wrap; align-items: center; }
.btn.add-dynamic-item, .btn.remove-dynamic-item { background: var(--surface-soft); text-shadow: none; box-shadow: none; }
.btn.add-dynamic-item { color: var(--text); }
.btn.remove-dynamic-item { color: var(--negative); }
.btn.add-dynamic-item:hover { background: var(--accent-soft); color: var(--accent-strong); }
.btn.remove-dynamic-item:hover { background: var(--negative-soft); color: var(--negative); }
.dynamic-buttons-row { display: flex; flex-wrap: wrap; align-items: center; }
.xf-file-wrapper { display: flex; align-items: center; gap: var(--sp-2); width: 100%; }
.xf-file-wrapper input[type="text"] { flex: 1; width: auto; min-width: 0; }
.ui-dialog .qq-upload-button .ui-dialog .bbcodes, .ui-dialog .btn, .ui-dialog .ui-button, .ui-dialog .dlevotebutton {font-weight: 500; letter-spacing: .015em; min-height: auto; padding: calc(var(--app-em) * .6) calc(var(--app-em) * .9);}

table.xfields, .xfields_table { width: 100%; border-collapse: collapse; }
.xfields_table td { padding: var(--sp-2) 0; vertical-align: top; }
.xfieldsrow { margin-bottom: var(--sp-4); color: var(--muted); font-size: var(--fs-meta); font-weight: 600; }
.xfieldsrow:has(> .xfieldscolleft):has(> .xfieldscolright) { display: grid; grid-template-columns: minmax(calc(var(--app-em)*8), calc(var(--app-em)*12)) minmax(0,1fr); gap: var(--sp-3); align-items: center; }
.xfieldscolright { min-width: 0; }
.xfieldsdescr, .xfieldsnote { color: var(--muted); font-size: var(--fs-meta); }
.xfieldsnote { margin-top: var(--sp-1); }
.xfields input[type="text"], .xfields textarea, .xprofile textarea { width: 100%; }
.user_fields .xfieldscolright { min-width: 0; }
.user_fields .form-check-input { margin-right: var(--sp-2); }
@media (max-width: 47.5em) { .xfieldsrow:has(> .xfieldscolleft):has(> .xfieldscolright) { grid-template-columns: 1fr; } }

table.pm, .pm { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: var(--fs-sm); }
.pm th, .pm td.pm_head, .pm th.pm_head { padding: var(--sp-3); border-bottom: var(--hair) solid var(--line); color: var(--muted); font-size: var(--fs-meta); font-weight: 600; text-align: left; }
.pm td.pm_list { padding: var(--sp-3); border-bottom: var(--hair) solid var(--line); cursor: pointer; vertical-align: top; }
.pm tbody > tr:hover { background: var(--surface-soft); }
.pm td.pm_list.pm_icon, th.pm_head.pm_icon { width: calc(var(--app-em)*2.5); text-align: center; }
.pm_list.pm_icon svg { width: var(--sp-6); height: var(--sp-6); margin: auto; color: var(--muted); }
.pm_list.pm_icon.pm-unread-image svg { color: var(--accent-strong); }
.pm_list.pm_icon.pm-read-image svg { opacity: .5; }
.pm_list.pm_icon.pm-reply-image svg { color: var(--positive); }
.pm_list .pm_subj, .pm_list.pm_subj { font-weight: 600; }
.pm_list .pm_last_message { margin-top: var(--sp-1); color: var(--muted); font-size: var(--fs-meta); }
.pm_list .pm_with_user, .pm_list .pm_last_date, .pm_list.pm_last_user { color: var(--muted); font-size: var(--fs-meta); }
.pm th.pm_last_user, .pm td.pm_last_user { width: calc(var(--app-em)*12.5); }
.pm td.pm_last_user { vertical-align: middle; }
.pm_list .pm_last_date { margin-top: var(--sp-1); white-space: nowrap; }
.pm th.pm_checkbox, .pm .pm_checkbox { width: calc(var(--app-em)*3); padding-inline: var(--sp-2); text-align: center; vertical-align: middle; }
.pm td.pm_list.pm_checkbox { padding-inline: var(--sp-2); vertical-align: middle; }
.pm .pm_checkbox .form-check-label { display: grid; place-items: center; width: 100%; min-height: var(--control-h); }
.pm_navigation { width: 100%; margin-top: var(--sp-4); }
.pm_navigation td { padding: 0; vertical-align: middle; }
.pm_navigation td:last-child { white-space: nowrap; }
.pm_navigation .navigation { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.pm_navigation .navigation a, .pm_navigation .navigation span { display: inline-grid; place-items: center; min-width: calc(var(--app-em)*2.25); height: calc(var(--app-em)*2.25); padding: 0 var(--sp-2); border-radius: var(--r-sm); background: var(--surface-soft); color: var(--muted); font-size: var(--fs-meta); }
.pm_navigation .navigation a:hover { background: var(--accent-soft); color: var(--accent-strong); }
.pm-no-messages { color: var(--muted); font-size: var(--fs-sm); text-align: center; }
#pmlist_doaction { max-width: calc(var(--app-em)*14); margin-inline-end: var(--sp-2); }
.pm_progress_bar { display: block; height: calc(var(--app-em)*0.75); border-radius: var(--r-pill); background: var(--surface-sunk); overflow: hidden; }
.pm_progress_bar > span { display: block; height: 100%; border-radius: inherit; background: var(--accent); color: transparent; font-size: 0; overflow: hidden; }
table.userstop { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.userstop thead td { padding: var(--sp-3); border-bottom: var(--hair) solid var(--line); color: var(--muted); font-size: var(--fs-meta); font-weight: 600; white-space: nowrap; }
.userstop td { padding: var(--sp-3); border-bottom: var(--hair) solid var(--line); }
.userstop a { color: var(--accent-strong); }
.ignore-list-item, .social-list-item { display: flex; align-items: center; gap: var(--sp-2); padding: var(--sp-2) 0; border-bottom: var(--hair) solid var(--line); font-size: var(--fs-sm); }
.self_delete_link { color: var(--negative); cursor: pointer; }
.table, .table-responsive { width: 100%; }
.table-responsive { overflow-x: auto; }
.table-striped tbody tr:nth-child(odd) { background: var(--surface-soft); }
.table-hover tbody tr:hover { background: var(--accent-soft); }

.emoji_box { display: grid; gap: var(--sp-2); padding: var(--sp-3); border-radius: var(--r-lg); background: var(--surface); box-shadow: var(--shadow); }
.emoji_category { color: var(--muted); font-size: var(--fs-meta); font-weight: 600; }
.emoji_list { display: flex; flex-wrap: wrap; gap: var(--sp-1); }
.emoji_symbol a { display: grid; place-items: center; width: var(--sp-8); height: var(--sp-8); border-radius: var(--r-sm); }
.emoji_symbol a:hover { background: var(--accent-soft); }

.mass_comments_action {
	display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--sp-3);
	margin: var(--sp-4) 0; padding: var(--sp-3) var(--sp-4);
	border-radius: var(--r-lg); background: var(--surface-soft);
	color: var(--muted); font-size: var(--fs-meta);
}
.mass_comments_action label { font-weight: 600; }
.mass_comments_action select { width: auto; min-width: calc(var(--app-em)*12); flex: 0 1 auto; }
.mass_comments_action .bbcodes { min-height: calc(var(--app-em)*2.5); background: var(--surface); }

.plupload_container { padding: 0; background: transparent; }
.plupload, .plupload_container .plupload { border: var(--hair) solid var(--line); border-radius: var(--r-lg); background: var(--surface-soft); color: var(--text); }
.plupload_header, .plupload_header_content { background: var(--surface-soft); color: var(--text); }
.plupload_header_title, .plupload_header_text { color: var(--text); }
.plupload_filelist_footer { display: flex; align-items: center; flex-wrap: wrap; gap: var(--sp-2); padding: var(--sp-2) var(--sp-3); border-radius: 0 0 var(--r-md) var(--r-md); }
.plupload_filelist_footer .plupload_file_size, .plupload_filelist_footer .plupload_file_status { padding: 0; }
.plupload_buttons { float: none; display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.plupload_upload_status { float: none; margin-left: auto; padding: 0; }
.plupload_filelist, .plupload_filelist_content, .plupload_content { color: var(--text); }
.plupload_file { border-color: var(--line); background: var(--surface); color: var(--text); }
.plupload_file_name, .plupload_file_size, .plupload_file_status, .plupload_file_percent { color: var(--muted); }
.plupload_droptext { color: var(--muted); background: transparent; }
.plupload_droptext::before { color: var(--line); margin-top: calc(var(--app-em)*-2.4); }
.comments-image-uploader .plupload_wrapper { background: var(--surface-soft); border-color: var(--line); border-radius: var(--r-md); }
.plupload_button.ui-button, .plupload_button.plupload_add, .plupload_button.plupload_add:hover, .plupload_button.plupload_start, .plupload_button.plupload_start:hover {
	display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2);
	min-height: calc(var(--app-em)*2.25); padding: 0 var(--sp-4); border: 0; border-radius: var(--r-md);
	background: var(--accent-soft); color: var(--accent-strong);
	font-weight: 600; text-shadow: none; box-shadow: none; cursor: pointer;
}
.plupload_button.ui-button:hover, .plupload_button.plupload_add:hover, .plupload_button.plupload_start:hover { background: var(--accent); color: var(--accent-ink); }
.plupload_progress_container, .plupload_view_thumbs div.plupload_file_status { background: var(--surface-sunk); box-shadow: none; }
.plupload_progress_container .ui-progressbar-value { background: var(--accent); background-image: none; border-color: var(--accent); }
.plupload_view_thumbs .plupload_file { border-color: var(--line); background: var(--surface); box-shadow: var(--shadow-tiny); border-radius: var(--r-sm); }
.plupload_view_thumbs .plupload_file_fields { background: var(--surface-soft); border-color: var(--line); }
.plupload_view_thumbs .plupload_file_dummy { color: var(--muted); }
.plupload_disabled, .plupload_button.plupload_disabled { opacity: .55; }
.plupload_file_progress, .plupload_progress_bar { background: var(--accent); }
.plupload_delete a, .plupload_done a, .plupload_failed a { color: var(--muted); }
.plupload_message { border-radius: var(--r-md); background: var(--warn-soft); color: var(--warn); }
#comments-image-uploader-edit .plupload_filelist { margin-bottom: 0; }
#comments-image-uploader-edit .plupload_filelist th,
#comments-image-uploader-edit .plupload_filelist td { border: 0; }
#comments-image-uploader-edit .plupload_button { border: 0; text-decoration: none; }
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_wrapper { background: var(--surface-soft); border-color: var(--line); }
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_droptext,
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_droptext::before,
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_file_name,
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_file_size,
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_file_status,
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_file_percent,
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_file_dummy { color: var(--muted); }
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_view_list .plupload_file,
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_view_thumbs .plupload_file { border-color: var(--line); background: var(--surface); box-shadow: var(--shadow-tiny); }
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_view_thumbs .plupload_file_fields { border-color: var(--line); background: var(--surface-soft); }
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_view_thumbs div.plupload_file_name,
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_file_rename { border-color: var(--line); }
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_progress_container,
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_view_list div.plupload_file_status,
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_view_thumbs div.plupload_file_status { background: var(--surface-sunk); box-shadow: none; }
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_progress_container .ui-progressbar-value,
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_file_progress { border-color: var(--accent); background: var(--accent); background-image: none; }
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_message { background: var(--warn-soft); color: var(--warn); box-shadow: none; }
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_message.ui-state-error { border-color: var(--negative) !important; background: var(--negative-soft); color: var(--negative); }
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_message.ui-state-highlight { border-color: var(--warn) !important; background: var(--warn-soft); color: var(--warn); }
:is(:root[data-theme="dark"], body.dle_theme_dark) .comments-image-uploader .plupload_message_close::before { color: var(--muted); }

[class^="dle_b_"], [class*=" dle_b_"] { display: block; }

.ui-dialog-content fieldset { margin: 0 0 var(--sp-5); padding: var(--sp-4); border: var(--hair) solid var(--line); border-radius: var(--r-md); }
.ui-dialog-content fieldset:last-child { margin-bottom: 0; }
.ui-dialog-content legend { padding: 0 var(--sp-2); color: var(--text); font-size: var(--fs-ui); font-weight: 600; }
.ui-dialog-content form { margin: 0; }
.ui-dialog-content table { width: 100%; border-collapse: collapse; }
.ui-dialog-content table td { padding: var(--sp-1) 0 var(--sp-2); vertical-align: top; }
.ui-dialog-content table td:first-child { padding-right: var(--sp-3); }
#dlevotespopupcontent { display: grid; gap: var(--sp-4); }
#dlevotespopupcontent .voteprogress { margin: var(--sp-1) 0 0; }
#dlevotespopupcontent span[style*="red"] { color: var(--negative) !important; font-size: var(--fs-meta); }
.dlevotebutton { margin-top: var(--sp-3); }

.plupload_wrapper .plupload_button.ui-button,
.plupload_wrapper .plupload_button.plupload_add,
.plupload_wrapper .plupload_button.plupload_add:hover,
.plupload_wrapper .plupload_button.plupload_start,
.plupload_wrapper .plupload_button.plupload_start:hover {
	display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2);
	min-height: calc(var(--app-em)*2.25); height: auto; padding: calc(var(--app-em)*0.25) var(--sp-4);
	line-height: 1.2; vertical-align: middle;
	background: var(--accent-soft); border-color: transparent; color: var(--accent-strong);
	border-radius: var(--r-md); text-shadow: none; box-shadow: none;
}
.plupload_wrapper .plupload_button.plupload_start,
.plupload_wrapper .plupload_button.plupload_start:hover { background: var(--accent-strong); color: var(--accent-ink); }
.plupload_wrapper .plupload_button .ui-icon,
.plupload_wrapper .plupload_button .ui-button-icon-primary.ui-icon {
	display: inline-flex; align-items: center; justify-content: center;
	width: auto; height: auto; margin: 0; line-height: 1; text-indent: 0; background: none;
}
.plupload_wrapper .plupload_button .ui-button-text { padding: 0; line-height: 1.2; }
.plupload_wrapper .plupload_button.plupload_add:hover { background: var(--accent); color: var(--accent-ink); }
.plupload_wrapper .plupload_button.plupload_start:hover { background: var(--accent); }

.ui-dialog.dle-popup-mediaupload .plupload_view_switch .ui-button {
	min-height: 0; padding: var(--sp-1); border-radius: var(--r-xs);
	background: transparent; color: var(--muted); box-shadow: none;
}
.ui-dialog.dle-popup-mediaupload .plupload_view_switch .ui-button:hover { background: var(--surface-soft); color: var(--accent-strong); }
.ui-dialog.dle-popup-mediaupload .plupload_view_switch .ui-button.ui-state-active { background: var(--accent-soft); color: var(--accent-strong); }
.ui-dialog.dle-popup-mediaupload .mediaupload-box { border-color: var(--line); border-radius: var(--r-md); background: var(--surface); box-shadow: none; }
.ui-dialog.dle-popup-mediaupload .tabs a { color: var(--muted); border-color: transparent; }
.ui-dialog.dle-popup-mediaupload .tabs a:hover { background: var(--surface-soft); border-color: transparent; color: var(--accent-strong); }
.ui-dialog.dle-popup-mediaupload .tabs a.current,
.ui-dialog.dle-popup-mediaupload .tabs a.current:hover {
	background: var(--surface); color: var(--accent-strong);
	border-color: var(--line); border-top-color: var(--accent); border-bottom-color: transparent;
}
.ui-dialog.dle-popup-mediaupload input[type="checkbox"],
.ui-dialog.dle-popup-mediaupload input[type="radio"] {
	width: calc(var(--app-em)*1.125); height: calc(var(--app-em)*1.125);
	margin: 0; vertical-align: middle;
}
.ui-dialog.dle-popup-mediaupload label { color: var(--text); }
.ui-dialog.dle-popup-mediaupload .checkbox, .ui-dialog.dle-popup-mediaupload .checkbox-inline { color: var(--text); }
.ui-dialog.dle-popup-mediaupload .form-check-label,
.ui-dialog.dle-popup-mediaupload .checkbox-inline,
.ui-dialog.dle-popup-mediaupload .radio-inline {
	display: inline-flex; align-items: center; gap: var(--sp-2);
}
.ui-dialog.dle-popup-mediaupload .mediaupload-insert-descr {
	flex: 0 0 12.93em; width: 12.93em; max-width: none; margin-inline-end: var(--sp-3);
}
.ui-dialog.dle-popup-mediaupload .mediaupload-thumbs-params > .checkbox-inline {
	display: inline-flex; align-items: center; min-width: 0;
}
@media (max-width: 47.5em) {
	.ui-dialog.dle-popup-mediaupload .mediaupload-thumbs-params {
		display: grid !important; grid-template-columns: 1fr; gap: var(--sp-2); white-space: normal;
	}
	.ui-dialog.dle-popup-mediaupload .mediaupload-thumbs-params > .radio-inline,
	.ui-dialog.dle-popup-mediaupload .mediaupload-thumbs-params > .checkbox-inline {
		width: fit-content; min-width: 0; margin: 0; white-space: normal;
	}
	.ui-dialog.dle-popup-mediaupload .mediaupload-file-params { flex-wrap: wrap; row-gap: var(--sp-2); }
	.ui-dialog.dle-popup-mediaupload .mediaupload-file-params > .mediaupload-insert-descr {
		flex-basis: 100%; width: 100%; margin-inline-end: 0;
	}
}
.ui-dialog.dle-popup-mediaupload .media-upload-button,
.ui-dialog.dle-popup-mediaupload .mediaupload-col3 button {
	background: var(--accent-strong); border-color: transparent; color: var(--accent-ink);
	border-radius: var(--r-md); text-shadow: none; box-shadow: none;
}
.ui-dialog.dle-popup-mediaupload .mediaupload-col3 button {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: auto; padding: calc(var(--app-em)*0.4) calc(var(--app-em)*1.125);
	font-size: var(--fs-ui); line-height: 1.45;
}
.ui-dialog.dle-popup-mediaupload .media-upload-button:hover,
.ui-dialog.dle-popup-mediaupload .mediaupload-col3 button:hover { background: var(--accent); }
.ui-dialog.dle-popup-mediaupload .media-upload-drop-area { border-color: var(--line); border-radius: var(--r-md); }
.ui-dialog.dle-popup-mediaupload .media-upload-drop-area div { color: var(--muted); opacity: .8; }
.ui-dialog.dle-popup-mediaupload .mediaupload-insert-params { background: var(--surface-soft); border-color: var(--line); }
.ui-dialog.dle-popup-mediaupload .mediaupload-row {
	margin-top: 0; padding-block: var(--sp-1); border-color: var(--line);
}
.ui-dialog.dle-popup-mediaupload #upload-viaurl-status,
.ui-dialog.dle-popup-mediaupload #upload-viaftp-status { display: none; margin: 0; padding: 0; }
.ui-dialog.dle-popup-mediaupload #upload-viaurl-status:has(> span:not(:empty)),
.ui-dialog.dle-popup-mediaupload #upload-viaftp-status:has(> span:not(:empty)) {
	display: block; padding: var(--sp-1) var(--sp-3) 0;
}
.ui-dialog.dle-popup-mediaupload .upload-options { border-color: var(--line); }
.ui-dialog.dle-popup-mediaupload .upload-restriction { color: var(--muted); opacity: 1; }
.ui-dialog.dle-popup-mediaupload .mediaupload-file-box { background: var(--accent-soft); border-color: var(--accent); color: var(--text); border-radius: var(--r-md); box-shadow: none; }
.ui-dialog.dle-popup-mediaupload .mediaupload-file-success { background: var(--positive-soft); border-color: var(--positive); }
.ui-dialog.dle-popup-mediaupload .mediaupload-file-warning { background: var(--warn-soft); border-color: var(--warn); }
.ui-dialog.dle-popup-mediaupload .mediaupload-file-error { background: var(--negative-soft); border-color: var(--negative); }
.ui-dialog.dle-popup-mediaupload .mediaupload-progress { background: var(--surface-sunk); box-shadow: none; }
.ui-dialog.dle-popup-mediaupload .mediaupload-progress .mediaupload-progress-bar { background: var(--accent); background-image: none; border: 0; box-shadow: none; }
.ui-dialog.dle-popup-mediaupload .file-preview-card,
.ui-dialog.dle-popup-mediaupload .folder-preview-card { border-color: var(--line); background: var(--surface); box-shadow: var(--shadow-tiny); }
.ui-dialog.dle-popup-mediaupload .file-preview-card .file-footer,
.ui-dialog.dle-popup-mediaupload .file-preview-card .file-footer-caption,
.ui-dialog.dle-popup-mediaupload .folder-preview-card .file-footer-caption { border-color: var(--line); }
.ui-dialog.dle-popup-mediaupload .file-preview-card .file-footer-bottom { background: var(--surface-soft); border-color: transparent; }
.ui-dialog.dle-popup-mediaupload .file-preview-card .file-footer a { color: var(--muted); }
.ui-dialog.dle-popup-mediaupload .file-preview-card.active { border-color: var(--accent); }
.ui-dialog.dle-popup-mediaupload .file-preview-card.active .file-content {
	border-left-color: var(--accent); border-right-color: var(--accent); border-top-color: var(--accent);
}
.ui-dialog.dle-popup-mediaupload .file-preview-card.active .file-footer-caption {
	border-left-color: var(--accent); border-right-color: var(--accent);
}
.ui-dialog.dle-popup-mediaupload .file-preview-card.active .file-footer-bottom {
	border-left-color: var(--accent); border-right-color: var(--accent); border-bottom-color: var(--accent);
}
.ui-dialog.dle-popup-mediaupload .file-preview-card .active-ribbon span { background: var(--accent-strong); }
.ui-dialog.dle-popup-mediaupload .file-preview-card .file-size-info { color: var(--muted); }
.ui-dialog.dle-popup-mediaupload .file-preview-card .file-ext { background: var(--accent-strong); color: var(--accent-ink); }
.ui-dialog.dle-popup-mediaupload .file-preview-card .file-delete a { color: var(--negative); }

.ui-dialog.dle-popup-mediaupload .ui-dialog-buttonset { flex-wrap: wrap; align-items: center; }
.ui-dialog.dle-popup-mediaupload #mediaupload-delete {
	order: -1; margin-right: auto; float: none;
	background: var(--negative-soft); color: var(--negative); box-shadow: none;
}
.ui-dialog.dle-popup-mediaupload #mediaupload-delete:hover { background: var(--negative); color: #fff; }
.ui-dialog.dle-popup-mediaupload .ui-button.bg-teal,
.ui-dialog.dle-popup-mediaupload #mediaupload-insert { background: var(--accent-strong); color: var(--accent-ink); }
.ui-dialog.dle-popup-mediaupload .ui-button.bg-teal:hover,
.ui-dialog.dle-popup-mediaupload #mediaupload-insert:hover { background: var(--accent); color: var(--accent-ink); }
.bg-teal { background: var(--accent-strong); color: var(--accent-ink); }

.dlepopup, .dlepopupmessage, .dlereplypopup, .dleuserpopup, .dlepopup-news-edit { font-size: var(--fs-sm); }
.preview-box, .preview-fieldset { display: grid; gap: var(--sp-2); }
.preview-legend { color: var(--muted); font-size: var(--fs-meta); font-weight: 600; }

/* assets/style.css */
:root{--paper:#f6f7f3;--white:#fff;--ink:#202e2a;--muted:#66736b;--line:#dce3db;--green:#286b46;--wash:#e8efe4;--radius:20px;color-scheme:light;font-family:Arial,Helvetica,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}img{max-width:100%;height:auto;display:block}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #b15c12;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:clamp(2rem,4vw,3.6rem)}h2{font-size:clamp(1.5rem,2.4vw,2rem)}h3{font-size:1.08rem}p{margin-bottom:1em}.wrap{width:min(1320px,calc(100% - 64px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:12px}.skip:focus{top:12px}.muted{color:var(--muted)}.eyebrow{font-size:.73rem;letter-spacing:.15em;font-weight:bold;text-transform:uppercase;color:var(--green)}
.site-header{background:var(--white);border-bottom:1px solid var(--line)}.header-row{min-height:88px;display:flex;align-items:center;gap:40px}.logo{display:inline-flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;letter-spacing:-.065em;white-space:nowrap}.logo-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--green);color:#fff;font-size:16px;letter-spacing:0}.logo small{font-size:.65rem;letter-spacing:.14em;display:block;color:var(--muted);line-height:1.2}.primary-nav{display:flex;gap:26px;align-items:center;font-size:.9rem;font-weight:bold}.primary-nav a{padding:12px 0}.search{margin-left:auto;display:flex;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;max-width:300px}.search input{background:none;border:0;min-width:0;width:100%;padding:12px 14px;color:var(--ink)}.search button{background:none;border:0;width:48px;min-height:48px;font-size:23px}.menu-button{display:none}.button,.menu-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);border-radius:10px;min-height:48px;padding:11px 20px;background:#fff;font-weight:bold;font-size:.9rem}.button-primary{background:var(--green);color:#fff;border-color:var(--green)}.button-primary:hover{background:#195a36;color:#fff}.menu-button{display:none}.subnav{display:flex;gap:8px;padding:17px 0;overflow:auto;scrollbar-width:thin}.chip{flex-shrink:0;border:1px solid var(--line);background:var(--white);border-radius:999px;padding:8px 17px;font-size:.82rem;min-height:40px;display:inline-flex;align-items:center}.chip:hover,.chip.active{background:var(--green);border-color:var(--green);color:#fff}
.hero{display:grid;grid-template-columns:1.05fr .95fr;background:#e9eee3;border-radius:var(--radius);overflow:hidden;min-height:350px;margin:15px 0 38px;position:relative}.hero-copy{padding:44px 46px;position:relative;z-index:1}.hero h1{margin:16px 0 18px;max-width:620px}.hero p{color:#536250;max-width:450px;font-size:.95rem}.hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:25px}.hero-art{position:relative;min-height:320px;background:linear-gradient(145deg,#d9e1cd,#bdcdb8);overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-art:before,.hero-art:after{content:'';position:absolute;border:1px solid #fff8;border-radius:50%;width:450px;height:450px;top:38px;left:38px}.hero-art:after{width:330px;height:330px;top:98px;left:98px}.hero-word{position:absolute;right:25px;bottom:4px;color:#fff8;font-size:80px;font-weight:bold;letter-spacing:-.06em}.cover-stack{display:flex;align-items:center;gap:0;z-index:1;transform:rotate(-7deg)}.cover-stack img{width:170px;border-radius:10px;box-shadow:0 15px 32px #25372938}.cover-stack img+img{transform:rotate(14deg) translate(-20px,18px);width:185px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:0 0 24px}.section-head h2{margin:0 0 6px}.section-head p{margin:0;font-size:.85rem}.section-head>a{font-size:.85rem;font-weight:bold;white-space:nowrap}.catalog{margin-bottom:40px}.catalog{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 22px}.card{min-width:0}.poster{display:block;position:relative;overflow:hidden;border-radius:13px;background:var(--wash);aspect-ratio:2/3}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.poster:hover img{transform:scale(1.025)}.poster-fallback{width:100%;height:100%;display:grid;place-items:center;color:var(--green);font-size:3rem;background:linear-gradient(145deg,#dae5d4,#bccbb6)}.card h2{font-size:1rem;line-height:1.35;letter-spacing:-.015em;margin:12px 0 3px}.card-meta{font-size:.78rem;color:var(--muted)}.badge{position:absolute;left:10px;top:10px;border-radius:6px;background:#fffef7;box-shadow:0 2px 8px #0001;color:var(--ink);padding:4px 9px;font-size:.76rem;font-weight:bold}.badge-bottom{top:auto;bottom:10px;background:#23372ceb;color:#fff;font-size:.68rem;max-width:calc(100% - 20px)}.rating-star{color:#947018}.pagination{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;padding:26px 0;grid-column:1/-1}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:46px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:#fff}.pagination span{background:var(--green);color:white}.pagination a:hover{border-color:var(--green)}.pagination .nav-edge{background:none;border:none;padding:0;color:inherit}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:44px 0;padding:28px 0;gap:32px}.benefit{display:flex;gap:14px;font-size:.82rem;color:var(--muted)}.benefit-icon{font-size:1.4rem;color:var(--green)}.benefit strong{display:block;font-size:.95rem;color:var(--ink);margin-bottom:3px}.editorial{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;margin:42px 0 60px}.editorial p{color:var(--muted);font-size:.9rem}.site-footer{padding:30px 0;background:#edf0e8;border-top:1px solid var(--line)}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}.footer-links{display:flex;gap:25px;font-size:.85rem}.footer-note{font-size:.73rem;color:var(--muted);margin:22px 0 0}.breadcrumbs{font-size:.8rem;color:var(--muted);margin:20px 0}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.detail{display:grid;grid-template-columns:230px 1fr;gap:42px;margin:32px 0 40px}.detail-poster{border-radius:15px;overflow:hidden;aspect-ratio:2/3;background:var(--wash)}.detail-poster img{width:100%;height:100%;object-fit:cover}.detail h1{font-size:clamp(2rem,4vw,3rem);margin:10px 0 14px}.detail-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:.9rem;color:var(--muted);margin-bottom:20px}.facts{display:grid;grid-template-columns:110px 1fr;gap:7px 15px;font-size:.88rem;margin:20px 0}.facts dt{color:var(--muted)}.facts dd{margin:0}.rating-box{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;flex-wrap:wrap;margin:20px 0}.rating-value{font-size:1.5rem;font-weight:bold}.rating-caption{font-size:.75rem;display:block;color:var(--muted)}.vote-actions{display:flex;align-items:center;gap:12px}.vote-actions>a{display:inline-flex;justify-content:center;align-items:center;min-width:48px;min-height:48px;border:1px solid var(--line);border-radius:8px;padding:8px 12px}

.player-section{margin:35px 0}.player-shell{background:#182820;border-radius:18px;overflow:hidden;color:#fff}.player-stage{aspect-ratio:16/9;min-height:200px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 65% 35%,#334638,#16231c 75%)}.player-gate{text-align:center;padding:30px;max-width:600px}.play-icon{display:grid;place-items:center;width:68px;height:68px;background:#d5e9c0;color:#24482d;border-radius:50%;margin:0 auto 20px;font-size:25px}.player-gate h3{font-size:1.4rem}.player-gate p{font-size:.85rem;color:#c2cec5}.player-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.player-toolbar{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:16px 20px;flex-wrap:wrap;background:#21372a;font-size:.85rem}.player-toolbar button{background:#314c3a;color:#fff;border-color:#4b6252}.episodes{padding:20px;background:#fff;border:1px solid var(--line);border-top:none;border-radius:0 0 18px 18px}.episode-groups{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:9px}.episode-button{border:1px solid var(--line);border-radius:8px;background:var(--paper);min-height:48px;padding:10px;font-size:.85rem}.episode-button[aria-pressed=true]{background:var(--green);color:#fff}.player-message{font-size:.85rem;color:var(--muted);margin:14px 0 0}.content-columns{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:50px;margin:45px 0}.prose{overflow-wrap:anywhere}.prose p{line-height:1.8}.info-panel{padding:25px;border:1px solid var(--line);border-radius:14px;background:#fff;align-self:start;font-size:.85rem}.info-panel h2{font-size:1.2rem}.comment{padding:22px 0;border-bottom:1px solid var(--line)}.comment-head{display:flex;justify-content:space-between;gap:15px;font-size:.9rem}.comment-head time{font-size:.78rem;color:var(--muted)}.comment-body{margin:10px 0;overflow-wrap:anywhere}.comment-actions{display:flex;gap:16px;font-size:.8rem;color:var(--green)}.comment-form{background:#fff;border:1px solid var(--line);padding:26px;border-radius:15px;margin-top:28px}.comment-form label{display:block;font-size:.85rem;margin:12px 0 6px}.comment-form input:not([type=checkbox]),.comment-form textarea,.search-page input,.search-page select{max-width:100%;width:100%;border:1px solid #bccabc;border-radius:8px;padding:11px;background:var(--paper)}.comment-form textarea{min-height:130px}.comment-form .button{margin-top:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notice{padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff;grid-column:1/-1}.search-page{max-width:850px;margin:40px auto}.search-page table{max-width:100%;width:100%}.related{margin:30px 0}.related-items{display:flex;gap:20px;flex-wrap:wrap}.related-card{flex:1 1 180px;padding:20px;background:#fff;border-radius:12px;border:1px solid var(--line)}.offline{max-width:700px;margin:12vh auto;padding:32px}.demo-banner{padding:8px 24px;background:#eee5ca;color:#5c512f;text-align:center;font-size:12px}.demo-banner a{text-decoration:underline}.tv-toggle[aria-pressed=true]{background:var(--green);color:#fff}.tv-mode{font-size:20px}.tv-mode .wrap{max-width:1540px}.tv-mode a:focus,.tv-mode button:focus{outline:5px solid #cb791d;outline-offset:5px}.tv-mode .catalog{grid-template-columns:repeat(5,minmax(0,1fr))}.tv-mode .button,.tv-mode .chip{min-height:58px}.tv-mode .site-header{position:static}.ui-dialog{max-width:calc(100vw - 24px);background:#fff;padding:20px;border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 60px #0004}.ui-dialog-titlebar{font-weight:bold;display:flex;justify-content:space-between}.ui-widget-overlay{position:fixed;inset:0;background:#0007}.ui-dialog-titlebar-close{margin-left:auto}.ui-dialog-buttonset button{padding:10px;margin:10px;border:1px solid var(--line);border-radius:8px}.bbcodes{padding:10px;border:1px solid var(--line);border-radius:8px}.quote{padding:15px;border-left:3px solid var(--green);background:var(--wash)}[hidden]{display:none!important}
@media(min-width:1800px){.wrap{width:min(1540px,calc(100% - 120px))}body{font-size:18px}}
@media(max-width:1100px){.header-row{gap:22px}.primary-nav{gap:16px}.search{max-width:235px}.catalog{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-copy{padding:35px}.cover-stack img{width:135px}.cover-stack img+img{width:150px}.content-columns{gap:30px;grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.header-row{min-height:76px;gap:14px;flex-wrap:wrap;padding:16px 0}.logo{font-size:1.3rem}.menu-button{display:inline-flex;margin-left:auto;min-height:44px;padding:8px 13px}.primary-nav{width:100%;order:3;flex-wrap:wrap;gap:20px}.js .primary-nav{display:none}.js .primary-nav.open{display:flex}.search{order:4;max-width:none;width:100%;margin:0}.subnav{padding:13px 0}.hero{grid-template-columns:1fr;margin:10px 0 30px}.hero-copy{padding:28px}.hero h1{font-size:2.2rem}.hero-art{min-height:230px}.hero-art:before{left:50%;transform:translateX(-50%);top:0}.hero-art:after{left:50%;transform:translateX(-50%);top:60px}.cover-stack img{width:112px}.cover-stack img+img{width:124px}.hero-word{font-size:60px}.catalog,.tv-mode .catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 14px}.card h2{font-size:.9rem}.benefits{grid-template-columns:1fr;gap:22px}.editorial{grid-template-columns:1fr;gap:10px;margin:30px 0}.detail{grid-template-columns:135px 1fr;gap:20px;margin-top:24px}.detail h1{font-size:1.9rem}.detail-info .facts,.detail-info .rating-box,.detail-info .hero-actions{grid-column:1/-1}.detail-meta{gap:8px;font-size:.8rem}.detail-poster{align-self:start}.content-columns{display:block}.info-panel{margin:30px 0}.footer-links{flex-wrap:wrap;gap:15px}.player-toolbar{padding:14px}.player-toolbar .button{padding:8px 12px}.player-gate{padding:20px}.player-gate h3{font-size:1.1rem}.play-icon{width:52px;height:52px;margin-bottom:12px}.player-gate p{margin-bottom:12px}.episodes{padding:15px}.form-grid{grid-template-columns:1fr;gap:0}.comment-form{padding:18px}}
@media(max-width:480px){.catalog,.tv-mode .catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{align-items:start}.section-head>a{white-space:normal;text-align:right;font-size:.75rem}.detail{grid-template-columns:95px 1fr;gap:16px}.detail h1{font-size:1.65rem}.detail-info .facts{font-size:.8rem;grid-template-columns:80px 1fr}.detail-info{display:contents}.detail-info>h1,.detail-info>.eyebrow,.detail-info>.detail-meta{grid-column:2}.detail-poster{grid-row:1/4}.detail-info>.eyebrow{margin:0}.detail-info>h1{margin:0}.detail-info>.detail-meta{margin:0}.rating-box{gap:10px;padding:14px}.player-stage{aspect-ratio:auto;min-height:245px}.player-stage:has(iframe){aspect-ratio:16/9;min-height:0}.footer-note{line-height:1.7}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

:root{--surface:#fff;--surface-soft:#f6f7f3;--surface-sunk:#e8efe4;--text:#202e2a;--accent:#286b46;--accent-strong:#286b46;--accent-soft:#e8efe4;--star:#b38323;--star-off:#cdd4c7}
.rating{display:inline-block;width:auto;height:auto;background:none;overflow:visible}.unit-rating{width:220px;height:44px;mask-size:44px 44px;-webkit-mask-size:44px 44px}.vote-actions:focus-within{outline:3px solid #b15c12;outline-offset:6px;border-radius:6px}.unit-rating li a:focus{background:#b38323}.player-stage.has-frame{aspect-ratio:16/9;min-height:0}.search-page .form-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.search-page fieldset{border:1px solid var(--line);border-radius:12px;margin:15px 0;padding:20px}.search-page .form-row{margin:12px 0}.icon{width:20px;height:20px;fill:currentColor;vertical-align:middle}.prose .text{font-size:inherit}.catalog>#dle-content>.notice{grid-column:1/-1}.comments-tree-list{list-style:none;padding-left:0}.comments-tree-list .comments-tree-list{padding-left:20px}.thread__item{margin:15px 0}.panel{background:#fff;padding:24px;border:1px solid var(--line);border-radius:14px}.form-input,.form-control{max-width:100%}.primary-button,.soft-button{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:var(--wash);color:var(--ink)}.primary-button{background:var(--green);color:#fff}.story-text{overflow-wrap:anywhere}.category-scroll{display:flex;gap:8px;list-style:none;padding:0;margin:0}.category-scroll li{flex-shrink:0}.preview-only{font-size:12px;color:var(--muted)}

@media(max-width:760px){.hero-art{display:none}.hero-copy{padding:25px}.hero h1{font-size:2rem}.hero p{font-size:.88rem}.hero-actions{margin-top:18px}}

/* DLE can output cards directly, or wrap them for AJAX. Both layouts work. */
.catalog > #dle-content{display:contents}.catalog > .notice,.catalog > .pagination{grid-column:1/-1}

/* assets/player-tabs.css */
/* Sources stay above the video; episodes always stay below it. */
.player-tabs .player-shell{background:#192b21;border:1px solid #385441;border-radius:16px}
.player-tabs .player-stage{min-height:0;aspect-ratio:16/9;background:radial-gradient(ellipse at 50% 45%,#314736,#15251b 78%)}
.player-tabs .player-gate{max-width:600px;padding:22px}.player-tabs .player-gate h3{font-size:1.4rem;margin-bottom:8px}.player-tabs .player-gate p{margin-bottom:18px;font-size:.9rem}
.pt-sources,.pt-episodes{padding:8px;background:#1c3024}.pt-sources:empty{display:none}.pt-sources{border-bottom:1px solid #385441}.pt-episodes{border-top:1px solid #385441}
.pt-row{display:flex;align-items:center;gap:7px;min-width:0}.pt-row+.pt-row{margin-top:8px}
.pt-list{display:flex;gap:7px;flex:1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#769d70 #263d2d;padding:3px 2px 7px}
.pt-choice,.pt-arrow{border:1px solid #45634c;border-radius:7px;background:#2b4031;color:#eef4ed;min-height:46px;font-size:.86rem;font-weight:bold;padding:10px 17px;flex-shrink:0;white-space:nowrap}
.pt-choice[aria-pressed=true]{background:#d2e7be;color:#203922;border-color:#d2e7be;box-shadow:inset 0 -3px #7fac69}.pt-choice:hover{background:#436046}.pt-choice[aria-pressed=true]:hover{background:#e0f1d1}
.pt-arrow{width:40px;padding:0;font-size:30px;font-weight:normal}.pt-episode{min-width:100px}.pt-status{font-size:.85rem;color:var(--muted);margin:12px 0}.pt-status:empty{display:none}
.player-tabs .player-toolbar{padding:8px 16px;min-height:40px;background:#1c3024;font-size:.78rem}.player-tabs .stop-player{min-height:36px;padding:5px 12px;font-size:.75rem}
.player-tabs button:focus-visible{outline:3px solid #edb85c;outline-offset:-3px}.player-tabs .pt-choice:focus-visible{outline-offset:-4px}
@media(max-width:600px){.player-tabs .player-stage{min-height:225px}.player-tabs .player-stage.has-frame{min-height:0}.player-tabs .player-gate{padding:14px}.player-tabs .player-gate h3{font-size:1.15rem}.player-tabs .play-icon{width:48px;height:48px;margin-bottom:10px}.player-tabs .player-gate p{font-size:.8rem;margin-bottom:12px}.pt-sources,.pt-episodes{padding:6px}.pt-row{gap:4px}.pt-choice{padding:9px 12px;min-height:44px;font-size:.8rem}.pt-arrow{width:30px;min-height:44px}.pt-episode{min-width:85px}}
.tv-mode .pt-choice,.tv-mode .pt-arrow{min-height:58px;font-size:1rem}.tv-mode .pt-arrow{font-size:30px}

/* assets/refresh.css */
/* Compact layout; no user-agent detection or saved zoom modes. */
body,.tv-mode{font-size:16px}.wrap,.tv-mode .wrap{width:min(1200px,calc(100% - 40px))}.site-header{position:relative;z-index:5}.header-row{min-height:74px;gap:24px;padding:10px 0}.logo{font-size:1.4rem}.logo small{font-size:.55rem}.primary-nav,.js .primary-nav{display:flex;gap:20px;width:auto;order:0}.search{max-width:310px}.search input{padding:9px 12px}.search button{min-height:40px;font-size:21px}.button,.tv-mode .button{min-height:38px;padding:8px 14px;font-size:.85rem}
.genre-menu{position:relative;font-size:.85rem}.genre-menu summary{cursor:pointer;list-style:none;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;white-space:nowrap}.genre-menu summary::-webkit-details-marker{display:none}.genre-menu summary:focus-visible{outline:3px solid #b15c12;outline-offset:3px}.genre-dropdown{position:absolute;top:48px;right:0;width:min(660px,90vw);padding:16px;background:#fff;box-shadow:0 18px 50px #182b2426;border:1px solid var(--line);border-radius:14px;z-index:10}.genre-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.genre-grid a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:.82rem;min-height:40px}.genre-grid a>span:last-child{color:#859080}.genre-grid a:hover,.genre-grid a[aria-current=page]{background:var(--wash);border-color:#85a589}.genre-grid a.year-link{background:var(--green);color:#fff}.genre-grid a.year-link>span{color:inherit}.genre-dropdown{grid-template-columns:repeat(3,minmax(0,1fr))}
.home-intro{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:36px;padding:32px 0 25px}.home-intro h1{font-size:clamp(1.9rem,3.2vw,2.9rem);margin:10px 0 12px;line-height:1.07}.home-intro h1 span{color:var(--green)}.home-intro p{color:var(--muted);font-size:.9rem;max-width:660px;margin:0}.home-year{border-radius:17px;background:#e4ecdD;display:flex;flex-direction:column;gap:5px;padding:22px 24px;border:1px solid #d0dec8}.home-year strong{font-size:3.8rem;letter-spacing:-.07em;line-height:1.1;color:var(--green)}.home-year>span:first-child{font-size:.6rem;letter-spacing:.11em;font-weight:bold}.home-year>span:last-child{font-size:.8rem}.home-genres{margin:0 0 28px}.home-genres .section-head{align-items:center;margin-bottom:12px}.home-genres h2{font-size:1.12rem;margin:0}.home-genres .muted{font-size:.78rem}.section-head{margin-bottom:18px}.section-head h2{font-size:1.55rem}.catalog,.tv-mode .catalog{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 18px}.card h2{font-size:.95rem}.home-seo{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:1px solid var(--line);padding:28px 0;margin:35px 0 10px}.home-seo h2{font-size:1.35rem}.home-seo p{font-size:.87rem;color:var(--muted)}.home-seo a{text-decoration:underline;text-underline-offset:3px}.site-footer{padding:22px 0}.footer-note{margin-top:14px}
.detail{grid-template-columns:175px 1fr;gap:28px;margin:24px 0}.detail h1{font-size:clamp(1.7rem,3vw,2.45rem)}.facts{font-size:.83rem;gap:5px 14px;margin:14px 0}.rating-box{padding:10px 14px;margin:14px 0;gap:14px}.vote-actions>a{min-height:36px;min-width:42px;padding:5px 10px}.detail .hero-actions{margin-top:14px;gap:10px}.player-section{margin:25px 0}.serial-player{width:100%;max-width:920px;max-width:min(920px,calc((100svh - 185px)*1.77778));margin:0 auto}.player-tabs .player-stage{min-height:0;aspect-ratio:16/9}.player-tabs .player-gate{padding:16px;max-width:520px}.player-tabs .play-icon{width:46px;height:46px;font-size:19px;margin:0 auto 12px}.player-tabs .player-gate h3{font-size:1.13rem;margin-bottom:7px}.player-tabs .player-gate p{font-size:.8rem;margin-bottom:12px}.player-tabs .player-gate .button{min-height:36px;padding:7px 14px;font-size:.8rem}.pt-choice,.tv-mode .pt-choice{min-height:38px;font-size:.78rem;padding:7px 12px}.pt-arrow,.tv-mode .pt-arrow{min-height:38px;width:32px;font-size:25px}.pt-episode{min-width:85px}.pt-sources,.pt-episodes{padding:5px 6px}.pt-list{padding:2px 0 4px;gap:6px;scrollbar-width:thin}.pt-row{gap:5px}.player-tabs .player-toolbar{min-height:30px;padding:4px 12px;font-size:.72rem}.player-tabs .stop-player{min-height:30px;font-size:.72rem}.content-columns{margin:30px 0}.tv-mode a:focus,.tv-mode button:focus{outline-width:3px}
@media(max-width:1000px){.header-row{gap:16px}.genre-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.genre-dropdown{grid-template-columns:repeat(3,minmax(0,1fr));right:-160px}.catalog,.tv-mode .catalog{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.wrap,.tv-mode .wrap{width:calc(100% - 28px)}.header-row{padding:12px 0;gap:12px}.logo{font-size:1.2rem}.logo-mark{width:30px;height:30px}.primary-nav,.js .primary-nav{display:none}.genre-menu{margin-left:auto}.search{order:4;width:100%;max-width:none}.genre-dropdown{right:0;width:calc(100vw - 28px);grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;gap:6px}.genre-dropdown a{font-size:.73rem;padding:9px 7px}.home-intro{grid-template-columns:1fr;gap:0;padding:24px 0 20px}.home-intro h1{font-size:2rem}.home-intro p{font-size:.85rem}.home-year{display:none}.home-genres{margin-bottom:24px}.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.genre-grid a{padding:9px 8px;min-height:38px;font-size:.74rem}.genre-grid a>span:last-child{display:none}.genre-grid a>span:first-child{display:block}.home-genres .muted{display:none}.catalog,.tv-mode .catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}.home-seo{display:block;margin-top:25px;padding-top:22px}.home-seo h2{font-size:1.2rem}.detail{grid-template-columns:110px 1fr;gap:18px}.serial-player{max-width:100%}.pt-choice,.tv-mode .pt-choice{min-height:40px;padding:8px 11px;font-size:.75rem}.pt-arrow,.tv-mode .pt-arrow{min-height:40px;width:29px}.player-tabs .player-stage{min-height:0;aspect-ratio:16/9}.player-tabs .play-icon{width:34px;height:34px;margin-bottom:8px;font-size:15px}.player-tabs .player-gate h3{font-size:1rem}.player-tabs .player-gate p{font-size:.72rem;margin-bottom:8px}.player-tabs .player-gate .button{min-height:34px;padding:6px 12px;font-size:.75rem}.player-tabs .player-gate{padding:10px}.player-tabs .stop-player{min-height:32px}.footer-links{gap:13px;font-size:.78rem}}
@media(max-width:480px){.catalog,.tv-mode .catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.detail{grid-template-columns:85px 1fr;gap:14px}.detail h1{font-size:1.55rem}.section-head h2{font-size:1.35rem}.home-intro .eyebrow{font-size:.65rem}.facts{font-size:.79rem}.player-tabs .player-gate h3{display:none}.player-tabs .play-icon{margin-bottom:8px}.genre-grid a{font-size:.71rem}}
@media(max-height:500px) and (orientation:landscape){.serial-player{max-width:min(100%,calc((100svh - 130px)*1.77778))}.player-tabs .play-icon{display:none}.player-tabs .player-gate h3{display:none}}
.header-row{position:relative}.genre-menu{position:static}.genre-dropdown{top:calc(100% - 4px);right:0}
@media(max-width:760px){.genre-dropdown{width:100%}.genre-grid a>span:first-child{min-width:0;overflow-wrap:anywhere;hyphens:auto}}

/* assets/seo-player.css */
.player-gate button.play-icon{border:0;padding:0;cursor:pointer;font-family:inherit;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.player-gate button.play-icon:hover{filter:brightness(1.08)}.player-gate button.play-icon:focus-visible{outline:3px solid #fff;outline-offset:5px}.player-vpn-note{max-width:920px;margin:12px auto 0;padding:12px 16px;border:1px solid #dddcc5;border-radius:12px;background:#faf9ee;color:#555746;font-size:14px;line-height:1.55}.category-seo{margin:36px 0 40px;padding-top:24px;border-top:1px solid #dce3d9;max-width:920px}.category-seo h2{font-size:clamp(21px,2.6vw,28px);line-height:1.25;margin:0 0 16px}.category-seo p{font-size:16px;line-height:1.7;margin:0 0 14px;color:#49574e}.category-seo a{text-decoration:underline;text-underline-offset:3px}#discussion{margin-top:36px}@media(max-width:600px){.player-vpn-note{font-size:13px;padding:10px 12px}.category-seo{margin-top:24px}.category-seo p{font-size:15px}#discussion{margin-top:28px}}

/* assets/search-seo.css */
.search-page{max-width:900px;margin:28px auto 24px}.search-page h1{font-size:clamp(1.65rem,3vw,2.35rem)}.search-page .form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.search-page input[type=checkbox],.search-page input[type=radio]{width:auto}.search-result-msg{margin:18px 0 0;color:#536158}.search-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:22px;max-width:900px;margin:0 auto 16px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;align-items:start;overflow-wrap:anywhere}.search-card-poster{display:block;width:110px;aspect-ratio:2/3;overflow:hidden;border-radius:9px;background:var(--wash)}.search-card-poster img{display:block;width:100%;height:100%;object-fit:cover}.search-card-poster .poster-fallback{height:100%;min-height:0}.search-card h2{font-size:1.2rem;line-height:1.3;margin:3px 0 12px}.search-card-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.88rem;color:#536158;margin-bottom:18px}.search-card-link{font-size:.88rem;color:var(--green);text-decoration:underline;text-underline-offset:3px}.search-comment{max-width:900px;margin:0 auto 18px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px}.search-comment h2{font-size:1.2rem}.search-comment img{max-width:100%;height:auto}.category-heading h1{font-size:clamp(1.6rem,3vw,2.45rem);max-width:940px;line-height:1.2}.footer-note{color:#536158}.genre-grid a>span:last-child{color:#596851}.genre-grid a.year-link>span{color:inherit}.search-page .search-advanced{display:grid;gap:14px}.search-fieldset{min-width:0;border:1px solid var(--line);padding:16px;border-radius:10px}.search-page .form-row{margin:8px 0}.search-page select[multiple]{min-height:150px}@media(max-width:600px){.search-card{grid-template-columns:76px minmax(0,1fr);gap:14px;padding:12px}.search-card-poster{width:76px}.search-card h2{font-size:1rem;margin:0 0 8px}.search-card-meta{font-size:.78rem;gap:4px 8px;margin-bottom:10px}.search-card-link{font-size:.8rem}.search-page{margin-top:20px}.search-page .form-actions .button{min-height:42px}}

/* SRZTUT.NET catalog */
.domain-logo{letter-spacing:-.045em;font-size:1.4rem;gap:9px}.domain-logo .domain-tld{color:var(--green)}.footer-row>.domain-logo{gap:0}.catalog-intro{padding:30px 0 18px}.catalog-intro h1{font-size:clamp(1.65rem,3.2vw,2.55rem);line-height:1.18;margin:0 0 10px;max-width:900px}.catalog-intro p{font-size:.93rem;color:#536158;margin:0}.catalog-genres{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}.catalog-genres a{padding:7px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:.84rem;min-height:38px}.catalog-genres a span:last-child{display:none}.catalog-genres a.year-link{background:var(--green);color:#fff;border-color:var(--green)}.catalog-genres a:hover{border-color:#76967c;background:var(--wash)}.catalog-genres a.year-link:hover{background:#205637}.home-seo{grid-template-columns:1fr 2fr;margin-top:34px}.home-seo h2{font-size:1.2rem}.home-seo p{font-size:.88rem;margin:0}.category-seo{margin-top:32px;padding-top:20px}.category-seo h2{font-size:1.2rem}.category-seo p{font-size:.9rem}.content-columns{display:block;max-width:920px;margin:32px auto}.comment-data{font-size:.8rem;margin-top:16px;color:#536158}.comment-data summary{cursor:pointer}.comment-data p{margin:10px 0}.comment-data a{text-decoration:underline}.prose{font-size:1rem;line-height:1.75}.site-footer .logo{font-size:1.15rem}
@media(max-width:760px){.catalog-intro{padding-top:22px}.catalog-intro h1{font-size:1.8rem}.catalog-intro p{font-size:.86rem}.catalog-genres{gap:6px;margin-bottom:24px}.catalog-genres a{font-size:.77rem;padding:7px 10px}.home-seo{display:block}.domain-logo{font-size:1.25rem}.home-seo h2{margin-bottom:12px}}
.feedback-page{max-width:850px;margin:28px auto}.feedback-page h1{font-size:clamp(1.7rem,3vw,2.4rem)}.feedback-page label{display:block;margin:14px 0 6px;font-size:.9rem}.feedback-page input:not([type=checkbox]),.feedback-page select,.feedback-page textarea{width:100%;max-width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff}.feedback-page .form-actions{margin:18px 0}.feedback-page textarea{resize:vertical}.domain-logo{letter-spacing:0}@media(max-width:760px){.catalog-genres{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:max-content;overflow-x:auto;padding:3px 2px 10px;scrollbar-width:thin;scroll-padding:2px;max-width:100%}.catalog-genres a{white-space:nowrap}}

/* Compact controls and clear viewing flow */
.comment-form{padding:18px;max-width:760px;margin:18px 0}.comment-form .compose-title{font-size:1.05rem;font-weight:700;margin:0 0 12px}.comment-form label{font-size:.85rem;margin:8px 0 5px}.comment-form input:not([type=checkbox]){min-height:40px;padding:8px 10px}.comment-form #comments{height:100px!important;min-height:90px!important;max-height:320px;resize:vertical}.comment-form .form-grid{gap:12px}.comment-form small{font-size:.75rem}.comment-form .captcha-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.comment-form .captcha-row input{width:120px;flex:0 1 120px}.comment-form .captcha-row img{max-width:160px;height:auto}.comment-data{margin:10px 0}.comment-form .button{min-height:40px;font-size:.85rem;padding:9px 14px}.player-vpn-note{display:grid;gap:5px;background:#fff3d9;border:1px solid #e8bd67;border-left:4px solid #bb791a;color:#63400d;padding:12px 15px;border-radius:8px;font-size:.85rem;line-height:1.5}.player-vpn-note strong{color:#704100}.player-caption{font-size:1.1rem!important;font-weight:700;margin:0!important}.player-gate>p{margin:8px 0 12px}.player-start{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bde2af;border-radius:9px;background:#d7ecc3;color:#153c2a;font-size:1rem;font-weight:700;padding:12px 20px;min-height:44px;cursor:pointer}.player-start:hover{background:#efffe4}.player-start:focus-visible{outline:3px solid #fff;outline-offset:4px}.pt-label{display:block;font-size:.72rem;color:#d4e3d8;margin:6px 12px 2px}.pt-status:empty{display:none}.player-gate{padding:16px!important}.discovery-links{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.discovery-links a{display:inline-flex;align-items:center;padding:10px 15px;background:#e5efdf;border:1px solid #cfdeca;border-radius:9px;color:#225237;font-size:.86rem;font-weight:600}.search-page{max-width:920px;background:#fff;border:1px solid #dce5da;border-radius:16px;padding:26px;margin:26px auto}.search-page .section-heading{display:flex;gap:16px;align-items:center}.search-page h1{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 8px}.search-page .section-heading p{font-size:.9rem;margin:0 0 20px}.search-emblem{font-size:42px;color:#286b46;background:#edf3e9;padding:4px 18px;border-radius:14px}.search-page input[type=text]{background:#f8faf7}.home-seo p+p{margin-top:12px}.top-intro{margin:28px 0}.top-intro h1{font-size:clamp(1.6rem,3vw,2.4rem)}.top-intro p{max-width:760px;color:#536158}.top-catalog{counter-reset:serial-rank}.top-catalog .card{counter-increment:serial-rank}.top-catalog .card h2:before{content:counter(serial-rank) '. ';color:#286b46}
@media(max-width:600px){.comment-form{padding:12px}.comment-form .form-grid{grid-template-columns:1fr;gap:2px}.comment-form #comments{height:90px!important}.search-page{padding:16px;margin:18px 0}.search-emblem{display:none}.player-tabs .player-stage{min-height:190px}.player-gate>p{font-size:.82rem}.player-vpn-note{font-size:.78rem;padding:10px 12px}.pt-label{font-size:.68rem}.discovery-links{gap:7px}.discovery-links a{font-size:.8rem;padding:9px 11px}.primary-nav{gap:12px}}

.comment-compose{margin:18px 0}.comment-compose>summary{display:list-item;cursor:pointer;width:fit-content;padding:11px 16px;border:1px solid #c3d4bd;border-radius:8px;background:#e5efdf;color:#225237;font-weight:600;font-size:.9rem}.comment-compose .comment-form{margin-top:12px}

/* Reader discussion */
#discussion{margin-top:30px}#discussion>h2{font-size:1.5rem;margin-bottom:8px}#discussion>.muted{font-size:.9rem;margin-bottom:20px}.review-card{background:#fff;border:1px solid #dfe6dc;border-radius:14px;padding:18px 20px;margin:12px 0;box-shadow:0 3px 12px #1a382305}.review-card .comment-head{justify-content:flex-start;align-items:center;gap:11px}.comment-avatar{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#e9f1e2;color:#3b704b}.comment-avatar svg{width:24px;height:24px}.comment-person{display:grid;gap:3px;min-width:0}.comment-person strong{font-size:.9rem;overflow-wrap:anywhere}.comment-person time{font-size:.72rem;color:#758173}.comment-number{margin-left:auto;align-self:flex-start;color:#8b9687;font-size:.72rem}.review-card .comment-body{font-size:.93rem;line-height:1.65;margin:14px 0}.review-card .comment-body p{margin:0 0 9px}.review-card .comment-body br+br{display:none}.review-card .comment-body img{max-width:100%;height:auto}.review-card .comment-actions{border-top:1px solid #eef1eb;padding-top:9px;gap:8px;flex-wrap:wrap}.review-card .comment-actions a{display:inline-flex;align-items:center;padding:5px 9px;border-radius:6px;font-size:.76rem;min-height:32px}.review-card .comment-actions a:first-child{background:#edf4e8;font-weight:600}.review-card .comment-actions a:hover{background:#e2ecd9}.review-card blockquote,.review-card .quote{margin:10px 0;padding:10px 13px;border-left:3px solid #94b880;background:#f4f7f0;border-radius:0 7px 7px 0;font-size:.86rem}.popular-section{border-top:1px solid #dfe6dc;padding-top:28px;margin:35px 0}.popular-section .section-head h2{font-size:1.5rem;margin:0}.popular-section .section-head p{font-size:.83rem;color:#6a7867;margin:6px 0 0}.popular-section .section-head>a{font-size:.85rem;white-space:nowrap}.popular-empty{padding:18px;background:#edf3e7;border-radius:10px;font-size:.9rem}.popular-empty a{text-decoration:underline}
@media(max-width:600px){.review-card{padding:14px;border-radius:12px}.review-card .comment-body{font-size:.9rem}.popular-section .section-head{gap:10px;align-items:flex-start}.popular-section .section-head h2{font-size:1.23rem}.popular-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.comment-avatar{width:32px;height:32px;flex-basis:32px}}

.poster-shelf{margin:32px 0;padding:24px;background:#eef3e9;border:1px solid #dde6d5;border-radius:18px}.shelf-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.shelf-heading h2{font-size:1.45rem;margin:0}.shelf-heading>a{white-space:nowrap;font-size:.83rem;font-weight:600}.shelf-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.shelf-card{min-width:0}.shelf-poster{display:block;position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:11px;background:#dce7d2;box-shadow:0 4px 12px #21392212}.shelf-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.shelf-poster:hover img{transform:scale(1.025)}.shelf-play{position:absolute;bottom:10px;right:10px;width:32px;height:32px;display:grid;place-items:center;background:#fffE;color:#225237;border-radius:50%;font-size:12px}.shelf-card h3{font-size:.94rem;line-height:1.35;margin:11px 0 5px;overflow-wrap:anywhere}.shelf-card p{font-size:.76rem;line-height:1.4;color:#677562;margin:0}.share-strip{padding:18px 20px;margin:16px 0 26px;background:#fff;border:1px solid #d9e3d4;border-radius:13px}.share-caption{display:grid;gap:4px;margin-bottom:12px}.share-caption strong{font-size:1rem}.share-caption span{font-size:.8rem;color:#657560}.share-buttons{display:flex;flex-wrap:wrap;gap:8px}.share-buttons a,.share-buttons button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:7px;padding:9px 13px;font-size:.78rem;font-weight:600;background:#eaf0e5;color:#244330;cursor:pointer;text-decoration:none}.share-buttons a{color:#fff}.share-buttons b{font-size:.95rem}.share-buttons .share-vk{background:#1769ca}.share-buttons .share-ok{background:#bd5900}.share-buttons .share-tg{background:#087fab}.share-buttons .share-wa{background:#147d47}.share-buttons :is(a,button):hover{filter:brightness(.93)}.share-status{display:block;font-size:.8rem;color:#286b46}.share-status:empty{display:none}.share-copy-fallback{width:100%;margin-top:10px;padding:10px}.player-vpn-note{margin:0 0 12px}
@media(max-width:1000px){.shelf-grid{gap:14px}.poster-shelf{padding:18px}.shelf-card h3{font-size:.86rem}}@media(max-width:760px){.shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shelf-heading h2{font-size:1.2rem}}@media(max-width:480px){.poster-shelf{padding:14px;border-radius:13px;margin:24px 0}.shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}.shelf-heading{gap:8px}.shelf-heading h2{font-size:1.08rem}.shelf-heading>a{font-size:.72rem}.share-strip{padding:14px}.share-buttons{display:grid;grid-template-columns:1fr 1fr}.share-buttons a,.share-buttons button{padding:10px 8px;font-size:.73rem}.share-buttons [data-copy]{grid-column:1/-1}.share-caption span{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.shelf-poster img{transition:none}}

/* One consistent reading and viewing column */
.serial-page{width:100%;max-width:1000px;margin:0 auto}.serial-page .detail{grid-template-columns:190px minmax(0,1fr);gap:28px;margin:24px 0 28px}.serial-page .detail h1{font-size:clamp(1.6rem,3vw,2.3rem)}.serial-page .detail-poster{max-width:190px}.serial-page .rating-box{width:fit-content;max-width:100%;padding:12px 16px}.serial-page .player-section{margin:28px 0 0}.serial-page .player-section>.section-head{margin-bottom:12px}.serial-page .player-section h2{font-size:clamp(1.2rem,2.2vw,1.6rem)}.serial-page .serial-player,.serial-page .player-vpn-note{width:100%;max-width:none;margin-left:0;margin-right:0}.serial-page .player-vpn-note{box-sizing:border-box;font-size:.8rem;padding:10px 14px;gap:3px}.serial-page .share-strip{box-sizing:border-box;width:100%;margin:14px 0 26px;padding:15px 18px}.serial-page .content-columns{width:100%;max-width:none;margin:0;display:block}.serial-page .prose{padding:22px 24px;background:#fff;border:1px solid #e0e6dc;border-radius:12px;font-size:.95rem;line-height:1.75}.serial-page .prose h2{font-size:1.4rem;margin:0 0 12px}.serial-page .poster-shelf{margin:24px 0;padding:20px}.serial-page #discussion{margin:28px 0}.serial-page .comment-form{max-width:none}.serial-page .shelf-grid:empty{display:none}.recommend-genres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.recommend-genres a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px 12px;border-radius:9px;background:#fff;border:1px solid #d5e1cc;font-size:.85rem;font-weight:600}.recommend-genres a:hover{border-color:#5f8550;background:#f8fbf5}.serial-page .shelf-heading h2{font-size:1.25rem}
@media(max-width:600px){.serial-page .detail{grid-template-columns:105px minmax(0,1fr);gap:15px}.serial-page .detail-poster{max-width:105px}.serial-page .detail h1{font-size:1.5rem}.serial-page .detail .facts{font-size:.8rem}.serial-page .detail .hero-actions{grid-column:1/-1}.serial-page .prose{padding:16px;font-size:.9rem}.serial-page .poster-shelf{padding:14px}.recommend-genres{grid-template-columns:repeat(2,minmax(0,1fr))}.recommend-genres a{font-size:.78rem}.serial-page .share-strip{padding:14px}.serial-page .player-vpn-note{font-size:.75rem}.serial-page .shelf-heading{align-items:flex-start}.serial-page .shelf-heading h2{font-size:1.08rem}}

.serial-page .reference-shelf{padding:22px 24px;background:#f0f4f6;border:0;border-radius:8px;margin:24px 0}.serial-page .reference-shelf .shelf-heading{margin-bottom:20px}.serial-page .reference-shelf .shelf-heading h2{font-size:1.15rem;font-weight:600}.reference-shelf .shelf-grid{grid-template-columns:repeat(5,minmax(0,140px));justify-content:start;gap:24px}.reference-shelf .shelf-poster{border-radius:5px;box-shadow:none}.reference-shelf .shelf-poster:hover img{transform:none}.reference-shelf .shelf-card{text-align:center}.reference-shelf .shelf-card h3{font-weight:400;font-size:.95rem;line-height:1.3;margin:11px 0 3px}.reference-shelf .shelf-card p{font-size:.86rem;color:#68737b}.reference-shelf .shelf-heading>a{font-weight:400;color:#5d6d76;font-size:.76rem}@media(max-width:900px){.reference-shelf .shelf-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}}@media(max-width:700px){.reference-shelf .shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}}@media(max-width:480px){.serial-page .reference-shelf{padding:18px 14px}.reference-shelf .shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.serial-page .reference-shelf .shelf-heading h2{font-size:1rem}.reference-shelf .shelf-card h3{font-size:.9rem}}

/* TV enhancement activates automatically; keyboard users receive the same visible focus. */
.smart-tv a:focus,.smart-tv button:focus,.smart-tv summary:focus,.smart-tv input:focus,.smart-tv iframe:focus,.remote-navigation a:focus,.remote-navigation button:focus,.remote-navigation summary:focus,.remote-navigation input:focus,.remote-navigation iframe:focus{outline:4px solid #dd951b!important;outline-offset:3px;box-shadow:0 0 0 7px #fff!important;position:relative;z-index:2}.smart-tv .wrap{width:90%;max-width:1440px}.smart-tv .primary-nav{display:flex!important}.smart-tv .button,.smart-tv .pt-choice,.smart-tv .pt-arrow,.smart-tv .share-buttons a,.smart-tv .share-buttons button{min-height:44px}.smart-tv .shelf-card h3,.smart-tv .card h2{font-size:1rem}.smart-tv .serial-page{max-width:1000px}.smart-tv .serial-page h1{font-size:2rem}.smart-tv .pt-list{padding:8px}.remote-navigation .poster,.smart-tv .poster{overflow:visible}.remote-navigation .poster img,.smart-tv .poster img{border-radius:10px}
/* Fallback for TV engines predating CSS Grid, aspect-ratio and flex gap. */
.legacy-layout .catalog,.legacy-layout .shelf-grid,.legacy-layout .genre-grid{display:flex;flex-wrap:wrap}.legacy-layout .catalog>.card,.legacy-layout .shelf-grid>.shelf-card{box-sizing:border-box;width:20%;padding:10px}.legacy-layout .detail{display:flex}.legacy-layout .detail-poster{width:190px;flex:0 0 190px;margin-right:24px}.legacy-layout .detail-info{flex:1;min-width:0}.legacy-layout .poster,.legacy-layout .shelf-poster{height:auto;min-height:0}.legacy-layout .poster img,.legacy-layout .shelf-poster img{width:100%;height:auto}.legacy-layout .player-stage{display:flex;justify-content:center;align-items:center}.legacy-layout .header-row,.legacy-layout .player-toolbar{display:flex;flex-wrap:wrap}.legacy-layout .pt-row{display:flex;align-items:center}.legacy-layout .pt-list{display:flex;overflow-x:auto;flex:1;min-width:0}.legacy-layout .pt-choice{flex-shrink:0;margin:4px}.legacy-layout .primary-nav>a,.legacy-layout .share-buttons>a,.legacy-layout .share-buttons>button{margin:4px}.legacy-layout .form-grid,.legacy-layout .content-columns{display:block}.legacy-layout .recommend-genres{display:flex;flex-wrap:wrap}.legacy-layout .recommend-genres a{margin:5px}.legacy-layout .share-caption{display:block}.legacy-layout .share-caption span{display:block}.legacy-layout .comment-person{display:block}.legacy-layout .comment-person time{display:block}.legacy-layout .player-vpn-note{display:block}.legacy-layout .player-vpn-note span{display:block}.legacy-layout .serial-page .detail h1{font-size:2rem}.legacy-layout .catalog-intro h1{font-size:2rem}.legacy-layout .card{margin-bottom:12px}.legacy-layout details:not([open])>*:not(summary){display:none}
@media(max-width:760px){.legacy-layout .catalog>.card,.legacy-layout .shelf-grid>.shelf-card{width:50%}.legacy-layout .detail-poster{width:105px;flex-basis:105px;margin-right:15px}}

/* Audit: readable metadata and responsive poster wrappers. */
.card-meta,.shelf-card p,.shelf-card p span,.reference-shelf .shelf-card p{color:#4b594b}.poster picture,.shelf-poster picture{display:block;width:100%;height:100%}.detail-poster picture{display:block;width:100%}

.comment-votes{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:10px 0 14px;font-size:.8rem}.comment-votes>a{display:inline-flex;align-items:center;min-height:36px;padding:6px 10px;border:1px solid #cbdccc;border-radius:8px;background:#f1f7ed;color:#245c3b;text-decoration:none}.comment-votes>a:hover{background:#e1eedb;border-color:#6e956a}.comment-votes>a:focus-visible{outline:3px solid #286b46;outline-offset:3px}.comment-vote{display:inline-flex;align-items:center;gap:6px}.comment-vote svg{width:17px;height:17px}.comment-vote-score{font-weight:700;min-width:18px;text-align:center;color:#304f39}.comment-vote-down{color:#754341}.comment-votes .ratingplus,.comment-votes .ratingminus{float:none;margin:0}@media(pointer:coarse){.comment-votes>a{min-height:44px}}

/* Profiles: public overview and native DLE owner settings. */
.profile-page{max-width:960px;margin:24px auto 48px;color:#20332c}.profile-header{display:flex;align-items:center;gap:22px;background:#fff;border:1px solid #dce5dc;border-radius:18px;padding:28px;border-top:4px solid #286b46}.profile-avatar{width:88px;height:88px;flex:0 0 88px;overflow:hidden;border-radius:22px;background:#edf3e8}.profile-avatar img{display:block;width:100%;height:100%;object-fit:cover}.profile-identity{min-width:0;flex:1}.profile-eyebrow{font-size:12px;color:#566957;letter-spacing:.05em}.profile-identity h1{font-size:30px;line-height:1.2;margin:6px 0 12px;overflow-wrap:anywhere}.profile-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px}.profile-role{padding:5px 9px;background:#edf3e8;border-radius:6px}.profile-role span{color:#355a3d!important}.profile-online{color:#21643c}.profile-online:before{content:'';display:inline-block;width:7px;height:7px;background:#34804e;border-radius:50%;margin-right:6px}.profile-offline{color:#657364}.profile-catalog{font-size:13px;font-weight:600;padding:12px 14px;border:1px solid #dce5dc;border-radius:9px;white-space:nowrap}.profile-catalog:hover{background:#edf3e8}.profile-stats{display:flex;gap:14px;margin:18px 0}.profile-stat{flex:1;min-width:0;padding:22px;background:#fff;border:1px solid #dce5dc;border-radius:13px;display:flex;flex-direction:column;gap:5px}.profile-stat>strong{font-size:28px;line-height:1.25;color:#286b46;overflow-wrap:anywhere}.profile-stat>span{font-size:13px;color:#52634f}.profile-stat .ratingtypeplus,.profile-stat .ratingtypeplusminus{float:none;padding:0;margin:0;background:none;color:inherit;font:inherit}.profile-stat-link{margin-top:9px;font-size:12px;line-height:1.4}.profile-stat-link a{text-decoration:underline;text-underline-offset:3px}.profile-details{padding:26px;background:#fff;border:1px solid #dce5dc;border-radius:14px}.profile-details h2{font-size:19px;margin:0 0 18px}.profile-details dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.profile-details dt{font-size:12px;color:#61725d;margin-bottom:4px}.profile-details dd{margin:0;font-size:14px;overflow-wrap:anywhere}.profile-about{border-top:1px solid #e4ebe0;margin-top:22px;padding-top:18px;font-size:14px;line-height:1.65;overflow-wrap:anywhere}.profile-about h3{font-size:15px;margin:0 0 8px}.profile-about img{max-width:100%;height:auto}.profile-contact{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0;font-size:13px}.profile-contact a{padding:9px 12px;background:#fff;border:1px solid #dce5dc;border-radius:8px}.profile-page .profile-settings{margin-top:22px;border:1px solid #dce5dc;border-radius:13px;background:#fff;padding:18px}.profile-page .profile-settings summary{cursor:pointer;font-weight:600;font-size:15px}.profile-page .form-body{margin-top:22px}.profile-page .form-row{margin:0 0 16px;min-width:0}.profile-page .form-label{display:block;font-size:13px;margin-bottom:6px}.profile-page input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.profile-page select,.profile-page textarea{max-width:100%;width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #becfbd;border-radius:8px;background:#f7f9f4;font-size:16px}.profile-page textarea{min-height:90px}.profile-page .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.profile-page .form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-page .form-sep{font-size:16px;padding-top:18px;border-top:1px solid #e4ebe0;margin:20px 0 14px}.profile-page .form-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.profile-page .primary-button{background:#286b46;color:#fff;padding:11px 18px;border:0;border-radius:8px;font-weight:600;cursor:pointer}.profile-page .icon{width:18px;height:18px}.profile-page .soc-links{display:flex;gap:14px;flex-wrap:wrap}.profile-page a:focus-visible,.profile-page summary:focus-visible{outline:3px solid #286b46;outline-offset:3px}.legacy-layout .profile-details dl,.legacy-layout .profile-page .form-grid{display:block}.legacy-layout .profile-details dl>div{margin-bottom:15px}
@media(max-width:600px){.profile-page{margin:14px auto 28px}.profile-header{padding:18px;gap:14px;flex-wrap:wrap}.profile-avatar{width:64px;height:64px;flex-basis:64px;border-radius:16px}.profile-identity h1{font-size:23px}.profile-catalog{width:100%;text-align:center;padding:10px}.profile-stats{gap:8px;flex-wrap:wrap}.profile-stat{padding:14px 10px;flex:1 1 40%}.profile-stat>strong{font-size:24px}.profile-stat>span{font-size:12px}.profile-details{padding:18px}.profile-details dl{grid-template-columns:1fr;gap:16px}.profile-page .form-grid,.profile-page .form-grid--three{grid-template-columns:1fr;gap:0}.profile-page .profile-settings{padding:16px}.profile-page .user_fields{overflow-x:auto}}