@font-face {font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap; src:url(interc.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face {font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap; src:url(interl.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face {font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap; src:url(interc.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face {font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap; src:url(interl.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face {font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap; src:url(interc.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face {font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap; src:url(interl.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face {font-family:'Inter'; font-style:normal; font-weight:700; font-display:swap; src:url(interc.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face {font-family:'Inter'; font-style:normal; font-weight:700; font-display:swap; src:url(interl.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face {font-family:'Oswald'; font-style:normal; font-weight:700; font-display:swap; src:url(oswaldc.woff2) format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face {font-family:'Oswald'; font-style:normal; font-weight:700; font-display:swap; src:url(oswaldl.woff2) format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root {--bg:#f5f5f5; --bg-darker:#ededed; --bg-darkest:#e1e1e1; --card:#ffffff; --text:#444444; --text-light:#7a7a7a; --text-white:#ffffff; --accent:#79c142; --accent-hover:#66aa32; --red:#eb4d4b; --green:#3bb33b; --orange:#f0932b; --yellow:#ffda4a; --blue:#486bed; --border:rgba(0,0,0,0.1); --shadow:0 1px 5px rgba(0,0,0,0.15); --shadow-long:0 0 60px rgba(0,0,0,0.1); --rating-plus:#70BF6C; --rating-plus-opacity:#70BF6C30; --rating-plus-hover:#33A42D; --rating-minus:#E7825F; --rating-minus-opacity:#E7825F30; --rating-minus-hover:#DD4D1B}
* {box-sizing:border-box; margin:0; padding:0}
body {font-family:'Inter',sans-serif; font-size:14px; line-height:1.5; color:var(--text); background-color:var(--bg); margin:0}
.container {max-width:1200px; margin:0 auto; padding:0 20px}
body.dark-theme {--bg:#1a1a1a; --bg-darker:#2d2d2d; --bg-darkest:#3d3d3d; --card:#2d2d2d; --text:#e0e0e0; --text-light:#a0a0a0; --text-white:#3d3d3d; --border:rgba(255,255,255,0.1); --shadow:0 1px 5px rgba(0,0,0,0.3); --shadow-long:0 0 60px rgba(0,0,0,0.2)}
body.dark-theme .theme-toggle::before {left:calc(100% - 39px)}
body.dark-theme .theme-toggle {background:var(--bg-darkest)}
body.dark-theme .theme-toggle:hover {background:var(--bg-darker)}
body.dark-theme .poster-container {box-shadow:0 0 0 1px #3d3d3d,2px 3px 3px rgba(0,0,0,0.1)}
body.dark-theme .comments-notice {background:#1a2a3a; border:1px solid #2a4a6a; color:#8bb4e0}
body.dark-theme .comment-text {border-top:1px solid rgba(255,255,255,0.1)}
h3 {margin-top: 20px;}
.header {background:var(--card); box-shadow:var(--shadow); position:relative; top:0; z-index:100}
.header-content {display:flex; align-items:center; padding:10px 0}
.logo {display:flex; align-items:center; font-weight:700; font-size:22px; color:var(--text); text-decoration:none; text-transform:uppercase; position:relative; padding-left:50px}
.logo::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:40px; height:40px; background:var(--accent); border-radius:8px; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath d='M27.5 1h-21C3.46 1 1 3.47 1 6.5v21C1 30.53 3.46 33 6.5 33h21c3.03 0 5.5-2.47 5.5-5.5v-21C33 3.47 30.53 1 27.5 1zM13 4h1.5c.82 0 1.5.67 1.5 1.5S15.32 7 14.5 7H13c-.83 0-1.5-.67-1.5-1.5S12.17 4 13 4zm8.58 12.19c.26.19.42.49.42.81 0 .33-.16.63-.42.82l-7 5c-.18.12-.38.18-.58.18a.92.92 0 0 1-.46-.11A.997.997 0 0 1 13 22V12c0-.37.21-.71.54-.88s.73-.15 1.04.07zM8 30H6.5c-.83 0-1.5-.67-1.5-1.5S5.67 27 6.5 27H8c.82 0 1.5.67 1.5 1.5S8.82 30 8 30zM8 7H6.5C5.67 7 5 6.33 5 5.5S5.67 4 6.5 4H8c.82 0 1.5.67 1.5 1.5S8.82 7 8 7zm6.5 23H13c-.83 0-1.5-.67-1.5-1.5S12.17 27 13 27h1.5c.82 0 1.5.67 1.5 1.5s-.68 1.5-1.5 1.5zm6.5 0h-1.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5H21c.82 0 1.5.67 1.5 1.5S21.82 30 21 30zm0-23h-1.5c-.83 0-1.5-.67-1.5-1.5S18.67 4 19.5 4H21c.82 0 1.5.67 1.5 1.5S21.82 7 21 7zm6.5 23H26c-.83 0-1.5-.67-1.5-1.5S25.17 27 26 27h1.5c.82 0 1.5.67 1.5 1.5s-.68 1.5-1.5 1.5zm0-23H26c-.83 0-1.5-.67-1.5-1.5S25.17 4 26 4h1.5c.82 0 1.5.67 1.5 1.5S28.32 7 27.5 7z'/%3E%3C/svg%3E") center/contain no-repeat}
.logo span:last-child {color:var(--accent)}
.main-nav {display:flex; gap:25px; margin:0 10px 0 60px;}
.nav-link {font-family:'Oswald',sans-serif; font-size:16px; text-transform:uppercase; color:var(--text); text-decoration:none; opacity:0.7; transition:opacity 0.3s,color 0.3s; padding:8px 0}
.nav-link:hover,.nav-link.active {opacity:1; color:var(--accent)}
.header-actions {display:flex; align-items:center; gap:15px; margin-left:auto}
.theme-toggle {width:80px; height:30px; border:1px solid var(--border); background:var(--bg-darker); border-radius:5px; cursor:pointer; position:relative; transition:all 0.3s ease; padding:0; display:flex; align-items:center; justify-content:space-around}
.theme-toggle:hover {background:var(--bg-darkest); transform:none; box-shadow:var(--shadow)}
.theme-toggle:active {transform:scale(0.98)}
.theme-toggle::before {content:''; position:absolute; width:40px; height:40px; border-radius:5px; background:var(--accent); top:50%; left:-1px; transform:translateY(-50%); transition:all 0.3s ease; z-index:2}
.theme-toggle-icons {position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:space-around}
.theme-toggle-icons::before,.theme-toggle-icons::after {content:''; width:20px; height:20px; z-index:3; transition:all 0.3s ease; position:relative}
.theme-toggle-icons::before {background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99998 1.60001C8.15911 1.60001 8.31172 1.66322 8.42424 1.77574C8.53676 1.88826 8.59998 2.04088 8.59998 2.20001V3.40001C8.59998 3.55914 8.53676 3.71175 8.42424 3.82427C8.31172 3.93679 8.15911 4.00001 7.99998 4.00001C7.84085 4.00001 7.68823 3.93679 7.57571 3.82427C7.46319 3.71175 7.39998 3.55914 7.39998 3.40001V2.20001C7.39998 2.04088 7.46319 1.88826 7.57571 1.77574C7.68823 1.66322 7.84085 1.60001 7.99998 1.60001ZM7.99998 12C8.15911 12 8.31172 12.0632 8.42424 12.1757C8.53676 12.2883 8.59998 12.4409 8.59998 12.6V13.8C8.59998 13.9591 8.53676 14.1117 8.42424 14.2243C8.31172 14.3368 8.15911 14.4 7.99998 14.4C7.84085 14.4 7.68823 14.3368 7.57571 14.2243C7.46319 14.1117 7.39998 13.9591 7.39998 13.8V12.6C7.39998 12.4409 7.46319 12.2883 7.57571 12.1757C7.68823 12.0632 7.84085 12 7.99998 12ZM7.99998 5.60001C7.36346 5.60001 6.75301 5.85286 6.30292 6.30295C5.85283 6.75304 5.59998 7.36349 5.59998 8.00001C5.59998 8.63653 5.85283 9.24698 6.30292 9.69706C6.75301 10.1472 7.36346 10.4 7.99998 10.4C8.6365 10.4 9.24694 10.1472 9.69703 9.69706C10.1471 9.24698 10.4 8.63653 10.4 8.00001C10.4 7.36349 10.1471 6.75304 9.69703 6.30295C9.24694 5.85286 8.6365 5.60001 7.99998 5.60001ZM12.5256 4.32321C12.5845 4.26828 12.6318 4.20204 12.6646 4.12844C12.6974 4.05484 12.715 3.97539 12.7164 3.89482C12.7179 3.81426 12.7031 3.73424 12.6729 3.65953C12.6427 3.58482 12.5978 3.51695 12.5408 3.45998C12.4838 3.403 12.416 3.35808 12.3413 3.32791C12.2665 3.29773 12.1865 3.28291 12.106 3.28433C12.0254 3.28575 11.9459 3.30339 11.8723 3.33618C11.7987 3.36897 11.7325 3.41626 11.6776 3.47521L10.8288 4.32321C10.7228 4.43695 10.6651 4.58738 10.6678 4.74282C10.6706 4.89827 10.7335 5.04657 10.8435 5.1565C10.9534 5.26643 11.1017 5.3294 11.2572 5.33215C11.4126 5.33489 11.563 5.27719 11.6768 5.17121L12.5256 4.32321ZM5.17118 11.6768C5.23013 11.6219 5.27741 11.5556 5.3102 11.482C5.34299 11.4084 5.36063 11.329 5.36205 11.2484C5.36347 11.1679 5.34865 11.0878 5.31847 11.0131C5.2883 10.9384 5.24338 10.8706 5.18641 10.8136C5.12943 10.7566 5.06156 10.7117 4.98685 10.6815C4.91214 10.6513 4.83212 10.6365 4.75156 10.6379C4.671 10.6394 4.59154 10.657 4.51795 10.6898C4.44435 10.7226 4.37811 10.7699 4.32318 10.8288L3.47518 11.6768C3.36919 11.7905 3.31149 11.941 3.31424 12.0964C3.31698 12.2519 3.37995 12.4002 3.48988 12.5101C3.59981 12.62 3.74812 12.683 3.90356 12.6857C4.059 12.6885 4.20944 12.6308 4.32318 12.5248L5.17118 11.6768ZM14.4 8.00001C14.4 8.15914 14.3368 8.31175 14.2242 8.42427C14.1117 8.53679 13.9591 8.60001 13.8 8.60001H12.6C12.4408 8.60001 12.2882 8.53679 12.1757 8.42427C12.0632 8.31175 12 8.15914 12 8.00001C12 7.84088 12.0632 7.68826 12.1757 7.57574C12.2882 7.46322 12.4408 7.40001 12.6 7.40001H13.8C13.9591 7.40001 14.1117 7.46322 14.2242 7.57574C14.3368 7.68826 14.4 7.84088 14.4 8.00001ZM3.99998 8.00001C3.99998 8.15914 3.93676 8.31175 3.82424 8.42427C3.71172 8.53679 3.55911 8.60001 3.39998 8.60001H2.19998C2.04085 8.60001 1.88823 8.53679 1.77571 8.42427C1.66319 8.31175 1.59998 8.15914 1.59998 8.00001C1.59998 7.84088 1.66319 7.68826 1.77571 7.57574C1.88823 7.46322 2.04085 7.40001 2.19998 7.40001H3.39998C3.55911 7.40001 3.71172 7.46322 3.82424 7.57574C3.93676 7.68826 3.99998 7.84088 3.99998 8.00001ZM11.6768 12.5256C11.7905 12.6316 11.941 12.6893 12.0964 12.6865C12.2518 12.6838 12.4001 12.6208 12.5101 12.5109C12.62 12.401 12.683 12.2527 12.6857 12.0972C12.6885 11.9418 12.6308 11.7913 12.5248 11.6776L11.6768 10.8288C11.6218 10.7699 11.5556 10.7226 11.482 10.6898C11.4084 10.657 11.329 10.6394 11.2484 10.6379C11.1678 10.6365 11.0878 10.6513 11.0131 10.6815C10.9384 10.7117 10.8705 10.7566 10.8135 10.8136C10.7566 10.8706 10.7117 10.9384 10.6815 11.0131C10.6513 11.0878 10.6365 11.1679 10.6379 11.2484C10.6393 11.329 10.657 11.4084 10.6898 11.482C10.7225 11.5556 10.7698 11.6219 10.8288 11.6768L11.6768 12.5256ZM4.32318 5.17121C4.43692 5.27719 4.58735 5.33489 4.74279 5.33215C4.89823 5.3294 5.04654 5.26643 5.15647 5.1565C5.2664 5.04657 5.32937 4.89827 5.33212 4.74282C5.33486 4.58738 5.27716 4.43695 5.17118 4.32321L4.32318 3.47521C4.26785 3.41787 4.20167 3.37213 4.12848 3.34066C4.05529 3.30918 3.97657 3.29259 3.8969 3.29186C3.81724 3.29113 3.73822 3.30627 3.66447 3.33641C3.59072 3.36654 3.52371 3.41106 3.46735 3.46737C3.41098 3.52368 3.3664 3.59065 3.3362 3.66437C3.30599 3.73809 3.29077 3.81709 3.29143 3.89676C3.29208 3.97643 3.3086 4.05517 3.34001 4.12839C3.37142 4.2016 3.4171 4.26783 3.47438 4.32321L4.32318 5.17121Z' fill='white'/%3E%3C/svg%3E"); opacity:1}
.theme-toggle-icons::after {background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.96404 1.60319C6.05424 1.67503 6.12182 1.77133 6.15871 1.88058C6.1956 1.98982 6.20023 2.10738 6.17204 2.21919C5.90625 3.26237 5.94677 4.36004 6.28873 5.38078C6.6307 6.40152 7.25963 7.30207 8.10021 7.97458C8.9408 8.6471 9.9574 9.06308 11.0283 9.17272C12.0992 9.28237 13.179 9.08102 14.1384 8.59279C14.2412 8.54052 14.3568 8.51896 14.4715 8.53069C14.5862 8.54242 14.6951 8.58694 14.7851 8.65893C14.8752 8.73091 14.9426 8.82732 14.9793 8.93661C15.016 9.0459 15.0204 9.16345 14.992 9.27519C14.7114 10.377 14.159 11.3909 13.3853 12.2241C12.6115 13.0572 11.6413 13.6831 10.5632 14.0444C9.4851 14.4057 8.33363 14.4909 7.21412 14.2922C6.0946 14.0935 5.04278 13.6173 4.15487 12.907C3.26696 12.1968 2.57131 11.2753 2.13157 10.2268C1.69183 9.17822 1.52203 8.03616 1.6377 6.90505C1.75337 5.77393 2.15083 4.68988 2.7937 3.75206C3.43658 2.81424 4.30436 2.05259 5.31764 1.53679C5.42039 1.48462 5.53598 1.46314 5.65061 1.47491C5.76524 1.48669 5.87405 1.53122 5.96404 1.60319Z'/%3E%3C/svg%3E"); opacity:1; margin-left:2px}
.series-main {background:var(--card); border-radius:12px; box-shadow:var(--shadow); margin:20px 0}
.series-header {display:grid; grid-template-columns:200px 1fr; gap:30px; padding:30px}
.poster-container {position:relative; border-radius:8px 8px 3px 3px; overflow:hidden; box-shadow:0 0 0 1px #ccc,2px 3px 3px rgba(0,0,0,0.1)}
.poster-img {width:100%; height:300px; object-fit:cover; display:block}
.votes-section {margin-top:5px}
.votes-widget {width:225px; display:flex; flex-direction:row; justify-self:center; border-bottom:solid 1px var(--border); background:var(--card); user-select:none; border-radius:8px; box-shadow:var(--shadow)}
.votes-widget > button {width:40px; height:40px; display:flex; align-items:center; justify-content:center; border:none; outline:none; background:#FFF; cursor:pointer; transition:0.2s}
.votes-widget > .plus {justify-self:flex-start; background:var(--rating-plus); border-radius:8px 0 0 8px}
.votes-widget > .plus:hover {background:var(--rating-plus-hover)}
.votes-widget > .plus.active {background:var(--rating-plus-hover)}
.votes-widget > .plus > svg {stroke:white}
.votes-widget > .minus {justify-self:flex-end; background:var(--rating-minus); border-radius:0 8px 8px 0}
.votes-widget > .minus:hover {background:var(--rating-minus-hover)}
.votes-widget > .minus.active {background:var(--rating-minus-hover)}
.votes-widget > .minus > svg {stroke:white}
.votes-widget > span {width:72px; display:flex; flex-direction:row; align-items:center; font-size:13px; font-weight:500; color:var(--text)}
.votes-widget > .count-plus {justify-content:flex-start; padding-left:10px; background:linear-gradient(90deg,var(--rating-plus-opacity),var(--card))}
.votes-widget > .count-minus {justify-content:flex-end; padding-right:10px; background:linear-gradient(90deg,var(--card),var(--rating-minus-opacity))}
.votes-widget > .value-block {width:0; position:relative}
.votes-widget > .value-block > .value {position:absolute; bottom:13px; left:-28px; width:56px; height:56px; display:flex; flex-direction:row; justify-content:center; align-items:center; outline:5px solid var(--card); border:5px solid transparent; border-radius:30px; box-sizing:border-box; background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(90deg,var(--rating-plus),var(--rating-minus)) border-box; font-size:15px; font-weight:bold; color:var(--text)}
.series-info {padding-top:0}
.series-header-top {display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:5px; gap:20px; position: relative;}
.series-title {font-size:22px; font-weight:700; color:var(--text); line-height:1.2; flex:1}
.original-title {font-style:italic; font-size:16px; color:var(--text-light); margin-top:5px; font-weight:400}
.title-divider {height:3px; background:var(--accent); margin-bottom:20px; border-radius:2px}
.ratings-block {display:flex; gap:8px; flex-shrink:0}
.rating-badge {display:flex; align-items:center; gap:6px; padding:10px 12px; background:var(--text-white); border-radius:8px; border:1px solid var(--border); transition:box-shadow 0.3s ease, transform 0.3s ease; box-shadow:0 1px 3px rgba(0,0,0,0.1); min-width:auto}
.rating-badge:hover {transform:translateY(-1px); box-shadow:0 2px 8px rgba(0,0,0,0.15)}
.kp-rating {border-left:3px solid #ff6b00}
.imdb-rating {border-left:3px solid #f5c518}
.rating-value {font-size:16px; font-weight:700; line-height:1}
.kp-rating .rating-value {color:#ff6b00}
.imdb-rating .rating-value {color:var(--text)}
.rating-source {font-size:10px; color:var(--text-light); text-transform:uppercase; font-weight:600}
.kp-rating .rating-source {color:#ff6b00}
.imdb-rating .rating-source {color:var(--text)}
.description-section {margin-bottom:25px}
.description-text {color:var(--text-light); line-height:1.6; font-size:15px}
.series-meta {margin-top:25px}
.meta-grid {display:block; margin-bottom:20px}
.meta-column {display:flex; flex-direction:column; gap:8px}
.meta-item {display:flex; gap:10px; align-items:flex-start}
.dt {font-weight:600; color:var(--text); min-width:140px; flex-shrink:0}
.dd {color:var(--text); flex:1; line-height:1.4}
.actors-info {background:var(--bg); padding:15px; border-radius:8px; font-size:14px; line-height:1.5; border-left:4px solid var(--accent)}
.actors-info strong {color:var(--text); display:block; margin-bottom:5px}
.section-title {font-size:20px; font-weight:700; margin-bottom:20px; padding-bottom:10px; border-bottom:3px solid var(--accent); color:var(--text)}
.player-section {padding:30px; border-top:1px solid var(--border)}
.player-container {background:#111; border-radius:8px; overflow:hidden}
.player-placeholder {aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; color:white}
.player-message {text-align:center}
.btn-trailer {background:var(--accent); color:white; border:none; padding:12px 30px; border-radius:6px; cursor:pointer; font-weight:500; margin-top:15px; transition:background-color 0.3s}
.btn-trailer:hover {background:var(--accent-hover)}
.article-section {padding:30px; border-top:1px solid var(--border)}
.article-content {line-height:1.6; color:var(--text-light)}
.article-content img {max-width:100%; height:auto; border-radius:8px; margin-top:10px}
.article-content p {margin-bottom:15px}
.comments-section {padding:30px; border-top:1px solid var(--border)}
.comments-layout {display:grid; grid-template-columns:2fr auto 1fr; gap:0; align-items:start}
.comments-list-container {grid-column:1}
.comments-divider {grid-column:2; width:1px; background:var(--border); height:100%; margin:0 30px}
.comments-form-container {grid-column:3; position:sticky; top:30px}
.comments-notice {background:#f0f8ff; border:1px solid #b8daff; padding:15px 20px; border-radius:8px; margin-bottom:20px; font-size:14px; color:#31708f; display:flex; align-items:center; gap:12px}
.notice-icon {font-size:18px; flex-shrink:0}
.notice-text {line-height:1.4}
.comment-form {background:var(--bg); border-radius:8px; padding:25px; box-shadow:var(--shadow);}
.form-fields {display:grid; gap:20px; margin-bottom:20px}
.field {display:flex; flex-direction:column; gap:5px; position:relative}
.field span {font-weight:500; color:var(--text)}
.field input,.field textarea {background:var(--text-white); color:var(--text); max-width:470px; padding:12px 15px; border:1px solid var(--border); border-radius:6px; font-family:inherit; font-size:14px; transition:border-color 0.3s}
.field input:focus,.field textarea:focus {outline:none; border-color:var(--accent)}
.help {color:var(--text-light); font-size:12px; text-align:right; position:absolute; bottom:-20px; right:0}
.btn-submit {background:var(--accent); color:white; border:none; padding:10px 25px; border-radius:6px; font-size:14px; font-weight:500; cursor:pointer; transition:background-color 0.3s}
.btn-submit:hover {background:var(--accent-hover)}
.btn-submit:disabled {opacity:0.6; cursor:not-allowed}
.comments-list {min-height:100px}
.loading-message {text-align:center; color:var(--text-light); padding:40px 20px}
.comment-item {background:var(--bg); border-radius:8px; padding:20px; margin-bottom:15px; border-left:4px solid var(--accent); display:flex; gap:15px}
.comment-avatar {width:50px; height:50px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:20px; color:white; flex-shrink:0; text-transform:uppercase}
.comment-content {flex:1}
.comment-header {display:flex; align-items:center; gap:10px; margin-bottom:10px; flex-wrap:wrap}
.comment-author {font-weight:600; color:var(--text); font-size:16px}
.comment-badge {background:var(--accent); color:white; padding:2px 8px; border-radius:12px; font-size:10px; font-weight:600; text-transform:uppercase}
.comment-date {color:var(--text-light); font-size:12px; margin-left:auto}
.comment-text {line-height:1.5; color:var(--text); font-size:14px; margin-top:8px; padding-top:8px; border-top:1px solid rgba(0,0,0,0.1)}
.pagination {display:flex; justify-content:center; align-items:center; gap:10px; margin-top:30px; padding-top:20px; border-top:1px solid var(--border)}
.pagination-info {font-size:14px; color:var(--text-light); margin-right:auto}
.pagination-btn {background:var(--bg); border:1px solid var(--border); border-radius:6px; padding:8px 12px; cursor:pointer; font-size:14px; color:var(--text); text-decoration:none; transition:all 0.3s; min-width:40px; text-align:center}
.pagination-btn:hover {background:var(--bg-darker); border-color:var(--accent)}
.pagination-btn.prev,.pagination-btn.next {font-weight:600; background:var(--accent); color:white; border-color:var(--accent)}
.pagination-btn.prev:hover,.pagination-btn.next:hover {background:var(--accent-hover)}
.page-current {background:var(--accent); color:white; border-radius:6px; padding:8px 12px; font-size:14; font-weight:600; min-width:40px; text-align:center}
.footer {background:#222; color:#ccc; padding:40px 0 20px; margin-top:40px}
.footer-content {display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:30px}
.footer-logo {display:flex; gap:15px}
.footer .logo {color:white; padding-left:0}
.footer .logo::before {display:none}
.footer-notice {border-left:1px solid rgba(255,255,255,0.2); padding-left:20px; font-size:14px; line-height:1.4}
.footer-nav {font-family:'Oswald',sans-serif; font-size:16px; text-transform:uppercase}
.footer-nav a {color:#ccc; text-decoration:none}
.footer-nav a:hover {text-decoration:underline}
.footer-bottom {display:flex; justify-content:space-between; align-items:center; padding-top:20px; border-top:1px solid rgba(255,255,255,0.2)}
.copyright {font-size:14px}
.notifications {position:fixed; top:70px; right:20px; z-index:1000; display:flex; flex-direction:column; gap:10px; max-width:400px}
.note {background:var(--text-white); border-left:4px solid #17a2b8; border-radius:6px; padding:15px 20px; box-shadow:0 4px 12px rgba(0,0,0,0.15); animation:slideInRight 0.3s ease-out}
.note.success {border-left-color:var(--green)}
.note.error {border-left-color:var(--red)}
.note.warn {border-left-color:var(--orange)}
@keyframes slideInRight {from {transform:translateX(100%); opacity:0}
 to {transform:translateX(0); opacity:1}
}
.player-tabs {display:flex; background:#111; border-radius:8px 8px 0 0; padding:4px; border-bottom:1px solid #444444}
.player-tab {flex:1; padding:12px 20px; border:none; background:transparent; color:#a0a0a0; font-weight:500; cursor:pointer; border-radius:6px; transition:all 0.3s ease; font-family:inherit; font-size:14px}
.player-tab:hover {background:#3d3d3d}
.player-tab.active {background:var(--accent); color:white; box-shadow:var(--shadow)}
.player-content {display:none}
.player-content.active {display:block}
.player-content iframe {min-height: 600px; width: 100%; border: none;}
.player-container {background:#111; border-radius:0 0 8px 8px; overflow:hidden}
.mobile-menu-toggle {display:none; flex-direction:column; justify-content:space-between; width:24px; height:18px; background:none; border:none; cursor:pointer; padding:0; margin-left:15px}
.mobile-menu-toggle span {display:block; height:2px; width:100%; background-color:var(--text); border-radius:1px; transition:all 0.3s ease}
.mobile-menu {display:none; position:fixed; top:60px; left:0; right:0; background:var(--card); box-shadow:var(--shadow-long); z-index:99; padding:20px; border-top:1px solid var(--border)}
.mobile-menu.active {display:block}
.mobile-nav {display:flex; flex-direction:column; gap:0}
.mobile-nav .nav-link {padding:12px 0; border-bottom:1px solid var(--border); font-size:16px; opacity:1}
.mobile-nav .nav-link:last-child {border-bottom:none}
.mobile-nav .nav-link.active {color:var(--accent); font-weight:600}
.mobile-menu-toggle.active span:nth-child(1) {transform:rotate(45deg) translate(6px,6px)}
.mobile-menu-toggle.active span:nth-child(2) {opacity:0}
.mobile-menu-toggle.active span:nth-child(3) {transform:rotate(-45deg) translate(6px,-6px)}
.dropdown-nav {display:none; position:relative}
.dropdown-nav.visible {display:block}
.dropdown-toggle {display:flex; align-items:center; gap:5px; font-family:'Oswald',sans-serif; font-size:16px; text-transform:uppercase; color:var(--text); background:none; border:none; cursor:pointer; padding:8px 15px; opacity:0.7; transition:opacity 0.3s,color 0.3s; border-radius:6px}
.dropdown-toggle:hover {opacity:1; color:var(--accent);}
.dropdown-menu {position:absolute; top:100%; right:0; background:var(--card); border:1px solid var(--border); border-radius:8px; box-shadow:var(--shadow-long); padding:10px 0; min-width:150px; z-index:1000; display:none; flex-direction:column}
.dropdown-menu.active {display:flex}
.dropdown-menu .nav-link {padding:10px 20px; border-bottom:1px solid var(--border); font-size:14px; opacity:1; text-align:left; white-space:nowrap}
.dropdown-menu .nav-link:last-child {border-bottom:none}
.dropdown-menu .nav-link:hover {color:var(--accent)}
@media (max-width:1024px) {
 .mobile-menu-toggle {display:flex}
 .main-nav {display:none}
}

@media (max-width:768px) {
 .dropdown-nav {display: none!important;}
 .container {padding:0px}
 .series-main {margin: 0; border-radius: 0;}
 .header-content {padding:15px;}
 .header-actions {margin-left:auto; display:flex; align-items:center; gap:15px}
 .ratings-block {position:absolute; left:0; right: 0; top: -5px;}
 .rating-badge {width: 50%; justify-content: center;}
 .series-title {font-size:20px}
 .series-header {grid-template-columns:1fr; gap:20px}
 .series-header-top {padding-top: 40px;}
 .poster-container {max-width:200px; margin:0 auto}
 .meta-grid {grid-template-columns:1fr; gap:15px}
 .dt {min-width: 90px;}
 .rating-score {font-size:28px}
 .player-content iframe {min-height: 210px;}
 .footer {margin: 0px;}
 .footer-content {flex-direction:column; gap:20px; text-align:center; align-items: center;}
 .footer-logo {flex-direction: column; align-items: center;}
 .footer-notice {border-left:none; padding-left:0; border-top:1px solid rgba(255,255,255,0.2); padding-top:15px}
 .footer-bottom {justify-content: center;}
 .pagination {flex-wrap:wrap}
 .pagination-info {width:100%; text-align:center; margin-right:0; margin-bottom:10px}
 .comments-layout {grid-template-columns:1fr; gap:30px}
 .comments-divider {display:none}
 .comments-list-container,.comments-form-container {grid-column:1}
 .comments-form-container {position:static}
}
@media (max-width:480px) {
 .mobile-menu {top:56px}
 .nav-link {font-size:14px}
 .series-header,.player-section,.article-section,.comments-section {padding:20px}
 .rating-badge {padding:6px 10px}
 .rating-value {font-size:14px}
 .comment-item {flex-direction:column; text-align:left}
 .comment-avatar {align-self:flex-start}
 .comment-header {flex-direction:row; align-items:center}
 .comment-date {margin-left:auto}
}