@font-face {font-display:swap; font-family:'Inter'; font-style:normal; font-weight:400; src:url('fonts/inter-v20-cyrillic_latin-regular.woff2') format('woff2')}
@font-face {font-display:swap; font-family:'Inter'; font-style:normal; font-weight:500; src:url('fonts/inter-v20-cyrillic_latin-500.woff2') format('woff2')}
@font-face {font-display:swap; font-family:'Inter'; font-style:normal; font-weight:600; src:url('fonts/inter-v20-cyrillic_latin-600.woff2') format('woff2')}
@font-face {font-display:swap; font-family:'Inter'; font-style:normal; font-weight:700; src:url('fonts/inter-v20-cyrillic_latin-700.woff2') format('woff2')}
@font-face {font-display:swap; font-family:'Inter'; font-style:normal; font-weight:800; src:url('fonts/inter-v20-cyrillic_latin-800.woff2') format('woff2')}
@font-face {font-display:swap; font-family:'Oswald'; font-style:normal; font-weight:500; src:url('fonts/oswald-v57-cyrillic_latin-500.woff2') format('woff2')}
@font-face {font-display:swap; font-family:'Oswald'; font-style:normal; font-weight:600; src:url('fonts/oswald-v57-cyrillic_latin-600.woff2') format('woff2')}
@font-face {font-display:swap; font-family:'Oswald'; font-style:normal; font-weight:700; src:url('fonts/oswald-v57-cyrillic_latin-700.woff2') format('woff2')}
@font-face {font-display:swap; font-family:'JetBrains Mono'; font-style:normal; font-weight:500; src:url('fonts/jetbrains-mono-v24-cyrillic_latin-500.woff2') format('woff2')}
@font-face {font-display:swap; font-family:'JetBrains Mono'; font-style:normal; font-weight:600; src:url('fonts/jetbrains-mono-v24-cyrillic_latin-600.woff2') format('woff2')}
:root {--green:#5fb030; --green-d:#54a028; --green-l:#74c44a; --green-soft:#eaf6e1; --green-soft-2:#f2faec; --imdb:#e6a317; --kp:#ff6a3d; --trailer:#37b6c9; --danger:#e35858; --danger-soft:#fdeaea; --blue:#2f93d8; --bg:#eceef1; --surface:#ffffff; --surface-2:#f5f6f8; --surface-3:#ebedf0; --text:#191b21; --text-2:#42454e; --muted:#7d828e; --border:#e3e5ea; --border-2:#d9dce2; --brand-bg:#cdd2da; --shadow:0 1px 2px rgba(20,22,30,0.05),0 8px 24px rgba(20,22,30,0.06); --shadow-lg:0 12px 40px rgba(20,22,30,0.18); --hero-fade:#eceef1}
html[data-theme="dark"] {--green:#74c44a; --green-d:#5fb030; --green-l:#8ad95f; --green-soft:rgba(116,196,74,0.14); --green-soft-2:rgba(116,196,74,0.08); --imdb:#f0b429; --kp:#ff7e57; --trailer:#41c6da; --danger:#ff7373; --danger-soft:rgba(255,115,115,0.14); --blue:#46a6e6; --bg:#0e1014; --surface:#171a21; --surface-2:#1d212a; --surface-3:#242935; --text:#e9eaee; --text-2:#bcc0c9; --muted:#888d99; --border:#272c36; --border-2:#333a47; --brand-bg:#060708; --shadow:0 1px 2px rgba(0,0,0,0.4),0 8px 24px rgba(0,0,0,0.35); --shadow-lg:0 14px 44px rgba(0,0,0,0.55); --hero-fade:#0e1014}
* {box-sizing:border-box}
html {scroll-behavior:smooth}
body {margin:0; font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; background:#000 url(../images/Shp.jpg) center top no-repeat; color:var(--text); -webkit-font-smoothing:antialiased; line-height:1.5; transition:background 0.25s ease,color 0.25s ease; background-position:center -41px}
a {color:inherit; text-decoration:none}
img {display:block; max-width:100%}
button {font-family:inherit; cursor:pointer; border:0; background:none; color:inherit}
ul {list-style:none; margin:0; padding:0}
input {font-family:inherit}
:focus-visible {outline:2px solid var(--green); outline-offset:2px; border-radius:6px}
.page {width:1230px; max-width:100%; margin:0 auto; background:var(--bg); min-height:100vh; box-shadow:0 0 60px rgba(0,0,0,0.28); position:relative}
.wrap {width:100%; padding:0 18px}
.mono {font-family:"JetBrains Mono",monospace}
.header-shell {position:sticky; top:0; z-index:60}
.header {background:var(--surface); border-bottom:1px solid var(--border); box-shadow:var(--shadow); transition:background 0.25s}
.header-inner {display:flex; align-items:center; gap:8px; height:62px; position:relative}
.logo {display:flex; align-items:center; gap:8px; flex-shrink:0}
.logo-mark {width:34px; height:34px; border-radius:8px; flex-shrink:0; background:linear-gradient(135deg,var(--green-l),var(--green-d)); display:grid; place-items:center; color:#fff}
.logo-mark svg {width:20px; height:20px}
.logo-text {display:flex; flex-direction:column; line-height:1}
.logo-text b {font-family:"Oswald"; font-weight:700; font-size:20px; letter-spacing:0.5px}
.logo-text b span {color:var(--green)}
.logo-text small {font-size:10px; letter-spacing:2px; color:var(--muted); text-transform:uppercase; margin-top:2px; font-weight:bold}
[data-theme="dark"] .logo-text small > span:nth-child(2) {color:#e9eaee!important}
.nav {display:flex; align-items:stretch; height:62px; margin-left:4px}
.nav > li {position:relative; display:flex; align-items:stretch}
.nav-link {display:flex; align-items:center; gap:4px; padding:0 11px; height:100%; font-size:12.5px; font-weight:600; letter-spacing:0.3px; text-transform:uppercase; color:var(--text-2); position:relative; white-space:nowrap}
.nav-link .chev {width:13px; height:13px; transition:transform 0.2s}
.nav-link::after {content:""; position:absolute; left:11px; right:11px; bottom:0; height:3px; border-radius:3px 3px 0 0; background:var(--green); transform:scaleX(0); transition:transform 0.2s}
.nav > li:hover .nav-link,.nav > li:focus-within .nav-link {color:var(--text)}
.nav > li:hover .nav-link::after,.nav > li:focus-within .nav-link::after {transform:scaleX(1)}
.nav > li:hover .nav-link .chev,.nav > li:focus-within .nav-link .chev {transform:rotate(180deg)}
.header-actions {margin-left:auto; display:flex; align-items:center; gap:6px; flex-shrink:0; min-width:0}
.search {position:relative; flex:1 1 auto; min-width:0; max-width:240px; height:38px}
.search input {width:100%; height:38px; border:1px solid var(--border-2); background:var(--surface-2); border-radius:8px; padding:0 42px 0 14px; font-size:13px; color:var(--text); transition:border-color 0.2s,background 0.2s,box-shadow 0.2s}
.search input::placeholder {color:var(--muted)}
.search input:focus {border-color:var(--green); background:var(--surface); box-shadow:0 0 0 3px var(--green-soft); outline:none}
.search .s-btn {position:absolute; right:4px; top:4px; width:30px; height:30px; border-radius:6px; background:var(--green); color:#fff; display:grid; place-items:center}
.search .s-btn:hover {background:var(--green-d)}
.search .s-btn svg {width:16px; height:16px}
.icon-btn {width:38px; height:38px; border-radius:8px; display:grid; place-items:center; flex-shrink:0; background:var(--surface-2); border:1px solid var(--border-2); color:var(--text-2); transition:color 0.15s,border-color 0.15s}
.icon-btn:hover {color:var(--text); border-color:var(--green)}
.icon-btn svg {width:18px; height:18px}
.icon-btn .sun {display:none}
html[data-theme="dark"] .icon-btn .sun {display:block}
html[data-theme="dark"] .icon-btn .moon {display:none}
#accountBtn.logged {border-color:var(--green); color:var(--green)}
.burger {display:none}
.mega {position:absolute; top:62px; left:0; background:var(--surface); border:1px solid var(--border); border-radius:0 0 14px 14px; box-shadow:var(--shadow-lg); padding:18px; z-index:80; opacity:0; visibility:hidden; transform:translateY(8px); transition:opacity 0.18s,transform 0.18s,visibility 0.18s}
.nav > li:hover > .mega,.nav > li:focus-within > .mega {opacity:1; visibility:visible; transform:translateY(0)}
.mega.wide {width:max(700px,44vw)}
.mega.mid {width:540px}
.mega-cards {display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:18px}
.mega-card {display:flex; align-items:center; gap:12px; padding:13px 14px; background:var(--surface-2); border:1px solid var(--border); border-radius:10px; transition:0.15s}
.mega-card:hover {border-color:var(--green); background:var(--surface-3)}
.mega-card .mc-ic {width:38px; height:38px; border-radius:9px; flex-shrink:0; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,var(--green-l),var(--green-d))}
.mega-card .mc-ic svg {width:20px; height:20px}
.mega-card b {display:block; font-size:14px}
.mega-card span {display:block; font-size:12px; color:var(--muted)}
.mega-cols {display:grid; gap:20px}
.mega-cols.c4 {grid-template-columns:repeat(4,1fr)}
.mega-cols.c3 {grid-template-columns:repeat(3,1fr)}
.mega-cols.c2 {grid-template-columns:repeat(2,1fr)}
.mc-ic > i {font-size:16px!important}
.mega-h {font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.6px; color:var(--green); padding-bottom:6px; margin-bottom:8px; border-bottom:2px solid var(--green); display:inline-block}
.mega-list li {font-size:13.5px}
.mega-list a {display:block; padding:4px 0; color:var(--text-2); transition:0.12s}
.mega-list a:hover {color:var(--green); transform:translateX(3px)}
.mega-grid2 {display:grid; grid-template-columns:1fr 1fr; gap:0 16px}
.mega-block + .mega-block {margin-top:16px}
.section {padding:26px 0}
.sec-top {display:flex; align-items:center; gap:14px; margin-bottom:16px; flex-wrap:wrap}
.sec-label {display:inline-flex; align-items:center; gap:7px; background:var(--green); color:#fff; font-family:"Oswald"; font-weight:600; font-size:16px; letter-spacing:0.4px; padding:7px 15px; border-radius:8px; text-transform:uppercase}
.sec-label svg {width:15px; height:15px}
.sec-tabs {display:flex; gap:4px; background:var(--surface); border:1px solid var(--border); border-radius:9px; padding:3px}
.sec-tab {padding:6px 13px; font-size:12.5px; font-weight:600; border-radius:6px; color:var(--muted); transition:0.15s; white-space:nowrap}
.sec-tab:hover {color:var(--text)}
.sec-tab.active {background:var(--green); color:#fff}
.sec-arrows {margin-left:auto; display:flex; gap:6px}
.sec-arrows button {width:40px; height:30px; border-radius:7px; background:var(--green); color:#fff; display:grid; place-items:center}
.sec-arrows button:hover {background:var(--green-d)}
.sec-arrows svg {width:18px; height:18px}
.carousel {display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:2px; scrollbar-width:none; -ms-overflow-style:none}
.carousel::-webkit-scrollbar {display:none}
.carousel .card {flex:0 0 156px; scroll-snap-align:start}
.grid {display:grid; gap:14px; grid-template-columns:repeat(6,1fr)}
.card {position:relative}
.poster {position:relative; aspect-ratio:2/3; border-radius:10px; overflow:hidden; box-shadow:var(--shadow); display:block; transition:transform 0.18s,box-shadow 0.18s}
.card:hover .poster {transform:translateY(-4px); box-shadow:var(--shadow-lg)}
.poster-scrim {position:absolute; left:0; right:0; bottom:0; padding:30px 11px 10px; background:linear-gradient(to top,rgba(8,8,12,0.92) 8%,rgba(8,8,12,0.55) 55%,transparent )}
.poster-scrim .p-title {font-size:13px; font-weight:700; color:#fff; line-height:1.2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.poster-scrim .p-year {font-size:11px; color:#c7cbd4; margin-top:3px}
.badge {position:absolute; top:8px; left:8px; z-index:2; font-size:10px; font-weight:700; letter-spacing:0.4px; color:#fff; padding:3px 7px; border-radius:5px; text-transform:uppercase; background:var(--green); box-shadow:0 2px 6px rgba(0,0,0,0.3)}
.badge.trailer {background:var(--trailer)}
.badge.season {background:rgba(15,16,22,0.82); font-weight:600; text-transform:none; letter-spacing:0.2px; backdrop-filter:blur(2px)}
.ratings {position:absolute; top:8px; right:8px; z-index:2; display:flex; flex-direction:column; gap:4px; align-items:flex-end}
.rating {display:inline-flex; align-items:center; gap:4px; font-size:10px; font-weight:700; padding:3px 6px; border-radius:5px; color:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.3)}
.rating .r-src {font-size:8px; opacity:0.9; letter-spacing:0.3px}
.rating .r-val {font-family:"JetBrains Mono"; font-size:10.5px}
.rating.imdb {background:var(--imdb)}
.rating.kp {background:var(--kp)}
.play-ov {position:absolute; inset:0; display:grid; place-items:center; z-index:1; background:rgba(8,9,14,0.35); opacity:0; transition:0.18s}
.card:hover .play-ov {opacity:1}
.play-ov .pbtn {width:50px; height:50px; border-radius:50%; background:var(--green); color:#fff; display:grid; place-items:center; box-shadow:0 6px 20px rgba(0,0,0,0.4); transform:scale(0.8); transition:transform 0.18s}
.card:hover .play-ov .pbtn {transform:scale(1)}
.play-ov .pbtn svg {width:22px; height:22px; margin-left:3px}
.modal-backdrop {position:fixed; inset:0; background:rgba(8,10,16,0.62); backdrop-filter:blur(3px); z-index:100; opacity:0; visibility:hidden; transition:0.22s}
.modal-backdrop.show {opacity:1; visibility:visible}
.modal {position:fixed; left:50%; top:50%; transform:translate(-50%,-46%); width:440px; max-width:calc(100vw - 32px); max-height:calc(100vh - 32px); overflow:auto; background:var(--surface); border-radius:16px; z-index:101; box-shadow:var(--shadow-lg); opacity:0; visibility:hidden; transition:opacity 0.22s,transform 0.22s,visibility 0.22s}
.modal.show {opacity:1; visibility:visible; transform:translate(-50%,-50%)}
.modal::before {content:""; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--green-l),var(--green)); z-index:3}
.modal-close {position:absolute; top:14px; right:14px; width:34px; height:34px; border-radius:50%; background:var(--green); color:#fff; display:grid; place-items:center; z-index:4}
.modal-close:hover {background:var(--green-d)}
.modal-close svg {width:16px; height:16px}
.modal-body {padding:34px 34px 28px}
.login-ava {width:66px; height:66px; border-radius:50%; background:var(--green-soft); color:var(--green); display:grid; place-items:center; margin:6px auto 14px}
.login-ava svg {width:32px; height:32px}
.modal-title {text-align:center; font-size:24px; font-weight:700; margin:0 0 22px}
.field {position:relative; margin-bottom:12px}
.field .f-ic {position:absolute; left:14px; top:50%; transform:translateY(-50%); color:var(--green); display:grid; place-items:center}
.field .f-ic svg {width:18px; height:18px}
.field input {width:100%; height:50px; border:1px solid var(--border-2); background:var(--surface-2); border-radius:10px; padding:0 14px 0 44px; font-size:14px; color:var(--text); transition:0.18s}
.field input::placeholder {color:var(--muted)}
.field input:focus {border-color:var(--green); background:var(--surface); box-shadow:0 0 0 3px var(--green-soft); outline:none}
.login-row {display:flex; align-items:center; justify-content:space-between; margin:6px 2px 18px}
.remember {display:flex; align-items:center; gap:9px; font-size:13px; color:var(--text-2); cursor:pointer; user-select:none}
.switch {width:38px; height:21px; border-radius:21px; background:var(--border-2); position:relative; transition:background 0.2s; flex-shrink:0}
.switch.on {background:var(--green)}
.switch::after {content:""; position:absolute; width:15px; height:15px; border-radius:50%; background:#fff; top:3px; left:3px; transition:left 0.2s; box-shadow:0 1px 3px rgba(0,0,0,0.3)}
.switch.on::after {left:20px}
.link-g {font-size:13px; color:var(--green); font-weight:600; text-decoration:underline; text-underline-offset:2px}
.btn-primary {width:100%; height:52px; border-radius:11px; background:var(--green); color:#fff; font-size:15px; font-weight:700; letter-spacing:0.6px; text-transform:uppercase; box-shadow:0 6px 18px rgba(95,176,48,0.35); transition:0.15s}
.btn-primary:hover {background:var(--green-d); transform:translateY(-1px)}
.divider {display:flex; align-items:center; gap:14px; margin:22px 0 16px; color:var(--muted); font-size:13px}
.divider::before,.divider::after {content:""; flex:1; height:1px; background:var(--border)}
.socials {display:flex; justify-content:center; gap:14px}
.soc {width:46px; height:46px; border-radius:50%; display:grid; place-items:center; color:#fff; font-weight:800; font-size:14px; transition:transform 0.15s,box-shadow 0.15s}
.soc:hover {transform:translateY(-3px); box-shadow:0 8px 18px rgba(0,0,0,0.25)}
.soc.vk {background:#4a76a8}
.soc.ok {background:#ee8208}
.soc.ya {background:#fc3f1d}
.modal-foot {display:flex; justify-content:space-between; border-top:1px solid var(--border); padding:16px 34px; background:var(--surface-2)}
.modal-foot a {display:inline-flex; align-items:center; gap:6px; font-size:13px; color:var(--green); font-weight:600; text-decoration:underline; text-underline-offset:2px}
.modal-foot svg {width:15px; height:15px}
.modal-profile {width:450px}
.pf-head {text-align:center; padding:30px 18px 22px; background:linear-gradient(180deg,var(--green-soft),transparent)}
.pf-avatar {width:80px; height:80px; border-radius:50%; margin:0 auto 12px; border:3px solid var(--surface); box-shadow:0 4px 14px rgba(0,0,0,0.15); background:linear-gradient(135deg,var(--green-l),var(--green-d)); display:grid; place-items:center; color:#fff; overflow:hidden}
.pf-avatar svg {width:40px; height:40px}
.pf-name {font-weight:700; font-size:19px}
.pf-admin {display:inline-block; margin-top:4px; font-size:13px; color:var(--green); font-weight:600; text-decoration:underline; text-underline-offset:2px}
.pf-grid {display:grid; grid-template-columns:1fr 1fr}
.pf-item {padding:20px 10px; text-align:center; border-top:1px solid var(--border); transition:background 0.15s}
.pf-item:nth-child(even) {border-left:1px solid var(--border)}
a.pf-item:hover {background:var(--surface-2)}
.pf-ic {width:42px; height:42px; border-radius:50%; background:var(--green-soft); color:var(--green); display:grid; place-items:center; margin:0 auto 9px}
.pf-ic svg {width:20px; height:20px}
.pf-item b {display:block; font-size:14px; color:var(--text)}
.pf-item span {display:block; font-size:11.5px; color:var(--muted); margin-top:2px}
.pf-item.logout .pf-ic {background:var(--danger-soft); color:var(--danger)}
.pf-empty {background:var(--surface-2); border-top:1px solid var(--border); border-left:1px solid var(--border)}
.seo {padding:34px 0 10px; color:var(--text-2)}
.seo h2 {font-family:"Oswald"; font-weight:600; font-size:22px; color:var(--text); margin:0 0 16px}
.seo p {font-size:13.5px; line-height:1.7; margin:0 0 12px}
.seo a {color:var(--green); font-weight:600}
.seo li {font-size:13.5px; line-height:1.9; padding-left:20px; position:relative}
.seo li::before {content:"+"; position:absolute; left:0; color:var(--green); font-weight:700}
.footer {background:var(--surface); border-top:1px solid var(--border); margin-top:24px; padding:26px 0}
.footer-inner {display:flex; align-items:center; gap:18px; flex-wrap:wrap}
.footer p {font-size:12px; color:var(--muted); line-height:1.6; margin:0}
.backdrop {position:fixed; inset:0; background:rgba(0,0,0,0.5); z-index:90; opacity:0; visibility:hidden; transition:0.2s}
.backdrop.show {opacity:1; visibility:visible}
.mobile-nav {position:fixed; top:0; left:0; bottom:0; width:420px; max-width:92vw; z-index:100; background:var(--surface); transform:translateX(-100%); transition:transform 0.28s ease; display:flex; flex-direction:column; overflow:hidden}
.mobile-nav.open {transform:translateX(0)}
.mn-head {display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1px solid var(--border); flex-shrink:0}
.mn-logo {display:flex; align-items:center; gap:9px}
.mn-logo .logo-mark {width:38px; height:38px}
.mn-logo b {font-family:"Oswald"; font-weight:700; font-size:21px}
.mn-logo b span {color:var(--green)}
.mn-logo small {font-size:9px; letter-spacing:1.5px; color:var(--muted); text-transform:uppercase}
.mn-logo .lt {display:flex; flex-direction:column; line-height:1.1}
.mn-close {width:46px; height:46px; border-radius:12px; background:#ef5350; color:#fff; display:grid; place-items:center; flex-shrink:0}
.mn-close:hover {background:#e53935}
.mn-close svg {width:20px; height:20px}
.mn-scroll {overflow-y:auto; padding:16px; flex:1; scrollbar-width:thin; scrollbar-color:var(--green) transparent}
.mn-scroll::-webkit-scrollbar {width:6px}
.mn-scroll::-webkit-scrollbar-thumb {background:var(--green); border-radius:6px}
.mn-search {position:relative; margin-bottom:14px}
.mn-search input {width:100%; height:50px; border:1px solid var(--border-2); background:var(--surface-2); border-radius:12px; padding:0 48px 0 16px; font-size:15px; color:var(--text)}
.mn-search input::placeholder {color:var(--muted)}
.mn-search input:focus {border-color:var(--green); background:var(--surface); outline:none}
.mn-search button {position:absolute; right:10px; top:50%; transform:translateY(-50%); color:var(--green)}
.mn-search button svg {width:20px; height:20px}
.mn-cats {display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:14px}
.mn-cat {display:flex; align-items:center; gap:11px; padding:14px; background:var(--surface-2); border:1px solid var(--border); border-radius:12px; font-size:15px; font-weight:600; color:var(--text); transition:0.15s}
.mn-cat:hover {border-color:var(--green); background:var(--green-soft)}
.mn-cat .c-ic {color:var(--green); display:grid; place-items:center}
.mn-cat .c-ic svg {width:20px; height:20px}
.mn-acc {background:var(--surface-2); border:1px solid var(--border); border-radius:12px; margin-bottom:10px; overflow:hidden}
.mn-acc-head {display:flex; align-items:center; justify-content:space-between; width:100%; padding:16px; font-size:16px; font-weight:700; color:var(--text)}
.mn-acc-head .chev {width:20px; height:20px; color:var(--muted); transition:transform 0.2s}
.mn-acc.open .mn-acc-head .chev {transform:rotate(180deg); color:var(--green)}
.mn-acc-body {display:none; padding:0 14px 16px}
.mn-acc.open .mn-acc-body {display:block}
.mn-chips {display:grid; grid-template-columns:repeat(4,1fr); gap:9px}
.mn-chips.cols2 {grid-template-columns:repeat(2,1fr)}
.mn-chip {padding:11px 6px; background:var(--surface); border:1px solid var(--border-2); border-radius:10px; font-size:15px; font-weight:600; color:var(--text-2); text-align:center; transition:0.15s}
.mn-chip:hover {border-color:var(--green); color:var(--green); background:var(--green-soft)}
@media (max-width:1199px) {.nav {display:none}
 .burger {display:grid}
 .header-shell {}
}
@media (max-width:1100px) {.grid {grid-template-columns:repeat(5,1fr)}
}
@media (max-width:980px) {.grid {grid-template-columns:repeat(4,1fr)}
}
@media (max-width:680px) {.search {display:none}
 .grid {grid-template-columns:repeat(3,1fr)}
 .sec-arrows {display:none}
 .sec-label {font-size:14px; padding:6px 12px}
 .carousel .card {flex-basis:132px}
}
@media (max-width:440px) {.grid {grid-template-columns:repeat(2,1fr)}
 .modal-body {padding:28px 22px 22px}
 .modal-foot {padding:14px 22px}
 .mn-cats {grid-template-columns:1fr}
 .mn-chips {grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce) {* {transition:none !important; animation:none !important; scroll-behavior:auto !important}
}
.crumbs {display:flex; flex-wrap:wrap; gap:6px; align-items:center; font-size:13px; color:var(--muted); padding:18px 0 8px}
.crumbs a:hover {color:var(--blue)}
.crumbs .sep {opacity:0.6}
.crumbs a {color:var(--muted)}
.crumbs {color:var(--text-2)}
.cat-bar {display:flex; align-items:center; gap:16px; flex-wrap:wrap; margin-bottom:16px}
.cat-bar h1 {font-family:"Oswald"; font-weight:600; font-size:28px; margin:0; flex:1; min-width:200px}
.cat-bar .cnt {font-size:13px; color:var(--muted); font-weight:400}
.cat-grid {display:grid; grid-template-columns:repeat(6,1fr); gap:22px 16px; margin-bottom:26px}
.cat-card {display:flex; flex-direction:column}
.cat-poster {position:relative; aspect-ratio:2/3; border-radius:9px; overflow:hidden; background:#222; box-shadow:var(--shadow); transition:transform 0.18s,box-shadow 0.18s}
.cat-card:hover .cat-poster {transform:translateY(-4px); box-shadow:var(--shadow-lg)}
.cat-card img {height:100%}
.cat-badge {position:absolute; top:8px; left:8px; z-index:2; background:var(--green); color:#fff; font-size:10px; font-weight:600; letter-spacing:0.2px; padding:3px 8px; border-radius:5px; box-shadow:0 2px 6px rgba(0,0,0,0.3)}
.cat-quality {position:absolute; top:8px; left:8px; z-index:2; display:inline-flex; align-items:center; gap:4px; background:linear-gradient(135deg,#3aa3e6,#2f72cc); color:#fff; font-size:10px; font-weight:700; letter-spacing:0.4px; text-transform:uppercase; padding:3px 8px; border-radius:5px; box-shadow:0 2px 6px rgba(0,0,0,0.35)}
.cat-quality svg {width:11px; height:11px}
.ribbon {position:absolute; top:0; right:0; width:74px; height:74px; overflow:hidden; z-index:3; pointer-events:none}
.ribbon span {position:absolute; top:13px; right:-22px; width:100px; transform:rotate(45deg); text-align:center; font-size:8.5px; font-weight:700; letter-spacing:0.4px; color:#fff; padding:3px 0; text-transform:uppercase; box-shadow:0 1px 3px rgba(0,0,0,0.35)}
.ribbon.soon span {background:#e8862e}
.ribbon.all span {background:#e0463c}
.cat-play {position:absolute; inset:0; display:grid; place-items:center; z-index:1; background:rgba(8,9,14,0.34); opacity:0; transition:0.18s}
.cat-card:hover .cat-play {opacity:1}
.cat-play .pbtn {width:48px; height:48px; border-radius:50%; background:var(--green); color:#fff; display:grid; place-items:center; box-shadow:0 6px 20px rgba(0,0,0,0.4)}
.cat-play .pbtn svg {width:20px; height:20px; margin-left:3px}
.cat-title {text-align:center; font-weight:700; font-size:13.5px; line-height:1.25; margin:11px 4px 0; color:var(--text); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.cat-rate {position:absolute; left:0; right:0; bottom:0; z-index:2; display:flex; justify-content:space-between; align-items:center; padding:20px 9px 7px; background:linear-gradient(to top,rgba(7,9,13,0.92),rgba(7,9,13,0.45) 65%,transparent ); font-size:11.5px; font-weight:700}
.cat-rate:has(> .imdb:only-child) {justify-content:end}
.cat-rate span {display:inline-flex; align-items:center; gap:4px}
.cat-rate .lbl {font-size:10px; font-weight:700}
.cat-rate .val {font-family:"JetBrains Mono"}
.cat-rate .kp {color:#ff7d54}
.cat-rate .imdb {color:#f5c451}
.cat-rate.single {justify-content:center}
.cat-date {text-align:center; font-size:12.5px; color:var(--muted); padding:0 4px; margin-top:7px}
.cat-nav {grid-column:1 / -1; margin-top:8px}
.load-wrap {text-align:center; margin:4px 0 24px}
.load-more {display:inline-flex; align-items:center; justify-content:center; gap:10px; min-width:340px; max-width:100%; height:50px; padding:0 26px; border-radius:11px; background:var(--green); color:#fff; font-size:14px; font-weight:700; letter-spacing:0.4px; text-transform:uppercase; box-shadow:0 6px 18px rgba(95,176,48,0.32); transition:0.15s}
.load-more:hover {background:var(--green-d)}
.load-more svg {width:18px; height:18px}
.pager {display:flex; justify-content:center; align-items:center; gap:7px; flex-wrap:wrap; padding:4px 0 10px}
.pager a,.pager span {min-width:40px; height:40px; padding:0 11px; display:grid; place-items:center; border-radius:9px; background:var(--surface); border:1px solid var(--border); font-weight:600; font-size:14px; color:var(--text-2); transition:0.15s}
.pager a:hover {border-color:var(--green); color:var(--green)}
.pager span {background:var(--green); color:#fff; border-color:var(--green)}
.pager span.nav_ext {background:none; border:0; color:var(--muted); min-width:auto; padding:0 4px}
.pager a.parrow svg {width:16px; height:16px}
@media (max-width:1080px) {.cat-grid {grid-template-columns:repeat(5,1fr)}
}
@media (max-width:880px) {.cat-grid {grid-template-columns:repeat(4,1fr)}
}
@media (max-width:680px) {.cat-grid {grid-template-columns:repeat(3,1fr)}
 .cat-bar h1 {font-size:23px}
}
@media (max-width:480px) {.cat-grid {grid-template-columns:repeat(2,1fr)}
 .load-more {min-width:0; width:100%}
}
.block {background:var(--surface); border:1px solid var(--border); border-radius:14px; box-shadow:var(--shadow); margin-bottom:22px}
.block.pad {padding:24px}
.movie {display:grid; grid-template-columns:264px 1fr; gap:30px; padding:26px}
.movie-poster {position:relative}
.mp-img {position:relative; aspect-ratio:2/3; box-shadow:var(--shadow)}
.poster-img {position:absolute; top:0; right:0; bottom:0; left:0; text-align:center}
.poster-img > img {width:100%; height:100%; object-fit:cover}
.poster-img .pi-title {font-family:"Oswald"; font-weight:700; font-size:20px; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,0.6)}
.mp-fire {position:absolute; top:9px; right:11px; font-size:26px; line-height:1; filter:drop-shadow(0 2px 4px rgba(0,0,0,0.4)); z-index:2}
.rating-pill {position:absolute; left:50%; bottom:3px; transform:translateX(-50%); display:flex; align-items:center; gap:7px; background:var(--surface); border:1px solid var(--border); border-radius:999px; padding:8px 18px; box-shadow:var(--shadow); font-family:"JetBrains Mono"; font-weight:600; font-size:16px; color:var(--text); z-index:2}
.rating-pill .star {width:18px; height:18px; color:var(--imdb); flex-shrink:0}
.like-row {display:flex; justify-content:space-between; align-items:center; margin:32px 2px 14px}
.like-row button {display:flex; align-items:center; gap:9px; font-family:"JetBrains Mono"; font-weight:600; font-size:15px; transition:transform 0.15s}
.like-row button:hover {transform:translateY(-2px)}
.like-row .lk-ic {width:40px; height:36px; border-radius:9px; display:grid; place-items:center; color:#fff; box-shadow:var(--shadow)}
.like-row .lk-ic svg {width:19px; height:19px}
.like-row .lk-up .lk-ic {background:var(--green)}
.like-row .lk-down .lk-ic {background:var(--danger)}
.like-row .lk-up .lk-n {color:var(--green)}
.like-row .lk-down .lk-n {color:var(--danger)}
.mp-actions {display:flex; flex-direction:column; gap:9px}
.btn {display:flex; align-items:center; justify-content:center; gap:9px; height:44px; border-radius:10px; font-size:13.5px; font-weight:600; transition:0.15s; width:100%}
.btn svg {width:18px; height:18px}
.btn-ghost {background:var(--surface-2); border:1px solid var(--border); color:var(--text-2)}
.btn-ghost:hover {border-color:var(--green); color:var(--text)}
.btn-green {background:var(--green); color:#fff; box-shadow:0 5px 14px rgba(95,176,48,0.28)}
.btn-green:hover {background:var(--green-d)}
.btn-blue {background:var(--blue); color:#fff; box-shadow:0 5px 14px rgba(47,147,216,0.28)}
.btn-blue:hover {filter:brightness(0.94)}
.movie-titlebar {display:flex; align-items:flex-start; gap:12px; margin-bottom:14px}
.movie-titlebar h1 {font-family:"Oswald"; font-weight:600; font-size:27px; line-height:1.15; margin:0; flex:1}
.gear {width:38px; height:38px; border-radius:9px; background:var(--surface-2); border:1px solid var(--border); color:var(--muted); display:grid; place-items:center; flex-shrink:0}
.gear:hover {color:var(--green); border-color:var(--green)}
.gear svg {width:18px; height:18px}
.movie-desc {font-size:14px; line-height:1.7; color:var(--text-2); margin:0 0 18px}
.movie-tags {display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px}
.tag {display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:8px; font-size:13px; font-weight:700; background:var(--surface-2); border:1px solid var(--border)}
.tag .t-src {font-size:10px; color:var(--muted); font-weight:600}
.tag .t-val {font-family:"JetBrains Mono"}
.tag.kp .t-val {color:var(--kp)}
.tag.imdb .t-val {color:var(--imdb)}
.tag.status {color:var(--green); background:var(--green-soft); border-color:transparent}
.tag.status svg {width:14px; height:14px}
.info {display:grid; grid-template-columns:1fr 1fr; gap:13px 30px}
.info-row {display:flex; gap:8px; font-size:13.5px; line-height:1.5}
.info-row.full {grid-column:1 / -1}
.info-row .lbl {color:var(--muted); flex-shrink:0; font-weight:600}
.info-row .val {color:var(--text-2)}
.info-row .val a {color:var(--blue)}
.info-row .val a:hover {text-decoration:underline}
.age {display:inline-block; margin-left:6px; font-size:10px; font-weight:700; color:var(--muted); border:1px solid var(--border-2); border-radius:4px; padding:1px 4px; vertical-align:middle}
.chan {display:inline-flex; align-items:center; gap:6px; font-weight:700; color:var(--text)}
.pc-link {display:flex; flex-wrap:wrap; align-items:center; gap:8px}
.pc-cats {color:var(--green); font-weight:600; cursor:pointer}
.pc-cats:hover {text-decoration:underline}
.pc-toggle {display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:700; color:var(--green); background:var(--green-soft); border-radius:6px; padding:4px 10px; text-transform:none}
.pc-panel {display:none; margin-top:14px; border:1px solid var(--border); border-radius:12px; background:var(--surface-2); padding:18px; animation:fade 0.2s}
.pc-panel.open {display:block}
.pc-panel h4 {margin:0 0 3px; font-size:16px}
.pc-panel .pc-sub {font-size:12.5px; color:var(--muted); margin-bottom:14px}
.pc-item {display:flex; align-items:center; justify-content:space-between; gap:12px; background:var(--surface); border:1px solid var(--border); border-radius:9px; padding:13px 15px; margin-bottom:9px; font-size:14px}
.pc-item:last-child {margin-bottom:0}
.pc-badge {font-size:11px; font-weight:700; letter-spacing:0.4px; padding:4px 11px; border-radius:6px; text-transform:uppercase}
.pc-badge.low {color:var(--green); background:var(--green-soft)}
.pc-badge.mid {color:var(--warn); background:var(--warn-soft)}
.pc-badge.high {color:var(--danger); background:var(--danger-soft)}
@keyframes fade {from {opacity:0; transform:translateY(-4px)}
 to {opacity:1}
}
.notify {display:flex; align-items:center; gap:16px; padding:18px 24px}
.notify-ic {width:44px; height:44px; border-radius:50%; background:var(--green-soft); color:var(--green); display:grid; place-items:center; flex-shrink:0}
.notify-ic svg {width:22px; height:22px}
.notify-txt {flex:1; min-width:0}
.notify-txt b {display:block; font-size:15px}
.notify-txt span {font-size:13px; color:var(--muted)}
.notify .btn {width:auto; padding:0 20px; flex-shrink:0}
.mid-title {text-align:center; font-size:15px; font-weight:600; color:var(--text-2); padding:16px; border-top:1px solid var(--border)}
.player-wrap {overflow:hidden}
.player-tabs {display:flex; align-items:center; gap:0; background:var(--surface-2); border-bottom:1px solid var(--border); flex-wrap:wrap}
.ptab {padding:14px 20px; font-size:13.5px; font-weight:700; color:var(--text-2); position:relative; white-space:nowrap}
.ptab.active {color:#fff; background:var(--green)}
.ptab:not(.active):hover {color:var(--text)}
.player-tools {margin-left:auto; display:flex; align-items:center; gap:16px; padding:0 18px}
.lights-toggle {display:flex; align-items:center; gap:8px; font-size:13px; color:var(--text-2); cursor:pointer; user-select:none}
.report {display:flex; align-items:center; gap:6px; font-size:13px; color:var(--warn); font-weight:600; cursor:pointer}
.report svg {width:15px; height:15px}
.switch {width:38px; height:21px; border-radius:21px; background:var(--border-2); position:relative; transition:background 0.2s; flex-shrink:0}
.switch.on {background:var(--green)}
.switch::after {content:""; position:absolute; width:15px; height:15px; border-radius:50%; background:#fff; top:3px; left:3px; transition:left 0.2s; box-shadow:0 1px 3px rgba(0,0,0,0.3)}
.switch.on::after {left:20px}
.player-selects {display:flex; align-items:center; gap:10px; padding:14px 18px; background:var(--surface); border-bottom:1px solid var(--border); flex-wrap:wrap}
.psel {position:relative}
.psel-btn {display:flex; align-items:center; gap:10px; padding:9px 14px; background:var(--surface-2); border:1px solid var(--border); border-radius:9px; font-size:13px; font-weight:600; color:var(--text); white-space:nowrap}
.psel-btn .chev {width:14px; height:14px; color:var(--muted); transition:transform 0.2s}
.psel.open .psel-btn .chev {transform:rotate(180deg)}
.psel-btn:hover {border-color:var(--green)}
.psel-menu {position:absolute; top:calc(100% + 6px); left:0; min-width:100%; background:var(--surface); border:1px solid var(--border); border-radius:10px; box-shadow:var(--shadow-lg); padding:6px; z-index:30; display:none; max-height:240px; overflow:auto}
.psel.open .psel-menu {display:block}
.psel-menu button {display:block; width:100%; text-align:left; padding:9px 12px; border-radius:7px; font-size:13px; color:var(--text-2); white-space:nowrap}
.psel-menu button:hover {background:var(--surface-2); color:var(--text)}
.psel-menu button.sel {background:var(--green-soft); color:var(--green); font-weight:600}
.player-selects .gear {margin-left:auto}
.player-frame {position:relative; aspect-ratio:16/9; background:#0d0e12; overflow:hidden}
.player-frame iframe {position:absolute; inset:0; width:100%; height:100%; border:0; display:block}
.player-arrow {position:absolute; left:0; top:50%; transform:translateY(-50%); width:34px; height:64px; background:rgba(0,0,0,0.45); color:#fff; display:grid; place-items:center; border-radius:0 8px 8px 0}
.player-arrow:hover {background:rgba(0,0,0,0.65)}
.player-arrow svg {width:18px; height:18px}
.player-bookmark {display:flex; align-items:center; justify-content:center; gap:8px; padding:14px; font-size:13.5px; font-weight:600; color:var(--text-2); background:var(--surface-2); border-top:1px solid var(--border)}
.player-bookmark svg {width:16px; height:16px; color:var(--green)}
.lights {position:fixed; inset:0; background:rgba(0,0,0,0.86); z-index:40; opacity:0; visibility:hidden; transition:0.3s}
body.lights-on .lights {opacity:1; visibility:visible}
body.lights-on .player-wrap {position:relative; z-index:50}
.rate-head {display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:20px; flex-wrap:wrap}
.rate-pill {display:inline-block; font-size:11px; font-weight:700; letter-spacing:0.5px; text-transform:uppercase; color:var(--green); background:var(--green-soft); padding:4px 11px; border-radius:6px; margin-bottom:10px}
.rate-head h3 {font-family:"Oswald"; font-weight:600; font-size:24px; margin:0}
.rate-total {text-align:center; background:var(--surface-2); border:1px solid var(--border); border-radius:10px; padding:10px 18px}
.rate-total b {display:block; font-family:"JetBrains Mono"; font-size:22px}
.rate-total span {font-size:12px; color:var(--muted)}
.rate-grid {display:grid; grid-template-columns:repeat(6,1fr); gap:12px}
.rate-card {border:1px solid var(--border); border-radius:12px; padding:16px 12px; text-align:center; transition:0.15s; cursor:pointer}
.rate-card:hover {border-color:var(--green); transform:translateY(-3px)}
.rate-card .active {border-color:var(--green); transform:translateY(-3px)}
.rate-emoji {font-size:30px; line-height:1; margin-bottom:8px}
.rate-card b {display:block; font-size:13.5px}
.rate-card .rc-cnt {font-size:11.5px; color:var(--muted); margin:2px 0 10px}
.rate-bar {height:6px; border-radius:6px; background:var(--surface-3); overflow:hidden; margin-bottom:8px}
.rate-bar i {display:block; height:100%; border-radius:6px; background:var(--green)}
.rate-card.neg .rate-bar i {background:var(--danger)}
.rate-card .rc-pct {font-size:13px; font-weight:700; color:var(--text-2)}
.share {display:flex; justify-content:center; gap:10px; flex-wrap:wrap; padding:6px 0 22px}
.share a {width:42px; height:42px; border-radius:50%; display:grid; place-items:center; color:#fff; transition:transform 0.15s,box-shadow 0.15s}
.share a:hover {transform:translateY(-3px); box-shadow:0 8px 16px rgba(0,0,0,0.22)}
.share a svg {width:19px; height:19px}
.sh-vk {background:#4a76a8}
.sh-tg {background:#2aabee}
.sh-wa {background:#25d366}
.sh-vb {background:#7360f2}
.sh-ok {background:#ee8208}
.sh-link {background:var(--muted)}
.cmt-head {display:flex; gap:14px; margin-bottom:18px}
.cmt-head .ch-ic {width:42px; height:42px; border-radius:50%; background:var(--green-soft); color:var(--green); display:grid; place-items:center; flex-shrink:0}
.cmt-head .ch-ic svg {width:20px; height:20px}
.cmt-head h3 {font-family:"Oswald"; font-weight:600; font-size:22px; margin:0 0 4px}
.cmt-head p {font-size:13px; color:var(--text-2); margin:0 0 4px}
.cmt-hint {font-size:12.5px; color:var(--muted)}
.cmt-hint code {font-family:"JetBrains Mono"; background:var(--surface-2); padding:1px 5px; border-radius:4px; font-size:11.5px}
.cmt-tools {display:flex; gap:8px; margin-bottom:8px}
.cmt-spoiler {display:inline-flex; align-items:center; gap:7px; padding:8px 14px; border:1px solid var(--border); border-radius:8px; font-size:13px; font-weight:600; color:var(--text-2)}
.cmt-spoiler:hover {border-color:var(--green); color:var(--green)}
.cmt-spoiler svg {width:15px; height:15px}
.cmt-area {width:100%; min-height:120px; resize:vertical; border:1px solid var(--border-2); background:var(--surface-2); border-radius:11px; padding:14px 16px; font-size:14px; color:var(--text); line-height:1.6}
.cmt-area:focus {border-color:var(--green); background:var(--surface); box-shadow:0 0 0 3px var(--green-soft); outline:none}
.cmt-submit {margin-top:14px; display:flex; align-items:center; gap:9px; padding:0 24px; height:48px; border-radius:10px; background:var(--green); color:#fff; font-size:14px; font-weight:700; box-shadow:0 5px 14px rgba(95,176,48,0.28)}
.cmt-submit:hover {background:var(--green-d)}
.cmt-submit svg {width:18px; height:18px}
.cmt-sort {display:flex; align-items:center; gap:14px; margin:26px 0 16px; font-size:13.5px; color:var(--muted)}
.cmt-sort a {font-weight:600; color:var(--muted); display:inline-flex; align-items:center; gap:4px}
.cmt-sort a.active {color:var(--green)}
.cmt-sort a svg {width:13px; height:13px}
.comment {display:flex; gap:14px; padding:16px; border-radius:12px; margin-bottom:12px; border:1px solid var(--border); background:var(--surface)}
.comment.pos {background:var(--green-soft-2); border-color:rgba(95,176,48,0.25)}
.comment.neg {background:var(--danger-soft); border-color:rgba(227,88,88,0.22)}
.cmt-ava {width:40px; height:40px; border-radius:50%; flex-shrink:0; display:grid; place-items:center; color:#fff; font-weight:700; font-size:16px}
.cmt-body {flex:1; min-width:0}
.cmt-top {display:flex; align-items:center; gap:9px; flex-wrap:wrap; margin-bottom:7px}
.cmt-name {font-weight:700; font-size:14px}
.cmt-guest {font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:0.4px; color:var(--muted); background:var(--surface-2); border:1px solid var(--border); padding:2px 7px; border-radius:5px}
.cmt-date {font-size:12px; color:var(--muted)}
.cmt-vote {margin-left:auto; display:flex; align-items:center; gap:9px; background:var(--surface-2); border:1px solid var(--border); border-radius:8px; padding:4px 6px}
.cmt-vote button {width:20px; height:20px; display:grid; place-items:center; color:var(--muted); font-size:16px; font-weight:700; line-height:1}
.cmt-vote button:hover {color:var(--green)}
.cmt-vote .cv-down:hover {color:var(--danger)}
.cmt-vote .cv-num {font-family:"JetBrains Mono"; font-size:13px; font-weight:600; min-width:26px; text-align:center}
.cmt-vote .cv-num.plus {color:var(--green)}
.cmt-vote .cv-num.minus {color:var(--danger)}
.cmt-text {font-size:13.5px; line-height:1.65; color:var(--text-2); margin-bottom:10px}
.cmt-actions {display:flex; flex-wrap:wrap; gap:16px; font-size:12.5px; color:var(--muted)}
.cmt-actions a {display:inline-flex; align-items:center; gap:5px; color:var(--muted)}
.cmt-actions a:hover {color:var(--green)}
.cmt-actions svg {width:13px; height:13px}
.cmt-more {display:flex; align-items:center; justify-content:center; gap:9px; width:100%; height:50px; border-radius:11px; background:var(--green); color:#fff; font-size:14px; font-weight:700; margin-top:8px; box-shadow:0 5px 14px rgba(95,176,48,0.28)}
.cmt-more:hover {background:var(--green-d)}
.cmt-more svg {width:17px; height:17px}
.also {padding:4px 0 24px}
.also-h {font-family:"Oswald"; font-weight:600; font-size:20px; margin:0 0 16px}
.also-grid {display:grid; grid-template-columns:repeat(6,1fr); gap:16px}
.card {position:relative}
.card:hover .poster {transform:translateY(-4px); box-shadow:var(--shadow-lg)}
.poster-scrim {position:absolute; left:0; right:0; bottom:0; padding:28px 11px 10px; background:linear-gradient(to top,rgba(8,8,12,0.92) 8%,rgba(8,8,12,0.5) 55%,transparent )}
.poster-scrim .p-title {font-size:13px; font-weight:700; color:#fff; line-height:1.2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.poster-scrim .p-r {display:flex; gap:8px; margin-top:5px}
.poster-scrim .p-r span {font-size:10px; font-weight:700; color:#dfe3ea}
.poster-scrim .p-r b {font-family:"JetBrains Mono"}
.poster-scrim .p-r .kp b {color:#ffb38a}
.poster-scrim .p-r .imdb b {color:#f5cf6b}
.badge.season {position:absolute; top:8px; left:8px; z-index:2; background:rgba(15,16,22,0.82); color:#fff; font-size:10px; font-weight:600; padding:3px 7px; border-radius:5px; backdrop-filter:blur(2px)}
.play-ov {position:absolute; inset:0; display:grid; place-items:center; z-index:1; background:rgba(8,9,14,0.35); opacity:0; transition:0.18s}
.card:hover .play-ov {opacity:1}
.play-ov .pbtn {width:46px; height:46px; border-radius:50%; background:var(--green); color:#fff; display:grid; place-items:center; box-shadow:0 6px 20px rgba(0,0,0,0.4)}
.play-ov .pbtn svg {width:20px; height:20px; margin-left:3px}
@media (max-width:980px) {.movie {grid-template-columns:200px 1fr; gap:22px; padding:20px}
 .rate-grid {grid-template-columns:repeat(3,1fr)}
 .also-grid {grid-template-columns:repeat(4,1fr)}
}
@media (max-width:760px) {.info {grid-template-columns:1fr}
 .info-row.full,.info-row {grid-column:auto}
 .notify {flex-wrap:wrap}
 .notify .btn {width:100%}
 .player-tools {padding:10px 18px; width:100%; justify-content:space-between}
}
@media (max-width:680px) {.also-grid {grid-template-columns:repeat(3,1fr)}
}
@media (max-width:560px) {.movie {grid-template-columns:1fr}
 .movie-poster {max-width:240px; margin:0 auto}
 .rate-grid {grid-template-columns:repeat(2,1fr)}
 .movie-titlebar h1 {font-size:22px}
 .comment {flex-direction:column}
 .cmt-vote {margin-left:0}
 .also-grid {grid-template-columns:repeat(2,1fr)}
}
.comments-tree-list {list-style:none!important; padding-inline-start:0!important}
.serial-source-ratings {display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:10px; padding:0}
.serial-source-rating {position:relative; display:inline-flex; align-items:center; gap:8px; min-height:30px; padding:5px 10px 5px 8px; border-radius:999px; background:#f7f9fb; border:1px solid #dfe6ec; color:#2f3842; box-shadow:0 4px 12px rgba(20,28,36,.045); overflow:hidden}
.serial-source-rating::before {content:""; width:6px; height:6px; border-radius:50%; flex:0 0 auto}
.serial-source-rating span {display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:20px; padding:0 7px; border-radius:999px; font-size:10px; font-weight:900; line-height:1; text-transform:uppercase; letter-spacing:.04em}
.serial-source-rating strong {color:#1d2731; font-size:15px; font-weight:900; line-height:1; letter-spacing:-.02em}
.serial-source-rating--kp::before {background:#f27b21; box-shadow:0 0 0 4px rgba(242,123,33,.12)}
.serial-source-rating--kp span {background:rgba(242,123,33,.12); color:#9a4a08}
.serial-source-rating--imdb::before {background:#e0b91d; box-shadow:0 0 0 4px rgba(224,185,29,.14)}
.serial-source-rating--imdb span {background:rgba(224,185,29,.16); color:#715d05}
[data-theme="dark"] .serial-source-rating {background:#1d232a; border-color:#303944; box-shadow:none; color:#d8e0e7}
[data-theme="dark"] .serial-source-rating strong {color:#f2f5f7}
[data-theme="dark"] .serial-source-rating--kp span {background:rgba(242,123,33,.16); color:#ffc26a}
[data-theme="dark"] .serial-source-rating--imdb span {background:rgba(224,185,29,.18); color:#f1d260}
.serial-status {--status-bg:#f3f7f4; --status-border:#dce8df; --status-color:#2c6840; --status-dot:#42a85b; display:inline-flex; align-items:center; gap:7px; max-width:100%; padding:5px 10px 5px 8px; border:1px solid var(--status-border); border-radius:999px; background:var(--status-bg); color:var(--status-color); font-size:13px; font-weight:600; line-height:1.25; vertical-align:middle; box-sizing:border-box; min-height:32px}
/* Пульсация для точки статуса */
.serial-status__dot {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border-radius: 50%;
    background: var(--status-dot);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--status-dot) 18%, transparent);
    animation: status-pulse 2s ease-in-out infinite;
}

/* Анимация пульсации */
@keyframes status-pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.15);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Для статусов "Закрыт" и "Завершен" - более медленная пульсация или остановка */
.serial-status--finished .serial-status__dot {
    animation-duration: 3s;
    opacity: 0.6;
}

/* Для "Новинка" - более быстрая пульсация */
.serial-status--new .serial-status__dot {
    animation-duration: 1.5s;
}

/* Для "Снимается" - умеренная пульсация */
.serial-status--ongoing .serial-status__dot {
    animation-duration: 2s;
}

/* Для "На паузе" - прерывистая пульсация */
.serial-status--paused .serial-status__dot {
    animation-duration: 2.5s;
    animation-timing-function: steps(1);
}

/* Для "Пилотная серия" - быстрая пульсация */
.serial-status--pilotordered .serial-status__dot {
    animation-duration: 1.2s;
}

/* Для "Под вопросом" - медленная пульсация */
.serial-status--tbdothebubble .serial-status__dot {
    animation-duration: 3s;
}
.serial-status__label {color:#637282; font-weight:500}
.serial-status__value {overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.serial-status--newseries {--status-bg:#f5f1ff; --status-border:#e3daf8; --status-color:#6a4ca3; --status-dot:#8d6adf}
.serial-status--canceledended {--status-bg:#f7eeee; --status-border:#ead5d5; --status-color:#7a2f2f; --status-dot:#a83535}
.serial-status--returningseries {--status-bg:#eef7f1; --status-border:#d5eadb; --status-color:#2f7a45; --status-dot:#35a853}
.serial-status--onhiatus {--status-bg:#fff7ed; --status-border:#f3dcc1; --status-color:#9a4f10; --status-dot:#f28a22}
[data-theme="dark"] .serial-status {--status-bg:rgba(255,255,255,0.06); --status-border:rgba(255,255,255,0.1); color:var(--status-color)}
[data-theme="dark"] .serial-status__label {color:#9aa8b8}
[data-theme="dark"] .serial-status--newseries {--status-bg:rgba(141,106,223,0.14); --status-border:rgba(141,106,223,0.3); --status-color:#bca6ff; --status-dot:#8d6adf}
[data-theme="dark"] .serial-status--canceledended {--status-bg:rgb(168 53 53 / 12%); --status-border:rgb(168 53 53 / 25%); --status-color:#d97e7e; --status-dot:#a83535}
[data-theme="dark"] .serial-status--returningseries {--status-bg:rgba(53,168,83,0.12); --status-border:rgba(53,168,83,0.25); --status-color:#7ed992; --status-dot:#35a853}
[data-theme="dark"] .serial-status--onhiatus {--status-bg:rgba(242,138,34,0.12); --status-border:rgba(242,138,34,0.25); --status-color:#ffb368; --status-dot:#f28a22}
/* Для пилотной серии */
.serial-status--pilotordered {
    --status-bg: #edf4ff;
    --status-border: #c9dbf5;
    --status-color: #2b5fa0;
    --status-dot: #4a8fd9;
}
[data-theme="dark"] .serial-status--pilotordered {
    --status-bg: rgba(74, 143, 217, 0.12);
    --status-border: rgba(74, 143, 217, 0.25);
    --status-color: #8dbfff;
    --status-dot: #4a8fd9;
}
/* Для статуса "Под вопросом" - используем тот же стиль, что и paused */
.serial-status--tbdothebubble {
    --status-bg: #fff7ed;
    --status-border: #f3dcc1;
    --status-color: #9a4f10;
    --status-dot: #f28a22;
}
[data-theme="dark"] .serial-status--tbdothebubble {
    --status-bg: rgba(242, 138, 34, 0.12);
    --status-border: rgba(242, 138, 34, 0.25);
    --status-color: #ffb368;
    --status-dot: #f28a22;
}
/* Скрываем блок статуса, если внутри нет значения */
.serial-status:has(.serial-status__value:empty) {
    display: none !important;
}

/* Скрываем если статус "Неизвестно" */
.serial-status.serial-status--none {
    display: none !important;
}

/* Скрываем если нет класса статуса (статус пустой) */
.serial-status:not([class*="serial-status--"]) {
    display: none !important;
}

/* Дополнительная страховка - скрываем если внутри пусто */
.serial-status:empty {
    display: none !important;
}
.episodes-open-btn {display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:0 18px; border:0; border-radius:12px; background:#4caf50; color:#fff; font-size:14px; font-weight:700; cursor:pointer; box-shadow:0 8px 22px rgba(76,175,80,.24); transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.episodes-open-btn:hover {background:#43a047; box-shadow:0 10px 26px rgba(76,175,80,.34)}
.episodes-modal {position:fixed; inset:0; z-index:9999; display:none; padding:22px; overflow:auto}
.episodes-modal.is-active {display:flex; align-items:center; justify-content:center}
.episodes-modal__overlay {position:fixed; inset:0; background:rgba(12,18,25,.62); backdrop-filter:blur(6px); animation:episodesFade .18s ease}
.episodes-modal__window {position:relative; z-index:2; width:min(860px,100%); max-height:calc(100vh - 44px); display:flex; flex-direction:column; background:#fff; border-radius:22px; box-shadow:0 24px 70px rgba(0,0,0,.28); overflow:hidden; animation:episodesShow .22s ease}
.episodes-modal__head {display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 24px; border-bottom:1px solid #eef0f2; background:linear-gradient(135deg,rgba(76,175,80,.13),rgba(76,175,80,0) 58%),#fff}
.episodes-modal__label {margin-bottom:4px; color:#4caf50; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.08em}
.episodes-modal__head h3 {margin:0; color:#222; font-size:22px; line-height:1.25; font-weight:800}
.episodes-modal__close {width:42px; height:42px; flex:0 0 42px; border:0; border-radius:50%; background:#f2f4f6; color:#333; font-size:28px; line-height:1; cursor:pointer; transition:background .2s ease,color .2s ease,transform .2s ease; font-family:fantasy}
.episodes-modal__close:hover {background:#4caf50; color:#fff; transform:rotate(90deg)}
.episodes-modal__body {padding:18px; overflow:auto}
.episodes-season {border:1px solid #edf0f2; border-radius:16px; background:#fff; overflow:hidden; box-shadow:0 6px 20px rgba(20,28,35,.04)}
.episodes-season + .episodes-season {margin-top:12px}
.episodes-season__toggle {width:100%; display:flex; align-items:center; gap:14px; padding:16px 18px; border:0; background:#f7f8f9; color:#2b2f33; cursor:pointer; text-align:left; transition:background .2s ease}
.episodes-season__toggle:hover {background:#f1f5f1}
.episodes-season.is-open .episodes-season__toggle {background:linear-gradient(135deg,rgba(76,175,80,.13),rgba(76,175,80,.04))}
.episodes-season__name {display:inline-flex; align-items:center; gap:10px; min-width:0; font-size:16px; font-weight:800}
.episodes-season__icon {width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border-radius:11px; background:#4caf50; color:#fff; font-size:15px; font-weight:900; box-shadow:0 8px 18px rgba(76,175,80,.28)}
.episodes-season__meta {margin-left:auto; color:#747b82; font-size:13px; font-weight:700; white-space:nowrap}
.episodes-season__arrow {width:10px; height:10px; border-right:2px solid #7a8288; border-bottom:2px solid #7a8288; transform:rotate(45deg); transition:transform .2s ease,border-color .2s ease}
.episodes-season.is-open .episodes-season__arrow {transform:rotate(-135deg); border-color:#4caf50}
.episodes-season__content {display:none; padding:4px 0 10px}
.episodes-season.is-open .episodes-season__content {display:block}
.episodes-list {padding:0 12px 4px}
.episodes-list__head,.episodes-item {display:grid; grid-template-columns:110px minmax(0,1fr) 180px 36px; align-items:center; gap:14px}
.episodes-list__head {padding:12px 6px 8px; color:#8a9299; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.04em}
.episodes-item {min-height:48px; padding:10px 6px; border-radius:12px; color:#3b4147; font-size:14px; transition:background .2s ease,transform .2s ease}
.episodes-item:nth-child(even) {background:#f8f9fa}
.episodes-item:hover {background:#eef8ef}
.episodes-item__num {color:#6c747c; font-weight:700}
.episodes-item__title {min-width:0; color:#30363b; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.episodes-item__date {color:#636b72}
.episodes-item__status {width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; justify-self:end; border-radius:50%; font-size:15px; font-weight:900; font-family:'Oswald',sans-serif}
.episodes-item__status.is-released {background:rgba(76,175,80,.12); color:#35a64a}
.episodes-item__status.is-notreleased {font-size:23px; background:rgb(175 76 76 / 12%); color:#a63535}
body.episodes-lock {overflow:hidden}
[data-theme="dark"] .episodes-open-btn {background:#4caf50; box-shadow:0 8px 22px rgba(76,175,80,.18)}
[data-theme="dark"] .episodes-modal__overlay {background:rgba(4,8,12,.72)}
[data-theme="dark"] .episodes-modal__window {background:#15191d; box-shadow:0 24px 70px rgba(0,0,0,.55)}
[data-theme="dark"] .episodes-modal__head {border-bottom-color:#262c32; background:linear-gradient(135deg,rgba(76,175,80,.16),rgba(76,175,80,0) 58%),#171c21}
[data-theme="dark"] .episodes-modal__head h3 {color:#f1f4f5}
[data-theme="dark"] .episodes-modal__close {background:#252b31; color:#d9dee2}
[data-theme="dark"] .episodes-modal__close:hover {background:#4caf50; color:#fff}
[data-theme="dark"] .episodes-season {border-color:#262c32; background:#181d22; box-shadow:none}
[data-theme="dark"] .episodes-season__toggle {background:#1d2329; color:#eef2f3}
[data-theme="dark"] .episodes-season__toggle:hover {background:#202a24}
[data-theme="dark"] .episodes-season.is-open .episodes-season__toggle {background:linear-gradient(135deg,rgba(76,175,80,.18),rgba(76,175,80,.06))}
[data-theme="dark"] .episodes-season__meta {color:#a2abb3}
[data-theme="dark"] .episodes-season__arrow {border-color:#9aa4ac}
[data-theme="dark"] .episodes-list__head {color:#8f9aa3}
[data-theme="dark"] .episodes-item {color:#d5dadd}
[data-theme="dark"] .episodes-item:nth-child(even) {background:#1b2025}
[data-theme="dark"] .episodes-item:hover {background:rgba(76,175,80,.11)}
[data-theme="dark"] .episodes-item__num,[data-theme="dark"] .episodes-item__date {color:#a4adb5}
[data-theme="dark"] .episodes-item__title {color:#eef2f3}
[data-theme="dark"] .episodes-item__status.is-released {background:rgba(76,175,80,.16); color:#62d36f}
[data-theme="dark"] .episodes-item__status.is-notreleased {background:rgb(175 76 76 / 16%); color:#d36262}
@media (max-width:680px) {.episodes-modal {padding:12px; align-items:flex-end}
 .episodes-modal.is-active {align-items:flex-end}
 .episodes-modal__window {max-height:calc(100vh - 24px); border-radius:20px 20px 0 0}
 .episodes-modal__head {padding:18px}
 .episodes-modal__head h3 {font-size:19px}
 .episodes-modal__body {padding:12px}
 .episodes-season__toggle {padding:14px}
 .episodes-season__name {font-size:15px}
 .episodes-season__meta {font-size:12px}
 .episodes-list {padding:0 8px 6px}
 .episodes-list__head {display:none}
 .episodes-item {grid-template-columns:1fr 34px; gap:5px 12px; min-height:auto; padding:13px 8px}
 .episodes-item__num {grid-column:1 / 2; font-size:13px}
 .episodes-item__title {grid-column:1 / 2; white-space:normal; font-size:15px; line-height:1.3}
 .episodes-item__date {grid-column:1 / 2; font-size:13px}
 .episodes-item__status {grid-column:2 / 3; grid-row:1 / 4; align-self:center}
}
@media (max-width:420px) {.episodes-season__toggle {gap:10px}
 .episodes-season__icon {width:30px; height:30px; border-radius:10px}
 .episodes-season__meta {display:none}
 .episodes-open-btn {width:100%; justify-content:center}
}
@keyframes episodesFade {from {opacity:0}
 to {opacity:1}
}
@keyframes episodesShow {from {opacity:0; transform:translateY(18px) scale(.98)}
 to {opacity:1; transform:translateY(0) scale(1)}
}
.telegramLink {font-family:inherit; cursor:pointer; border:0}
#dropmenudiv {font:12px Arial; padding:10px; display:none; background:#fff; border-radius:8px; box-shadow:0 0 50px 0 rgba(0,0,0,0.22); z-index:200 !important}
#dropmenudiv a {display:block; text-decoration:none; padding:5px 8px; width:154px}
[data-theme="dark"] #dropmenudiv {background:#1e1e1e; box-shadow:0 0 50px 0 rgba(0,0,0,0.6)}
[data-theme="dark"] #dropmenudiv a {color:#ccc}
#ps-close,#ps-overlay-wrap {text-align:left; position:fixed}
#ps-overlay-wrap {background:rgba(0,0,0,0.975); direction:ltr; display:block; height:100%; overflow-y:auto; top:0; left:0; width:100%; z-index:9000000000}
#ps-content-holder {padding:60px}
#ps-report-content {margin:0 auto; max-width:980px}
#ps-report-title {color:#fff; font-size:22px; line-height:22px; padding-top:50px}
#ps-report-title-info {color:#c73a3a; font-size:14px; font-weight:700; line-height:14px; padding-top:15px}
#ps-report-issues .report-item,#ps-report-issues-comment .report-item {-webkit-border-radius:3px; -khtml-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; background-color:#222; color:#fff; cursor:pointer; display:block; font-size:20px; line-height:20px; margin-bottom:10px; padding:20px; position:relative}
#ps-report-issues .report-item:hover,#ps-report-issues-comment .report-item:hover {background-color:#444; color:#fff}
#ps-close {border:0; width:3.5em; height:3.5em; background:#222; border-radius:50%; z-index:10002; top:2.5em; right:2.5em; -webkit-transition:color 0.3s; transition:color 0.3s; outline:0}
#ps-close:before {-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
#ps-close:after {-webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
#ps-close:after,#ps-close:before {width:2px; background-color:#fff; content:""; position:absolute; top:20%; bottom:20%; left:50%; margin-left:-1px}
#ps-close:focus:after,#ps-close:focus:before,#ps-close:hover:after,#ps-close:hover:before {background-color:#222}
#ps-close:focus,#ps-close:hover,.highslide-html {background-color:#fff}
#ps-report-issues,#ps-report-issues-comment,.screens img {padding-top:20px}
#ps-report-issues .report-item.active,#ps-report-issues-comment .report-item.active {background-color:#fff; color:#000}
#ps-report-issues .report-item i,#ps-report-issues-comment .report-item i {background:#fff; display:none; position:absolute; top:30px; left:-15px; height:66px; width:5px}
#ps-report-issues .report-item i:after,#ps-report-issues .report-item i:before,#ps-report-issues-comment .report-item i:after,#ps-report-issues-comment .report-item i:before {background:#fff; content:""; display:block; position:absolute; width:13px}
#ps-report-issues .report-item i:before,#ps-report-issues-comment .report-item i:before {height:7px; top:0; right:-13px}
#ps-report-issues .report-item i:after,#ps-report-issues-comment .report-item i:after {height:3px; bottom:0; right:-13px}
#ps-report-issues .report-item:hover,#ps-report-issues-comment .report-item:hover {background-color:#444; color:#fff}
#ps-report-issues .report-item.active,#ps-report-issues-comment .report-item.active {background-color:#fff; color:#000}
#ps-report-issues .report-item.active i,#ps-report-issues-comment .report-item.active i {display:block}
#ps-report-issues .report-item.active:hover,#ps-report-issues-comment .report-item.active:hover {cursor:default}
#ps-report-issues textarea,#ps-report-issues-comment textarea {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:#fff; border:3px solid #333; color:#000; font-size:14px; height:48px; line-height:16px; margin-bottom:10px; padding:5px; resize:none; width:100%}
#ps-report-issues textarea.error,#ps-report-issues-comment textarea.error {border-color:red}
.styled-checkbox {position:absolute; opacity:0}
.styled-checkbox + label {position:relative; cursor:pointer; padding:0}
.styled-checkbox + label:before {content:""; margin-right:10px; display:inline-block; vertical-align:text-top; width:20px; height:20px; background:white}
.styled-checkbox:hover + label:before {background:#59cf1d}
.styled-checkbox:focus + label:before {box-shadow:0 0 0 3px rgba(0,0,0,0.12)}
.styled-checkbox:checked + label:before {background:#59cf1d}
.styled-checkbox:disabled + label {color:#b8b8b8; cursor:auto}
.styled-checkbox:disabled + label:before {box-shadow:none; background:#ddd}
.styled-checkbox:checked + label:after {content:""; position:absolute; left:5px; top:9px; background:white; width:2px; height:2px; box-shadow:2px 0 0 white,4px 0 0 white,4px -2px 0 white,4px -4px 0 white,4px -6px 0 white,4px -8px 0 white; transform:rotate(45deg)}
.page {min-height:100vh; display:flex; flex-direction:column}
.page > .wrap:last-of-type {flex:1}
.footer {margin-top:auto}
.site-notice {position:relative; display:flex; gap:22px; width:100%; padding:14px 19px 11px 9px; margin:20px 0; border:1px solid rgba(44,125,220,.22); border-left:6px solid #2f80ed; border-radius:16px; background:radial-gradient(circle at top left,rgba(47,128,237,.12),transparent 34%),linear-gradient(135deg,#f8fbff,#edf5ff); box-shadow:0 12px 32px rgba(15,50,90,.12); color:#162033; box-sizing:border-box}
.site-notice__icon {flex:0 0 42px; width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:rgba(47,128,237,.12); color:#2f80ed; font-size:18px; font-weight:700; font-family:Georgia,serif; box-shadow:inset 0 0 0 3px rgba(47,128,237,.85)}
.site-notice__body {min-width:0; flex:1}
.site-notice__title {margin:0 0 8px; font-size:17px; line-height:1.2; font-weight:800}
.site-notice__text {max-width:900px; font-size:14px; line-height:1.55}
html[data-theme="dark"] .site-notice,body.dle_theme_dark .site-notice {background:radial-gradient(circle at top left,rgba(47,128,237,.20),transparent 36%),linear-gradient(135deg,#172331,#101820); border-color:rgba(74,151,255,.28); border-left-color:#2f80ed; box-shadow:0 14px 36px rgba(0,0,0,.35); color:#edf5ff}
html[data-theme="dark"] .site-notice__text,body.dle_theme_dark .site-notice__text {color:#c9d5e4}
html[data-theme="dark"] .site-notice__icon,body.dle_theme_dark .site-notice__icon {background:rgba(47,128,237,.16); color:#4d9cff; box-shadow:inset 0 0 0 3px rgba(77,156,255,.9)}
@media (max-width:640px) {.site-notice {display:block; padding:24px 22px 22px; border-radius:14px}
 .site-notice__icon {width:54px; height:54px; margin-bottom:16px; font-size:28px; box-shadow:inset 0 0 0 2px rgba(47,128,237,.85)}
 .site-notice__title {font-size:21px}
 .site-notice__text {font-size:15px}
}
.lf-search {width:100%; margin:18px 0 34px}
.lf-search .s-side {padding:26px; border-radius:22px; background:#fff; border:1px solid #e2e8f0; box-shadow:0 18px 45px rgba(15,23,42,.08)}
.lf-search .s-title {margin:0 0 18px; font-size:34px; line-height:1.1; font-weight:800; color:#111827; letter-spacing:-.04em}
.lf-search #searchinput {width:100%; height:50px; padding:0 16px; margin:0 0 14px; border:1px solid #d5dde8; border-radius:14px; background:#f8fafc; color:#111827; font-size:15px; outline:none; transition:.2s ease}
.lf-search #searchinput:focus {background:#fff; border-color:#55b82e; box-shadow:0 0 0 4px rgba(85,184,46,.15)}
.lf-search .s-btn {display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:0 22px; border:0; border-radius:14px; cursor:pointer; font-size:15px; font-weight:800; color:#fff; background:linear-gradient(135deg,#5fbd32,#45a928); box-shadow:0 12px 24px rgba(69,169,40,.28); transition:.2s ease}
.lf-search .s-btn svg {width:19px; height:19px; flex:0 0 auto}
.lf-search .s-btn:hover {transform:translateY(-1px); box-shadow:0 16px 30px rgba(69,169,40,.34)}
.lf-search .s-btn:active {transform:translateY(0); box-shadow:0 8px 18px rgba(69,169,40,.24)}
.lf-search .s-count {margin-top:14px; color:#7b8496; font-size:14px}
@media (max-width:768px) {.lf-search .s-side {max-width:none; padding:22px; border-radius:18px}
 .lf-search .s-title {font-size:28px}
 .lf-search .s-btn {width:100%}
}
@media (max-width:480px) {.lf-search {margin-top:14px}
 .lf-search .s-side {padding:18px; border-radius:16px}
 .lf-search .s-title {font-size:25px}
 .lf-search #searchinput {height:48px; border-radius:12px}
 .lf-search .s-btn {min-height:46px; border-radius:12px}
}
html[data-theme="dark"] .lf-search .s-side,body.dle_theme_dark .lf-search .s-side {background:#151b26; border-color:#273244; box-shadow:0 18px 45px rgba(0,0,0,.25)}
html[data-theme="dark"] .lf-search .s-title,body.dle_theme_dark .lf-search .s-title {color:#f8fafc}
html[data-theme="dark"] .lf-search #searchinput,body.dle_theme_dark .lf-search #searchinput {background:#0f1520; border-color:#2d384a; color:#f8fafc}
html[data-theme="dark"] .lf-search #searchinput:focus,body.dle_theme_dark .lf-search #searchinput:focus {background:#111827; border-color:#5fbd32}
html[data-theme="dark"] .lf-search .s-count,body.dle_theme_dark .lf-search .s-count {color:#9ca3af}
.col-grid {display:grid; grid-template-columns:repeat(3,1fr); gap:24px 20px; margin-bottom:26px}
@media screen and (max-width:980px) {.col-grid {grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width:760px) {.col-grid {grid-template-columns:repeat(1,1fr)}
}
.col-card {display:flex; flex-direction:column}
.col-thumb {position:relative; aspect-ratio:16/9; overflow:hidden; box-shadow:var(--shadow); transition:transform .18s,box-shadow .18s}
.col-card:hover .col-thumb {transform:translateY(-4px); box-shadow:var(--shadow-lg)}
.col-bg {position:absolute; inset:0}
.col-bg.themed::after {content:""; position:absolute; inset:0; background:radial-gradient(120% 80% at 50% 110%,rgba(0,0,0,.55),transparent 70%)}
.col-year {position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:6px; background:linear-gradient(135deg,#86c93f,#5fb030)}
.col-year .y {font-family:'Oswald'; font-weight:700; font-size:62px; line-height:.9; color:#fff; letter-spacing:1px; text-shadow:0 2px 10px rgba(0,0,0,.18)}
.col-year .k {font-family:'Oswald'; font-weight:600; font-size:19px; color:rgba(255,255,255,.95); text-transform:uppercase; letter-spacing:.5px; align-self:flex-end; margin-bottom:14px}
.col-count {position:absolute; top:0; right:0; z-index:3; background:rgba(18,20,26,.85); color:#fff; font-family:'JetBrains Mono'; font-weight:600; font-size:13px; padding:6px 11px; border-bottom-left-radius:9px; backdrop-filter:blur(2px)}
.col-strip {position:absolute; left:0; right:0; bottom:0; z-index:2; background:linear-gradient(to top,rgba(8,10,14,.92),rgba(8,10,14,.55) 70%,transparent); color:#fff; font-weight:600; font-size:14px; padding:22px 14px 11px}
.col-card .col-year ~ .col-strip {background:rgba(20,40,12,.55)}
.col-play {position:absolute; inset:0; z-index:1; display:grid; place-items:center; background:rgba(8,9,14,.32); opacity:0; transition:.18s}
.col-card:hover .col-play {opacity:1}
.col-play .pbtn {width:50px; height:50px; border-radius:50%; background:var(--green); color:#fff; display:grid; place-items:center; box-shadow:0 6px 20px rgba(0,0,0,.4)}
.col-play .pbtn svg {width:21px; height:21px; margin-left:3px}
.col-date {font-size:12.5px; color:var(--muted); margin-top:10px; padding:0 2px}
.col-thumb > img {width:100%; height:100%; object-fit:cover}
.serial-vote {display:grid; grid-template-columns:1fr 1fr; gap:0; margin:0 0 10px; padding-top:0; background:#fff; border:1px solid #e4e8ec; overflow:hidden; box-shadow:0 8px 18px rgba(20,28,36,.045)}
.serial-vote__btn {display:flex; align-items:center; justify-content:center; gap:8px; height:42px; padding:0 10px; border:0; background:transparent; font-size:14px; font-weight:800; line-height:1; cursor:pointer; transition:background .18s ease,color .18s ease}
.serial-vote__btn + .serial-vote__btn {border-left:1px solid #e4e8ec}
.serial-vote__icon {display:flex; align-items:center; justify-content:center; width:25px; height:25px; border-radius:50%; color:#fff}
.serial-vote__icon svg {width:14px; height:14px; fill:currentColor}
.serial-vote__btn--like {color:#2b9947}
.serial-vote__btn--like .serial-vote__icon {background:#2baa4f}
.serial-vote__btn--like:hover {background:#eef8f1}
.serial-vote__btn--dislike {color:#d45732}
.serial-vote__btn--dislike .serial-vote__icon {background:#df623a}
.serial-vote__btn--dislike:hover {background:#fff2ee}
[data-theme="dark"] .serial-vote {background:#1d232a; border-color:#2e3740; box-shadow:none}
[data-theme="dark"] .serial-vote__btn + .serial-vote__btn {border-left-color:#2e3740}
[data-theme="dark"] .serial-vote__btn--like {color:#73dd8a}
[data-theme="dark"] .serial-vote__btn--like:hover {background:rgba(47,175,79,.13)}
[data-theme="dark"] .serial-vote__btn--dislike {color:#ff9b76}
[data-theme="dark"] .serial-vote__btn--dislike:hover {background:rgba(226,98,58,.13)}
.ls-profile {--lp-green:#6fc83a; --lp-green-dark:#51aa22; --lp-text:#333; --lp-muted:#8b8b8b; --lp-bg:#f3f3f3; --lp-card:#fff; --lp-border:rgba(0,0,0,.08); --lp-shadow:0 8px 28px rgba(0,0,0,.08); --lp-radius:16px; color:var(--lp-text)}
.ls-profile * {box-sizing:border-box}
.ls-profile a {text-decoration:none}
.ls-profile__hero {position:relative; overflow:hidden; background:#191919; border-radius:0; box-shadow:var(--lp-shadow)}
.ls-profile__hero-bg {position:absolute; inset:0; background:radial-gradient(circle at 15% 20%,rgba(111,200,58,.28),transparent 28%),linear-gradient(135deg,rgba(0,0,0,.25),rgba(0,0,0,.86)),url('/templates/lordfilm-light/images/bg.jpg') center top / cover no-repeat; opacity:.95}
.ls-profile__user {position:relative; z-index:1; display:flex; gap:28px; padding:34px; min-height:250px}
.ls-profile__avatar-wrap {width:190px; flex:0 0 190px}
.ls-profile__status {display:inline-flex; align-items:center; gap:7px; min-height:28px; padding:5px 11px; margin-bottom:13px; border-radius:30px; background:rgba(255,255,255,.12); color:#fff; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.4px; backdrop-filter:blur(8px)}
.ls-profile__status p {margin:0}
.ls-profile__status-dot {width:8px; height:8px; border-radius:50%; display:inline-block}
.ls-profile__status-dot--online {background:var(--lp-green); box-shadow:0 0 0 5px rgba(111,200,58,.18)}
.ls-profile__status-dot--offline {background:#9a9a9a; box-shadow:0 0 0 5px rgba(154,154,154,.18)}
.ls-profile__avatar {width:190px; height:190px; border-radius:18px; overflow:hidden; background:rgba(255,255,255,.12); border:5px solid rgba(255,255,255,.16); box-shadow:0 16px 36px rgba(0,0,0,.32)}
.ls-profile__avatar img {width:100%; height:100%; object-fit:cover; display:block}
.ls-profile__main {flex:1; min-width:0; display:flex; flex-direction:column; justify-content:space-between}
.ls-profile__top {display:flex; align-items:flex-start; justify-content:space-between; gap:24px}
.ls-profile__label,.ls-profile__card-label {font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:1.4px; color:var(--lp-green); margin-bottom:7px}
.ls-profile__name {margin:0; color:#fff; font-size:34px; line-height:1.1; font-weight:800; letter-spacing:.2px}
.ls-profile__group {margin-top:10px; color:rgba(255,255,255,.72); font-size:14px}
.ls-profile__group span {color:rgba(255,255,255,.5)}
.ls-profile__group em {display:inline-block; margin-left:8px; font-style:normal; color:rgba(255,255,255,.62)}
.ls-profile__actions {display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; max-width:360px}
.ls-profile__action a,.ls-profile__action input,.ls-profile__action button {display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 17px; border:0; border-radius:9px; background:rgba(255,255,255,.13); color:#fff !important; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.4px; cursor:pointer; transition:background .2s ease,transform .2s ease,color .2s ease}
.ls-profile__action a:hover,.ls-profile__action input:hover,.ls-profile__action button:hover {background:rgba(255,255,255,.22); transform:translateY(-1px)}
.ls-profile__action--accent a,.ls-profile__action--accent input,.ls-profile__action--accent button {background:var(--lp-green); color:#fff !important}
.ls-profile__action--accent a:hover,.ls-profile__action--accent input:hover,.ls-profile__action--accent button:hover {background:var(--lp-green-dark)}
.ls-profile__stats {display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:30px}
.ls-profile__stat {display:flex; align-items:center; gap:12px; min-width:0; padding:14px; border-radius:14px; background:rgba(255,255,255,.11); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(10px)}
.ls-profile__stat-icon {width:42px; height:42px; flex:0 0 42px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:rgba(111,200,58,.18); color:var(--lp-green); font-size:18px}
.ls-profile__stat strong {display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-size:18px; line-height:1.2}
.ls-profile__stat span {display:block; margin-top:3px; color:rgba(255,255,255,.58); font-size:12px}
.ls-profile__content {display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:22px; margin-top:22px}
.ls-profile__card {background:var(--lp-card); border:1px solid var(--lp-border); border-radius:var(--lp-radius); box-shadow:var(--lp-shadow); padding:24px}
.ls-profile__card-head {display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:20px}
.ls-profile__card h2 {margin:0; color:var(--lp-text); font-size:22px; line-height:1.2; font-weight:800}
.ls-profile__card-link {display:inline-flex; align-items:center; gap:7px; color:var(--lp-green-dark); font-size:13px; font-weight:800; white-space:nowrap; transition:color .2s ease}
.ls-profile__card-link:hover {color:var(--lp-green)}
.ls-profile__watch-bar {display:flex; width:100%; height:12px; overflow:hidden; border-radius:30px; background:#e9e9e9; margin-bottom:18px}
.ls-profile__watch-bar-item {height:100%; min-width:0}
.ls-profile__watch-bar-item--watching,.ls-profile__watch-dot--watching {background:#26a65b}
.ls-profile__watch-bar-item--will,.ls-profile__watch-dot--will {background:#3f8ecb}
.ls-profile__watch-bar-item--seen,.ls-profile__watch-dot--seen {background:#d76a79}
.ls-profile__watch-bar-item--abandoned,.ls-profile__watch-dot--abandoned {background:#4c4c4c}
.ls-profile__watch-bar-item--favourite,.ls-profile__watch-dot--favourite {background:#d2914b}
.ls-profile__watch-grid {display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px}
.ls-profile__watch-item {position:relative; display:flex; flex-direction:column; min-height:94px; padding:14px; border-radius:14px; background:#f6f6f6; border:1px solid rgba(0,0,0,.05); color:var(--lp-text); transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.ls-profile__watch-item:hover {transform:translateY(-2px); background:#fff; box-shadow:0 10px 22px rgba(0,0,0,.08)}
.ls-profile__watch-dot {width:9px; height:9px; border-radius:50%; margin-bottom:10px}
.ls-profile__watch-item span:not(.ls-profile__watch-dot) {font-size:12px; line-height:1.25; color:var(--lp-muted)}
.ls-profile__watch-item strong {margin-top:auto; font-size:24px; line-height:1; color:var(--lp-text)}
.ls-profile__meta {list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px}
.ls-profile__meta li {display:flex; gap:12px; padding:14px; border-radius:14px; background:#f6f6f6; border:1px solid rgba(0,0,0,.05)}
.ls-profile__meta > li > span {width:38px; height:38px; flex:0 0 38px; display:flex; align-items:center; justify-content:center; border-radius:11px; background:rgba(111,200,58,.14); color:var(--lp-green-dark); font-size:16px}
.ls-profile__meta b {display:block; margin-bottom:3px; font-size:13px; color:var(--lp-text)}
.ls-profile__meta em {display:block; font-style:normal; color:var(--lp-muted); font-size:13px; line-height:1.35}
.ls-profile-edit {--lp-green:#6fc83a; --lp-green-dark:#51aa22; --lp-text:#333; --lp-muted:#8b8b8b; --lp-card:#fff; --lp-border:rgba(0,0,0,.08); --lp-shadow:0 8px 28px rgba(0,0,0,.08); --lp-radius:16px; margin-top:24px; margin-bottom:24px; padding:24px; background:var(--lp-card); border:1px solid var(--lp-border); border-radius:var(--lp-radius); box-shadow:var(--lp-shadow); color:var(--lp-text)}
.ls-profile-edit__head {display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; padding-bottom:18px; border-bottom:1px solid var(--lp-border)}
.ls-profile-edit__head h2 {margin:0; font-size:22px; font-weight:800}
.ls-profile-edit__grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
.ls-profile-edit .form-item,.ls-profile-edit .form-textarea,.ls-profile-edit .form-xfield {margin-bottom:16px}
.ls-profile-edit label {display:block; margin-bottom:8px; color:var(--lp-text); font-size:13px; font-weight:800}
.ls-profile-edit label span {color:var(--lp-muted); font-weight:600}
.ls-profile-edit input[type="text"],.ls-profile-edit input[type="password"],.ls-profile-edit input[type="file"],.ls-profile-edit select,.ls-profile-edit textarea {width:100%; min-height:42px; padding:10px 13px; border:1px solid var(--lp-border); border-radius:10px; background:#f8f8f8; color:var(--lp-text); outline:none; transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.ls-profile-edit textarea {min-height:120px; resize:vertical}
.ls-profile-edit input:focus,.ls-profile-edit select:focus,.ls-profile-edit textarea:focus {background:#fff; border-color:rgba(111,200,58,.7); box-shadow:0 0 0 4px rgba(111,200,58,.13)}
.ls-profile-edit__checks {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:18px 0}
.ls-profile-edit .form-checks {min-height:44px; display:flex; align-items:center; gap:9px; padding:11px 13px; border-radius:12px; background:#f6f6f6; border:1px solid rgba(0,0,0,.05); color:var(--lp-text); font-size:13px}
.ls-profile-edit .form-checks input[type="checkbox"] {margin:0}
.ls-profile-edit .form-checks label {margin:0; font-weight:600; cursor:pointer}
.ls-profile-edit__notice {margin-top:10px; padding:12px 14px; border-radius:12px; background:rgba(255,90,90,.09); border:1px solid rgba(255,90,90,.18); color:#bf4040; font-size:12px; line-height:1.5}
.ls-profile-edit .tableform {width:100%}
.ls-profile-edit .form-submit {margin-top:22px; padding-top:20px; border-top:1px solid var(--lp-border)}
.ls-profile-edit .form-submit button {min-height:44px; padding:0 24px; border:0; border-radius:10px; background:var(--lp-green); color:#fff; font-size:13px; font-weight:800; text-transform:uppercase; letter-spacing:.4px; cursor:pointer; transition:background .2s ease,transform .2s ease}
.ls-profile-edit .form-submit button:hover {background:var(--lp-green-dark); transform:translateY(-1px)}
[data-theme="dark"] .ls-profile,[data-theme="dark"] .ls-profile-edit {--lp-text:#e7e7e7; --lp-muted:#aaa; --lp-bg:#151515; --lp-card:#171a21; --lp-border:rgba(255,255,255,.09); --lp-shadow:0 10px 30px rgba(0,0,0,.35)}
[data-theme="dark"] .ls-profile__card,[data-theme="dark"] .ls-profile-edit {background:#171a21; border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .ls-profile__watch-bar {background:rgba(255,255,255,.08)}
[data-theme="dark"] .ls-profile__watch-item,[data-theme="dark"] .ls-profile__meta li,[data-theme="dark"] .ls-profile-edit .form-checks {background:#0e1014; border-color:rgba(255,255,255,.07)}
[data-theme="dark"] .ls-profile__watch-item:hover {background:#242424; box-shadow:0 10px 24px rgba(0,0,0,.3)}
[data-theme="dark"] .ls-profile-edit input[type="text"],[data-theme="dark"] .ls-profile-edit input[type="password"],[data-theme="dark"] .ls-profile-edit input[type="file"],[data-theme="dark"] .ls-profile-edit select,[data-theme="dark"] .ls-profile-edit textarea {background:#141518; border-color:rgba(255,255,255,.1); color:#e7e7e7}
[data-theme="dark"] .ls-profile-edit input:focus,[data-theme="dark"] .ls-profile-edit select:focus,[data-theme="dark"] .ls-profile-edit textarea:focus {background:#111; border-color:rgba(111,200,58,.7)}
[data-theme="dark"] .ls-profile-edit__notice {background:rgba(255,90,90,.08); border-color:rgba(255,90,90,.22); color:#e89090}
@media screen and (max-width:980px) {.ls-profile__user {padding:26px; gap:22px}
 .ls-profile__stats {grid-template-columns:repeat(2,minmax(0,1fr))}
 .ls-profile__content {grid-template-columns:1fr}
 .ls-profile__watch-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media screen and (max-width:760px) {.ls-profile__user {flex-direction:column; padding:22px}
 .ls-profile__avatar-wrap {width:100%; flex:none; display:flex; align-items:center; gap:16px}
 .ls-profile__status {position:absolute; left:22px; top:22px; z-index:2; margin:0}
 .ls-profile__avatar {width:118px; height:118px; margin-top:34px; border-radius:16px}
 .ls-profile__top {flex-direction:column; gap:18px}
 .ls-profile__name {font-size:28px}
 .ls-profile__actions {width:100%; justify-content:flex-start}
 .ls-profile__action,.ls-profile__action a,.ls-profile__action input,.ls-profile__action button {width:100%}
 .ls-profile__stats {margin-top:22px; grid-template-columns:1fr}
 .ls-profile__card {padding:18px}
 .ls-profile__card-head {flex-direction:column; gap:10px}
 .ls-profile__watch-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 .ls-profile-edit {padding:18px}
 .ls-profile-edit__grid,.ls-profile-edit__checks {grid-template-columns:1fr}
}
@media screen and (max-width:480px) {.ls-profile__user {padding:18px}
 .ls-profile__avatar {width:104px; height:104px}
 .ls-profile__name {font-size:24px}
 .ls-profile__group {font-size:13px}
 .ls-profile__stat {padding:12px}
 .ls-profile__stat strong {font-size:16px}
 .ls-profile__watch-grid {grid-template-columns:1fr}
 .ls-profile__watch-item {min-height:72px}
 .ls-profile__watch-item strong {font-size:21px}
}
.ls-profile-edit .form-checks {position:relative; display:flex; align-items:center; min-height:54px; padding:14px 16px; border-radius:14px; background:#f7f7f7; border:1px solid rgba(0,0,0,.06); color:#333; line-height:1.45; transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.ls-profile-edit .form-checks:hover {background:#fff; border-color:rgba(111,200,58,.35); box-shadow:0 8px 20px rgba(0,0,0,.05)}
.ls-profile-edit .form-checks label,.ls-profile-edit .form-checks .form-check-label {position:relative; display:flex; align-items:flex-start; gap:10px; width:100%; margin:0; color:#333; font-size:13px; font-weight:600; line-height:1.5; cursor:pointer; user-select:none}
.ls-profile-edit .form-checks input[type="checkbox"] {position:absolute; opacity:0; pointer-events:none; width:0; height:0; margin:0}
.ls-profile-edit .form-checks label > span {position:relative; display:block; padding-left:34px; color:inherit}
.ls-profile-edit .form-checks label > span::before {content:""; position:absolute; left:0; top:1px; width:20px; height:20px; border-radius:6px; background:#fff; border:2px solid rgba(0,0,0,.18); box-shadow:inset 0 1px 2px rgba(0,0,0,.06); transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.ls-profile-edit .form-checks label > span::after {content:""; position:absolute; left:7px; top:5px; width:5px; height:10px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg) scale(0); opacity:0; transition:transform .18s ease,opacity .18s ease}
.ls-profile-edit .form-checks label > input[type="checkbox"]:checked + span::before {background:#6fc83a; border-color:#6fc83a; box-shadow:0 0 0 4px rgba(111,200,58,.16)}
.ls-profile-edit .form-checks label > input[type="checkbox"]:checked + span::after {opacity:1; transform:rotate(45deg) scale(1)}
.ls-profile-edit .form-checks label > input[type="checkbox"]:focus + span::before {box-shadow:0 0 0 4px rgba(111,200,58,.18)}
.ls-profile-edit .form-checks > input[type="checkbox"] + label {position:relative; display:block; padding-left:34px}
.ls-profile-edit .form-checks > input[type="checkbox"] + label::before {content:""; position:absolute; left:0; top:1px; width:20px; height:20px; border-radius:6px; background:#fff; border:2px solid rgba(0,0,0,.18); box-shadow:inset 0 1px 2px rgba(0,0,0,.06); transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.ls-profile-edit .form-checks > input[type="checkbox"] + label::after {content:""; position:absolute; left:7px; top:5px; width:5px; height:10px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg) scale(0); opacity:0; transition:transform .18s ease,opacity .18s ease}
.ls-profile-edit .form-checks > input[type="checkbox"]:checked + label::before {background:#6fc83a; border-color:#6fc83a; box-shadow:0 0 0 4px rgba(111,200,58,.16)}
.ls-profile-edit .form-checks > input[type="checkbox"]:checked + label::after {opacity:1; transform:rotate(45deg) scale(1)}
[data-theme="dark"] .ls-profile-edit .form-checks {background:#0c0e12; border-color:rgba(255,255,255,.08); color:#dcdcdc}
[data-theme="dark"] .ls-profile-edit .form-checks:hover {background:#202020; border-color:rgba(111,200,58,.35); box-shadow:0 8px 22px rgba(0,0,0,.25)}
[data-theme="dark"] .ls-profile-edit .form-checks label,[data-theme="dark"] .ls-profile-edit .form-checks .form-check-label,[data-theme="dark"] .ls-profile-edit .form-checks label > span {color:#dcdcdc}
[data-theme="dark"] .ls-profile-edit .form-checks label > span::before,[data-theme="dark"] .ls-profile-edit .form-checks > input[type="checkbox"] + label::before {background:#111; border-color:rgba(255,255,255,.22); box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
[data-theme="dark"] .ls-profile-edit .form-checks label > input[type="checkbox"]:checked + span::before,[data-theme="dark"] .ls-profile-edit .form-checks > input[type="checkbox"]:checked + label::before {background:#6fc83a; border-color:#6fc83a; box-shadow:0 0 0 4px rgba(111,200,58,.18)}
.ls-profile-edit .form-textarea > label {color:#fff}
.ls-avatar-upload {grid-column:1 / -1}
.ls-avatar-upload__inner {display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:14px; align-items:stretch}
.ls-avatar-upload__drop {position:relative; display:flex !important; align-items:center; gap:16px; min-height:96px; padding:18px; border-radius:16px; background:#f7f7f7; border:1px dashed rgba(0,0,0,.18); cursor:pointer; transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.ls-avatar-upload__drop:hover {background:#fff; border-color:rgba(111,200,58,.65); box-shadow:0 10px 22px rgba(0,0,0,.06); transform:translateY(-1px)}
.ls-avatar-upload__drop input[type="file"] {position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer}
.ls-avatar-upload__icon {width:52px; height:52px; flex:0 0 52px; display:flex; align-items:center; justify-content:center; border-radius:16px; background:rgba(111,200,58,.15); color:#51aa22; font-size:22px}
.ls-avatar-upload__content {display:flex; flex-direction:column; gap:4px; min-width:0}
.ls-avatar-upload__content b {color:#333; font-size:15px; font-weight:800}
.ls-avatar-upload__content em {color:#888; font-size:12px; font-style:normal; line-height:1.4}
.ls-avatar-upload__preview {display:flex; align-items:center; gap:14px; min-height:96px; padding:14px; border-radius:16px; background:#f7f7f7; border:1px solid rgba(0,0,0,.06)}
.ls-avatar-upload__image {width:68px; height:68px; flex:0 0 68px; overflow:hidden; border-radius:16px; background:#e9e9e9; border:3px solid #fff; box-shadow:0 6px 16px rgba(0,0,0,.08)}
.ls-avatar-upload__image img {width:100%; height:100%; object-fit:cover; display:block}
.ls-avatar-upload__meta {min-width:0; display:flex; flex-direction:column; gap:4px}
.ls-avatar-upload__meta b {color:#333; font-size:14px; font-weight:800}
.ls-avatar-upload__meta span {max-width:210px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#888; font-size:12px; line-height:1.4}
.ls-avatar-upload.is-selected .ls-avatar-upload__drop {border-color:rgba(111,200,58,.7); background:rgba(111,200,58,.06)}
.ls-avatar-upload.is-selected .ls-avatar-upload__preview {border-color:rgba(111,200,58,.28); background:rgba(111,200,58,.06)}
.ls-avatar-upload.is-selected .ls-avatar-upload__meta b {color:#51aa22}
[data-theme="dark"] .ls-avatar-upload__drop,[data-theme="dark"] .ls-avatar-upload__preview {background:#0c0e12; border-color:rgba(255,255,255,.14)}
[data-theme="dark"] .ls-avatar-upload__drop:hover {background:#202020; border-color:rgba(111,200,58,.55); box-shadow:0 10px 24px rgba(0,0,0,.3)}
[data-theme="dark"] .ls-avatar-upload__icon {background:rgba(111,200,58,.16); color:#6fc83a}
[data-theme="dark"] .ls-avatar-upload__content b,[data-theme="dark"] .ls-avatar-upload__meta b {color:#e7e7e7}
[data-theme="dark"] .ls-avatar-upload__content em,[data-theme="dark"] .ls-avatar-upload__meta span {color:#aaa}
[data-theme="dark"] .ls-avatar-upload__image {background:#111; border-color:#2a2a2a; box-shadow:0 8px 20px rgba(0,0,0,.35)}
[data-theme="dark"] .ls-avatar-upload.is-selected .ls-avatar-upload__drop,[data-theme="dark"] .ls-avatar-upload.is-selected .ls-avatar-upload__preview {background:rgba(111,200,58,.08); border-color:rgba(111,200,58,.42)}
[data-theme="dark"] .ls-avatar-upload.is-selected .ls-avatar-upload__meta b {color:#6fc83a}
@media screen and (max-width:760px) {.ls-avatar-upload__inner {grid-template-columns:1fr}
 .ls-avatar-upload__preview {min-height:82px}
}
@media screen and (max-width:480px) {.ls-avatar-upload__drop {align-items:flex-start; min-height:auto; padding:15px}
 .ls-avatar-upload__icon {width:46px; height:46px; flex-basis:46px; font-size:19px}
 .ls-avatar-upload__image {width:58px; height:58px; flex-basis:58px}
 .ls-avatar-upload__meta span {max-width:180px}
}
.title_spoiler {display:inline; font-weight:bold; white-space:nowrap}
.title_spoiler a {-webkit-transition:background-color 0.1s linear; -moz-transition:background-color 0.1s linear; -ms-transition:background-color 0.1s linear; -o-transition:background-color 0.1s linear; transition:background-color 0.1s linear; -webkit-border-radius:8px; -khtml-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; border-radius:8px; background-color:#ccc; color:#777; padding:0 2px 0 5px; position:relative}
.title_spoiler .attention {vertical-align:middle; margin:0 !important; display:inline !important; margin-top:-1px}
.text_spoiler {background-color:#ddd; color:#444; padding:4px}
.title_spoiler a:hover {background-color:#ddd; text-decoration:none}
.title_spoiler a:hover:after {display:block}
.title_spoiler a:after {-webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; border-radius:10px; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5); -moz-box-shadow:0 0 10px rgba(0,0,0,0.5); box-shadow:0 0 10px rgba(0,0,0,0.5); background:#e4e4e4; color:#000; content:"Нажми,чтобы увидеть спойлер..."; display:none; font-family:Arial,Helvetica,Tahoma,sans-serif; font-size:11px; font-weight:bold; margin-bottom:5px; padding:2px 10px; position:absolute; left:0; bottom:100%; text-transform:none; white-space:nowrap; z-index:20}
[data-theme="dark"] .title_spoiler a {background-color:#444; color:#bbb}
[data-theme="dark"] .title_spoiler a:hover {background-color:#555}
[data-theme="dark"] .text_spoiler {background-color:#333; color:#ccc}
.reg-rules-page {max-width:1180px; margin:0 auto; padding:0 20px 44px; color:#30343b}
.reg-rules-hero {position:relative; display:flex; gap:20px; align-items:center; margin-bottom:22px; padding:26px; border-radius:22px; background:linear-gradient(135deg,rgba(104,184,54,.18),rgba(104,184,54,.04) 52%,rgba(255,255,255,.7)),#f5f6f4; border:1px solid rgba(104,184,54,.22); box-shadow:0 14px 35px rgba(28,35,45,.07); overflow:hidden}
.reg-rules-hero:before {content:""; position:absolute; right:-80px; top:-90px; width:260px; height:260px; border-radius:50%; background:rgba(104,184,54,.14); pointer-events:none}
.reg-rules-hero__icon {position:relative; z-index:1; flex:0 0 68px; width:68px; height:68px; display:flex; align-items:center; justify-content:center; border-radius:20px; background:linear-gradient(135deg,#74bd38,#5da92f); color:#fff; font-size:30px; box-shadow:0 12px 24px rgba(104,184,54,.28)}
.reg-rules-hero__content {position:relative; z-index:1; min-width:0}
.reg-rules-breadcrumbs {display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:8px; font-size:13px; color:#7b828c}
.reg-rules-breadcrumbs a {color:#5da92f; text-decoration:none}
.reg-rules-breadcrumbs a:hover {text-decoration:underline}
.reg-rules-breadcrumbs span:before {content:"»"; margin-right:8px; color:#a3a8af}
.reg-rules-hero h1 {margin:0 0 8px; font-size:30px; line-height:1.2; font-weight:800; color:#2d3137}
.reg-rules-hero p {max-width:760px; margin:0; font-size:15px; line-height:1.65; color:#5f6670}
.reg-rules-layout {display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:22px; align-items:start}
.reg-rules-card,.reg-rules-side__box {border-radius:22px; background:#fff; border:1px solid #e8ebee; box-shadow:0 16px 36px rgba(28,35,45,.07)}
.reg-rules-card {overflow:hidden}
.reg-rules-card__head {display:flex; gap:16px; align-items:flex-start; justify-content:space-between; padding:24px 26px; background:linear-gradient(180deg,#ffffff,#f8faf7); border-bottom:1px solid #edf0ed}
.reg-rules-card__label {display:inline-flex; margin-bottom:8px; padding:5px 10px; border-radius:999px; background:rgba(104,184,54,.12); color:#5da92f; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.04em}
.reg-rules-card__head h2 {margin:0; font-size:22px; line-height:1.25; color:#2e3339}
.reg-rules-card__badge {flex:0 0 auto; display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border-radius:999px; background:#edf8e8; color:#5da92f; font-size:13px; font-weight:800; white-space:nowrap}
.reg-rules-content {padding:26px; font-size:15px; line-height:1.75; color:#444b55}
.reg-rules-content p {margin:0 0 18px}
.reg-rules-content h3 {margin:28px 0 16px; font-size:20px; line-height:1.3; color:#2e3339}
.reg-rules-note,.reg-rules-warning {display:flex; gap:14px; align-items:flex-start; margin:22px 0; padding:16px 18px; border-radius:18px; line-height:1.6}
.reg-rules-note {background:rgba(104,184,54,.10); border:1px solid rgba(104,184,54,.20); color:#3f5f35}
.reg-rules-warning {background:rgba(255,184,77,.13); border:1px solid rgba(255,184,77,.28); color:#6a5030}
.reg-rules-note > .fa,.reg-rules-warning > .fa {margin-top:3px; font-size:20px}
.reg-rules-note > .fa {color:#67b837}
.reg-rules-warning > .fa {color:#d89a2b}
.reg-rules-list {display:grid; gap:12px; margin:0; padding:0; list-style:none}
.reg-rules-list li {display:flex; gap:14px; align-items:flex-start; padding:16px; border-radius:18px; background:#f7f8f7; border:1px solid #eef0ee; transition:border-color .2s ease,background-color .2s ease,transform .2s ease}
.reg-rules-list li:hover {background:#f4f8f1; border-color:rgba(104,184,54,.28)}
.reg-rules-list .fa {flex:0 0 34px; width:34px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:rgba(104,184,54,.12); color:#62ad33; font-size:15px}
.reg-rules-list strong {display:block; margin-bottom:3px; color:#2f353c; font-size:15px}
.reg-rules-actions {position:sticky; bottom:0; display:flex; justify-content:center; gap:12px; padding:18px 26px; background:rgba(255,255,255,.92); border-top:1px solid #edf0ed; backdrop-filter:blur(10px); z-index:5}
.reg-rules-btn {display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:0 22px; border:0; border-radius:12px; font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:.02em; cursor:pointer; transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}
.reg-rules-btn:hover {transform:translateY(-1px)}
.reg-rules-btn--accept {background:linear-gradient(135deg,#72bd38,#5ca82f); color:#fff; box-shadow:0 12px 22px rgba(104,184,54,.28)}
.reg-rules-btn--accept:hover {box-shadow:0 16px 28px rgba(104,184,54,.34)}
.reg-rules-btn--decline {background:#eef1ee; color:#59616b}
.reg-rules-btn--decline:hover {background:#e4e8e4; color:#2f353c}
.reg-rules-side {display:grid; gap:16px; position:sticky; top:20px}
.reg-rules-side__box {padding:22px}
.reg-rules-side__icon {width:48px; height:48px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; border-radius:16px; background:rgba(104,184,54,.12); color:#62ad33; font-size:22px}
.reg-rules-side__box h3 {margin:0 0 8px; font-size:18px; line-height:1.3; color:#2f353c}
.reg-rules-side__box p {margin:0; font-size:14px; line-height:1.6; color:#68707a}
[data-theme="dark"] .reg-rules-page {color:#d7dce2}
[data-theme="dark"] .reg-rules-hero {background:linear-gradient(135deg,rgba(104,184,54,.16),rgba(104,184,54,.04) 52%,rgba(26,29,34,.78)),#1d2026; border-color:rgba(104,184,54,.18); box-shadow:0 16px 36px rgba(0,0,0,.22)}
[data-theme="dark"] .reg-rules-hero h1,[data-theme="dark"] .reg-rules-card__head h2,[data-theme="dark"] .reg-rules-content h3,[data-theme="dark"] .reg-rules-list strong,[data-theme="dark"] .reg-rules-side__box h3 {color:#f0f3f6}
[data-theme="dark"] .reg-rules-hero p,[data-theme="dark"] .reg-rules-content,[data-theme="dark"] .reg-rules-side__box p {color:#aeb6c1}
[data-theme="dark"] .reg-rules-breadcrumbs {color:#87909c}
[data-theme="dark"] .reg-rules-card,[data-theme="dark"] .reg-rules-side__box {background:#1d2026; border-color:#2a2e36; box-shadow:0 16px 36px rgba(0,0,0,.22)}
[data-theme="dark"] .reg-rules-card__head {background:linear-gradient(180deg,#20242a,#1b1e23); border-bottom-color:#2a2e36}
[data-theme="dark"] .reg-rules-card__label {background:rgba(104,184,54,.14); color:#84cf50}
[data-theme="dark"] .reg-rules-card__badge {background:rgba(104,184,54,.13); color:#84cf50}
[data-theme="dark"] .reg-rules-note {background:rgba(104,184,54,.11); border-color:rgba(104,184,54,.20); color:#c6dfbd}
[data-theme="dark"] .reg-rules-warning {background:rgba(255,184,77,.10); border-color:rgba(255,184,77,.20); color:#e6c891}
[data-theme="dark"] .reg-rules-list li {background:#23272e; border-color:#30353d}
[data-theme="dark"] .reg-rules-list li:hover {background:#252c2b; border-color:rgba(104,184,54,.28)}
[data-theme="dark"] .reg-rules-list .fa,[data-theme="dark"] .reg-rules-side__icon {background:rgba(104,184,54,.13); color:#84cf50}
[data-theme="dark"] .reg-rules-actions {background:rgba(29,32,38,.92); border-top-color:#2a2e36}
[data-theme="dark"] .reg-rules-btn--decline {background:#2a2f37; color:#c5ccd5}
[data-theme="dark"] .reg-rules-btn--decline:hover {background:#343a44; color:#fff}
@media (max-width:960px) {.reg-rules-layout {grid-template-columns:1fr}
 .reg-rules-side {position:static; grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px) {.reg-rules-page {padding:18px 12px 30px}
 .reg-rules-hero {align-items:flex-start; padding:20px; border-radius:18px}
 .reg-rules-hero__icon {width:52px; height:52px; flex-basis:52px; border-radius:16px; font-size:23px}
 .reg-rules-hero h1 {font-size:24px}
 .reg-rules-card,.reg-rules-side__box {border-radius:18px}
 .reg-rules-card__head {flex-direction:column; padding:20px}
 .reg-rules-card__badge {align-self:flex-start}
 .reg-rules-content {padding:20px; font-size:14px}
 .reg-rules-list li {padding:14px}
 .reg-rules-actions {flex-direction:column; padding:14px}
 .reg-rules-btn {width:100%}
 .reg-rules-side {grid-template-columns:1fr}
}
@media (max-width:440px) {.reg-rules-hero {display:block}
 .reg-rules-hero__icon {margin-bottom:14px}
 .reg-rules-breadcrumbs {font-size:12px}
 .reg-rules-hero h1 {font-size:22px}
 .reg-rules-card__head h2 {font-size:20px}
}
.reg-form-page {max-width:1180px; margin:0 auto; padding:0 20px 44px; color:#30343b; box-sizing:border-box}
.reg-form-page *,.reg-form-page *:before,.reg-form-page *:after {box-sizing:border-box}
.reg-form-hero {position:relative; display:flex; gap:20px; align-items:center; margin-bottom:22px; padding:26px; border-radius:22px; background:linear-gradient(135deg,rgba(104,184,54,.18),rgba(104,184,54,.04) 52%,rgba(255,255,255,.72)),#f5f6f4; border:1px solid rgba(104,184,54,.22); box-shadow:0 14px 35px rgba(28,35,45,.07); overflow:hidden}
.reg-form-hero:before {content:""; position:absolute; right:-80px; top:-90px; width:260px; height:260px; border-radius:50%; background:rgba(104,184,54,.14); pointer-events:none}
.reg-form-hero__icon {position:relative; z-index:1; flex:0 0 68px; width:68px; height:68px; display:flex; align-items:center; justify-content:center; border-radius:20px; background:linear-gradient(135deg,#74bd38,#5da92f); color:#fff; font-size:30px; box-shadow:0 12px 24px rgba(104,184,54,.28)}
.reg-form-hero__content {position:relative; z-index:1; min-width:0}
.reg-form-breadcrumbs {display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:8px; font-size:13px; color:#7b828c}
.reg-form-breadcrumbs a {color:#5da92f; text-decoration:none}
.reg-form-breadcrumbs span:before {content:"»"; margin-right:8px; color:#a3a8af}
.reg-form-hero h1 {margin:0 0 8px; font-size:30px; line-height:1.2; font-weight:800; color:#2d3137}
.reg-form-hero p {max-width:780px; margin:0; font-size:15px; line-height:1.65; color:#5f6670}
.reg-form-layout {display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:22px; align-items:start}
.reg-form-card,.reg-form-side__box {border-radius:22px; background:#fff; border:1px solid #e8ebee; box-shadow:0 16px 36px rgba(28,35,45,.07)}
.reg-form-card {min-width:0; overflow:hidden}
.reg-form-card__head {padding:24px 26px; background:linear-gradient(180deg,#ffffff,#f8faf7); border-bottom:1px solid #edf0ed}
.reg-form-card__label {display:inline-flex; margin-bottom:8px; padding:5px 10px; border-radius:999px; background:rgba(104,184,54,.12); color:#5da92f; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.04em}
.reg-form-card__head h2 {margin:0; font-size:22px; line-height:1.25; color:#2e3339}
.reg-form-fields {display:grid; gap:18px; padding:26px}
.reg-field {display:grid; grid-template-columns:180px minmax(0,1fr); gap:18px; align-items:center; min-width:0}
.reg-field label {font-size:14px; font-weight:700; color:#3d434b}
.reg-field label span {color:#e0703c}
.reg-login-row {display:grid; grid-template-columns:minmax(0,1fr) 180px; gap:14px; align-items:center; min-width:0}
.reg-captcha-row {display:grid; grid-template-columns:minmax(0,280px) 180px; gap:14px; align-items:center; min-width:0}
.reg-input-wrap {position:relative; min-width:0}
.reg-input-wrap > .fa {position:absolute; left:14px; top:50%; transform:translateY(-50%); color:#8b949e; font-size:14px; pointer-events:none; z-index:2}
.reg-input-wrap input {display:block; width:100%; height:44px; padding:0 14px 0 40px; border:1px solid #dfe4df; border-radius:12px; background:#f9faf9; color:#30343b; font-size:14px; outline:none; box-shadow:none; transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.reg-input-wrap input:focus {background:#fff; border-color:#6fba38; box-shadow:0 0 0 4px rgba(104,184,54,.13)}
.reg-check-btn,.reg-submit-btn {display:inline-flex; align-items:center; justify-content:center; gap:9px; border:0; border-radius:12px; font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:.02em; cursor:pointer; transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.reg-check-btn {width:100%; height:44px; padding:0 16px; background:linear-gradient(135deg,#72bd38,#5ca82f); color:#fff; box-shadow:0 10px 20px rgba(104,184,54,.22); white-space:nowrap}
.reg-check-btn:hover,.reg-submit-btn:hover {transform:translateY(-1px)}
.reg-captcha-image {width:180px; height:58px; display:flex; align-items:center; justify-content:center; padding:6px; overflow:hidden}
.reg-captcha-image img {display:block; max-width:100%; max-height:100%; object-fit:contain}
.reg-form-actions {display:flex; justify-content:flex-start; padding:20px 26px 26px; border-top:1px solid #edf0ed; background:#fbfcfb}
.reg-submit-btn {min-height:46px; padding:0 28px; background:linear-gradient(135deg,#72bd38,#5ca82f); color:#fff; box-shadow:0 12px 22px rgba(104,184,54,.28)}
.reg-form-side {display:grid; gap:16px; position:sticky; top:20px}
.reg-form-side__box {padding:22px}
.reg-form-side__icon {width:48px; height:48px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; border-radius:16px; background:rgba(104,184,54,.12); color:#62ad33; font-size:22px}
.reg-form-side__box h3 {margin:0 0 8px; font-size:18px; line-height:1.3; color:#2f353c}
.reg-form-side__box p {margin:0; font-size:14px; line-height:1.6; color:#68707a}
[data-theme="dark"] .reg-form-page {color:#d7dce2}
[data-theme="dark"] .reg-form-hero {background:linear-gradient(135deg,rgba(104,184,54,.16),rgba(104,184,54,.04) 52%,rgba(26,29,34,.78)),#1f2023; border-color:rgba(104,184,54,.18); box-shadow:0 16px 36px rgba(0,0,0,.22)}
[data-theme="dark"] .reg-form-hero h1,[data-theme="dark"] .reg-form-card__head h2,[data-theme="dark"] .reg-form-side__box h3 {color:#f0f3f6}
[data-theme="dark"] .reg-form-hero p,[data-theme="dark"] .reg-form-side__box p {color:#aeb6c1}
[data-theme="dark"] .reg-form-breadcrumbs {color:#87909c}
[data-theme="dark"] .reg-form-card,[data-theme="dark"] .reg-form-side__box {background:#1f2023; border-color:#2a2e36; box-shadow:0 16px 36px rgba(0,0,0,.22)}
[data-theme="dark"] .reg-form-card__head {background:linear-gradient(180deg,#1f2023,#1b1e23); border-bottom-color:#2a2e36}
[data-theme="dark"] .reg-form-card__label {background:rgba(104,184,54,.14); color:#84cf50}
[data-theme="dark"] .reg-field label {color:#d9dee5}
[data-theme="dark"] .reg-input-wrap input {background:#23272e; border-color:#30353d; color:#eef2f5}
[data-theme="dark"] .reg-input-wrap input:focus {background:#252a31; border-color:#79c442; box-shadow:0 0 0 4px rgba(104,184,54,.14)}
[data-theme="dark"] .reg-input-wrap > .fa {color:#7f8995}
[data-theme="dark"] .reg-form-actions {background:#1f2023; border-top-color:#2a2e36}
[data-theme="dark"] .reg-form-side__icon {background:rgba(104,184,54,.13); color:#84cf50}
@media (max-width:960px) {.reg-form-layout {grid-template-columns:1fr}
 .reg-form-side {position:static; grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px) {.reg-field {grid-template-columns:1fr; gap:8px}
 .reg-login-row {grid-template-columns:1fr}
 .reg-captcha-row {grid-template-columns:1fr}
 .reg-captcha-image {width:100%; max-width:260px; justify-content:flex-start}
 .reg-check-btn,.reg-submit-btn {width:100%}
}
@media (max-width:680px) {.reg-form-page {padding:18px 12px 30px}
 .reg-form-hero {align-items:flex-start; padding:20px; border-radius:18px}
 .reg-form-hero__icon {width:52px; height:52px; flex-basis:52px; border-radius:16px; font-size:23px}
 .reg-form-hero h1 {font-size:24px}
 .reg-form-card,.reg-form-side__box {border-radius:18px}
 .reg-form-card__head,.reg-form-fields,.reg-form-actions {padding-left:20px; padding-right:20px}
 .reg-form-card__head h2 {font-size:20px}
 .reg-form-side {grid-template-columns:1fr}
}
@media (max-width:440px) {.reg-form-hero {display:block}
 .reg-form-hero__icon {margin-bottom:14px}
 .reg-form-breadcrumbs {font-size:12px}
 .reg-form-hero h1 {font-size:22px}
 .reg-form-fields {gap:16px}
 .reg-captcha-image {max-width:none}
}
.comments-tree-list .comments-tree-list {margin-left:50px}
.reg-extra-page {max-width:1180px; margin:0 auto; padding:0 20px 44px; color:#30343b; box-sizing:border-box}
.reg-extra-page *,.reg-extra-page *:before,.reg-extra-page *:after {box-sizing:border-box}
.reg-extra-hero {position:relative; display:flex; gap:20px; align-items:center; margin-bottom:22px; padding:26px; border-radius:22px; background:linear-gradient(135deg,rgba(104,184,54,.18),rgba(104,184,54,.04) 52%,rgba(255,255,255,.72)),#f5f6f4; border:1px solid rgba(104,184,54,.22); box-shadow:0 14px 35px rgba(28,35,45,.07); overflow:hidden}
.reg-extra-hero:before {content:""; position:absolute; right:-80px; top:-90px; width:260px; height:260px; border-radius:50%; background:rgba(104,184,54,.14); pointer-events:none}
.reg-extra-hero__icon {position:relative; z-index:1; flex:0 0 68px; width:68px; height:68px; display:flex; align-items:center; justify-content:center; border-radius:20px; background:linear-gradient(135deg,#74bd38,#5da92f); color:#fff; font-size:30px; box-shadow:0 12px 24px rgba(104,184,54,.28)}
.reg-extra-hero__content {position:relative; z-index:1; min-width:0}
.reg-extra-breadcrumbs {display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:8px; font-size:13px; color:#7b828c}
.reg-extra-breadcrumbs a {color:#5da92f; text-decoration:none}
.reg-extra-breadcrumbs a:hover {text-decoration:underline}
.reg-extra-breadcrumbs span:before {content:"»"; margin-right:8px; color:#a3a8af}
.reg-extra-hero h1 {margin:0 0 8px; font-size:30px; line-height:1.2; font-weight:800; color:#2d3137}
.reg-extra-hero p {max-width:840px; margin:0; font-size:15px; line-height:1.65; color:#5f6670}
.reg-extra-layout {display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:22px; align-items:start}
.reg-extra-card,.reg-extra-side__box {border-radius:22px; background:#fff; border:1px solid #e8ebee; box-shadow:0 16px 36px rgba(28,35,45,.07)}
.reg-extra-card {min-width:0; overflow:hidden}
.reg-extra-card__head {padding:24px 26px; background:linear-gradient(180deg,#ffffff,#f8faf7); border-bottom:1px solid #edf0ed}
.reg-extra-card__label {display:inline-flex; margin-bottom:8px; padding:5px 10px; border-radius:999px; background:rgba(104,184,54,.12); color:#5da92f; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.04em}
.reg-extra-card__head h2 {margin:0; font-size:22px; line-height:1.25; color:#2e3339}
.reg-extra-fields {display:grid; gap:18px; padding:26px}
.reg-extra-field {display:grid; grid-template-columns:180px minmax(0,1fr); gap:18px; align-items:center; min-width:0}
.reg-extra-field--about {align-items:start}
.reg-extra-field label {padding-top:2px; font-size:14px; font-weight:700; color:#3d434b}
.reg-extra-input {position:relative; min-width:0}
.reg-extra-input > .fa {position:absolute; left:14px; top:50%; transform:translateY(-50%); color:#8b949e; font-size:14px; pointer-events:none; z-index:2}
.reg-extra-input input {display:block; width:100%; height:44px; padding:0 14px 0 40px; border:1px solid #dfe4df; border-radius:12px; background:#f9faf9; color:#30343b; font-size:14px; outline:none; box-shadow:none; transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.reg-extra-input input:focus,.reg-extra-textarea textarea:focus {background:#fff; border-color:#6fba38; box-shadow:0 0 0 4px rgba(104,184,54,.13)}
.reg-extra-file {display:flex; flex-wrap:wrap; gap:12px; align-items:center; min-width:0}
.reg-extra-file__button {position:relative; display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:42px; padding:0 18px; border-radius:12px; background:#edf8e8; color:#5da92f; border:1px solid rgba(104,184,54,.22); font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:.02em; cursor:pointer; transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.reg-extra-file__button:hover {background:#e2f4db; border-color:rgba(104,184,54,.34)}
.reg-extra-file__button input {position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer}
.reg-extra-file__text {min-width:0; font-size:14px; color:#747c86; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.reg-extra-textarea textarea {display:block; width:100%; min-height:190px; padding:15px 16px; border:1px solid #dfe4df; border-radius:16px; background:#f9faf9; color:#30343b; font-size:14px; line-height:1.6; resize:vertical; outline:none; box-shadow:none; transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.reg-extra-actions {display:flex; justify-content:flex-start; padding:20px 26px 26px; border-top:1px solid #edf0ed; background:#fbfcfb}
.reg-extra-submit {display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:46px; padding:0 28px; border:0; border-radius:12px; background:linear-gradient(135deg,#72bd38,#5ca82f); color:#fff; font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:.02em; cursor:pointer; box-shadow:0 12px 22px rgba(104,184,54,.28); transition:transform .2s ease,box-shadow .2s ease}
.reg-extra-submit:hover {transform:translateY(-1px); box-shadow:0 16px 28px rgba(104,184,54,.34)}
.reg-extra-side {display:grid; gap:16px; position:sticky; top:20px}
.reg-extra-side__box {padding:22px}
.reg-extra-side__icon {width:48px; height:48px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; border-radius:16px; background:rgba(104,184,54,.12); color:#62ad33; font-size:22px}
.reg-extra-side__box h3 {margin:0 0 8px; font-size:18px; line-height:1.3; color:#2f353c}
.reg-extra-side__box p {margin:0; font-size:14px; line-height:1.6; color:#68707a}
[data-theme="dark"] .reg-extra-page {color:#d7dce2}
[data-theme="dark"] .reg-extra-hero {background:linear-gradient(135deg,rgba(104,184,54,.16),rgba(104,184,54,.04) 52%,rgba(26,29,34,.78)),#1d2026; border-color:rgba(104,184,54,.18); box-shadow:0 16px 36px rgba(0,0,0,.22)}
[data-theme="dark"] .reg-extra-hero h1,[data-theme="dark"] .reg-extra-card__head h2,[data-theme="dark"] .reg-extra-side__box h3 {color:#f0f3f6}
[data-theme="dark"] .reg-extra-hero p,[data-theme="dark"] .reg-extra-side__box p {color:#aeb6c1}
[data-theme="dark"] .reg-extra-breadcrumbs {color:#87909c}
[data-theme="dark"] .reg-extra-card,[data-theme="dark"] .reg-extra-side__box {background:#1d2026; border-color:#2a2e36; box-shadow:0 16px 36px rgba(0,0,0,.22)}
[data-theme="dark"] .reg-extra-card__head {background:linear-gradient(180deg,#20242a,#1b1e23); border-bottom-color:#2a2e36}
[data-theme="dark"] .reg-extra-card__label {background:rgba(104,184,54,.14); color:#84cf50}
[data-theme="dark"] .reg-extra-field label {color:#d9dee5}
[data-theme="dark"] .reg-extra-input input,[data-theme="dark"] .reg-extra-textarea textarea {background:#23272e; border-color:#30353d; color:#eef2f5}
[data-theme="dark"] .reg-extra-input input:focus,[data-theme="dark"] .reg-extra-textarea textarea:focus {background:#252a31; border-color:#79c442; box-shadow:0 0 0 4px rgba(104,184,54,.14)}
[data-theme="dark"] .reg-extra-input > .fa {color:#7f8995}
[data-theme="dark"] .reg-extra-file__button {background:rgba(104,184,54,.13); color:#84cf50; border-color:rgba(104,184,54,.22)}
[data-theme="dark"] .reg-extra-file__button:hover {background:rgba(104,184,54,.18)}
[data-theme="dark"] .reg-extra-file__text {color:#9ca6b2}
[data-theme="dark"] .reg-extra-actions {background:#1b1e23; border-top-color:#2a2e36}
[data-theme="dark"] .reg-extra-side__icon {background:rgba(104,184,54,.13); color:#84cf50}
@media (max-width:960px) {.reg-extra-layout {grid-template-columns:1fr}
 .reg-extra-side {position:static; grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px) {.reg-extra-field {grid-template-columns:1fr; gap:8px}
 .reg-extra-field label {padding-top:0}
 .reg-extra-submit {width:100%}
 .reg-extra-file {align-items:stretch}
 .reg-extra-file__button {width:100%}
 .reg-extra-file__text {width:100%; white-space:normal}
}
@media (max-width:680px) {.reg-extra-page {padding:18px 12px 30px}
 .reg-extra-hero {align-items:flex-start; padding:20px; border-radius:18px}
 .reg-extra-hero__icon {width:52px; height:52px; flex-basis:52px; border-radius:16px; font-size:23px}
 .reg-extra-hero h1 {font-size:24px}
 .reg-extra-card,.reg-extra-side__box {border-radius:18px}
 .reg-extra-card__head,.reg-extra-fields,.reg-extra-actions {padding-left:20px; padding-right:20px}
 .reg-extra-card__head h2 {font-size:20px}
 .reg-extra-side {grid-template-columns:1fr}
}
@media (max-width:440px) {.reg-extra-hero {display:block}
 .reg-extra-hero__icon {margin-bottom:14px}
 .reg-extra-breadcrumbs {font-size:12px}
 .reg-extra-hero h1 {font-size:22px}
 .reg-extra-fields {gap:16px}
 .reg-extra-textarea textarea {min-height:160px}
}
@media (max-width:560px) {.rate-head h3 {font-size:19px}
}
/* Принудительное позиционирование окон DLE поверх всех элементов */
body .ui-dialog, 
body .ui-selectmenu-menu {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 999999 !important;
    display: block !important;
}

/* Фикс для оверлея (затемнения заднего фона) */
body .ui-widget-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.6) !important;
    z-index: 999998 !important;
    display: block !important;
}

/* Скрываем окна, когда они не активны */
.ui-dialog[style*="display: none"] {
    display: none !important;
}