/* AnimeChop Cinema 2026 v15 — poster2 cinematic hero for DLE 16.1 */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/Montserrat-Cyrillic-Ext.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/Montserrat-Cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/Montserrat-Latin.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 {
  color-scheme: dark;
  --bg: #000;
  --bg-soft: #100e19;
  --surface: #1f1b2e;
  --surface-2: #2d273a;
  --surface-glass: rgba(31, 27, 46, .92);
  --text: #f7f7f8;
  --text1: #f7f7f8;
  --muted: #aaa6b6;
  --line: rgba(255, 255, 255, .09);
  --line-strong: rgba(255, 255, 255, .15);
  --magenta: #ea003d;
  --fuchsia: #ff0f5b;
  --violet: #a869f0;
  --violet-deep: #7b2ff7;
  --success: #29d391;
  --warning: #ffb45c;
  --danger: #ff657d;
  --color1: var(--magenta);
  --color2: var(--violet);
  --light: var(--line);
  --light2: rgba(255, 255, 255, .58);
  --focus: #ff94b1;
  --radius: 18px;
  --radius-lg: 26px;
  --shadow-sm: 0 10px 28px rgba(0, 0, 0, .24);
  --shadow: 0 24px 64px rgba(0, 0, 0, .42);
  --ease: cubic-bezier(.2, .8, .2, 1);
  --spring: cubic-bezier(.16, 1, .3, 1);
  --swiper-theme-color: var(--fuchsia);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 154px; scrollbar-color: var(--violet) var(--bg-soft); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  min-width: 320px;
  margin: 0;
  overflow-x: hidden;
  color: var(--text);
  background: radial-gradient(42rem 26rem at 92% -8%, rgba(234, 0, 61, .16), transparent 72%), radial-gradient(36rem 28rem at 6% 10%, rgba(123, 47, 247, .11), transparent 74%), var(--bg);
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
body.modal-opened { overflow: hidden; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4 { overflow-wrap: anywhere; text-wrap: balance; }
button, input, textarea, select { font: inherit; }
button { touch-action: manipulation; }
img { display: block; max-width: 100%; }
.wrapper { min-height: 100dvh; overflow: clip; }
.container { width: min(calc(100% - 36px), 1240px); margin-inline: auto; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 12px; left: 16px; z-index: 1001; padding: 11px 16px; color: #100e19; background: #fff; border-radius: 12px; transform: translateY(-160%); transition: transform .2s var(--ease); }
.skip-link:focus { transform: none; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; border-radius: 8px; }

/* Header and search */
.site-header { position: sticky; top: 0; z-index: 80; width: 100%; padding: 11px 0; background: rgba(0, 0, 0, .94); border-bottom: 1px solid var(--line); backdrop-filter: none; transition: padding .25s var(--ease), background .25s var(--ease); }
.site-header.fixed { background: rgba(0, 0, 0, .97); }
.site-header .container { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.header-logo, .footer-logo { display: inline-flex; align-items: center; flex: 0 0 auto; }
.header-logo { gap: 11px; }
.header-logo_mark { position: relative; display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; padding-left: 2px; color: #fff; background: linear-gradient(145deg, #ff3868, #e90058 52%, #7b2ff7); border: 1px solid rgba(255, 255, 255, .22); border-radius: 13px; box-shadow: 0 9px 24px rgba(234, 0, 61, .32), inset 0 1px 0 rgba(255, 255, 255, .22); font-size: 13px; transform: rotate(-4deg); transition: transform .3s var(--spring), box-shadow .3s var(--ease); }
.header-logo:hover .header-logo_mark { box-shadow: 0 12px 30px rgba(234, 0, 61, .45), inset 0 1px 0 rgba(255, 255, 255, .25); transform: rotate(0) scale(1.06); }
.header-logo > span, .footer-logo > span { font-size: clamp(22px, 3vw, 30px); font-weight: 700; letter-spacing: -.055em; }
.header-logo > span span, .footer-logo > span span, .footer-support a { color: #ff526e; }
.header-logo { transition: transform .25s var(--spring); }
.header-logo:hover { transform: translateY(-2px); }
.header-search { position: relative; z-index: 8; display: flex; align-items: center; width: min(48vw, 530px); min-height: 48px; margin-left: auto; color: var(--text); background: rgba(255, 255, 255, .06) !important; border: 1px solid var(--line); border-radius: 999px; transition: border-color .2s var(--ease), background .2s var(--ease), box-shadow .25s var(--ease); }
.header-search:focus-within { background: linear-gradient(135deg, rgba(255, 255, 255, .085), rgba(123, 47, 247, .055)) !important; border-color: rgba(255, 82, 110, .78); box-shadow: 0 0 0 3px rgba(234, 0, 61, .14), 0 12px 30px rgba(123, 47, 247, .12); }
.header-search form { position: static; display: flex !important; flex: 1 1 auto; align-items: center; width: auto; height: 46px; padding: 0; background: transparent !important; }
.header-search input { flex: 1 1 auto; min-width: 0; width: 100%; height: 44px; padding: 0 8px; color: var(--text) !important; caret-color: var(--fuchsia); background: transparent !important; border: 0 !important; box-shadow: none !important; }
.header-search input:focus, .header-search input:focus-visible { outline: 0; box-shadow: none !important; }
.header-search input::placeholder { color: var(--muted); opacity: 1; }
.header-search_icon, .header-search_close, .mobmenu-btn, .menu-toggle { appearance: none; padding: 0; color: inherit; background: transparent; border: 0; cursor: pointer; }
.header-search_icon, .header-search_close { display: grid; place-items: center; flex: 0 0 46px; width: 46px; height: 46px; color: var(--muted); }
.header-search_icon:hover, .header-search_close:hover { color: #fff; }
.header-search:focus-within .header-search_icon { color: #ff7799; }
.header-search_close { display: none; }
.search-shortcut { align-self: center; margin-right: 8px; padding: 2px 7px; color: var(--muted); background: rgba(255, 255, 255, .07); border: 1px solid var(--line); border-radius: 7px; font: 600 12px/1.6 system-ui, sans-serif; }
.search__rezo { position: absolute; top: calc(100% + 9px); left: 0; z-index: 95; width: 100%; padding: 0; }
.search__rezo #searchsuggestions { width: 100%; overflow: hidden; color: var(--text); background: #211c30; border: 1px solid var(--line-strong); border-radius: 16px; box-shadow: var(--shadow); }
.header-user > span { display: inline-flex; align-items: center; min-height: 46px; padding: 0 18px; color: #fff; background: linear-gradient(135deg, var(--fuchsia), var(--magenta)); border-radius: 14px; box-shadow: 0 10px 28px rgba(234, 0, 61, .25); cursor: pointer; }
.header-user:is(button) { appearance: none; padding: 0; background: transparent; border: 0; }
.header-user > img { border-color: var(--magenta); border-radius: 13px; }
.user_menu, .user-login { color: var(--text); background: #211c30; border: 1px solid var(--line); box-shadow: var(--shadow); }
.user-login {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 120;
  width: min(520px, calc(100vw - 32px));
  min-width: 0;
  max-width: calc(100vw - 32px);
  max-height: min(90dvh, 760px);
  margin: 0;
  padding: clamp(30px, 5vw, 52px);
  overflow-x: hidden;
  overflow-y: auto;
  color: var(--text);
  background: radial-gradient(30rem 18rem at 100% 0%, rgba(234, 0, 61, .15), transparent 68%), #211c30;
  border: 1px solid var(--line-strong);
  border-radius: 25px;
  box-shadow: 0 0 0 100vmax rgba(4, 2, 9, .82), 0 28px 90px rgba(0, 0, 0, .62);
  overscroll-behavior: contain;
  transform: translate(-50%, -50%);
  scrollbar-color: rgba(168, 105, 240, .65) transparent;
}
.user-login_content { position: relative; width: 100%; }
.user-login_content h2 { margin: 0 42px 26px 0; color: #fff; font-size: 28px; line-height: 1.15; letter-spacing: -.035em; text-align: left; }
.user-login_close { top: 0; right: 0; z-index: 2; display: grid; place-items: center; width: 40px; height: 40px; padding: 0; color: #fff; background: rgba(255, 255, 255, .07); border: 1px solid var(--line); border-radius: 12px; line-height: 1; }
.user-login_close:hover { background: var(--magenta); }
.user-login .dle-form_float input { width: 100%; color: #fff; background: rgba(255, 255, 255, .055); border-color: var(--line-strong); border-radius: 13px; }
.user-login_lost { color: #ff91ae; }
.user-login_btn { gap: 10px; }
.user-login_btn button, .user-login_btn a { flex: 1 1 0; min-height: 48px; margin: 0; padding: 0 16px; border-radius: 12px; font-weight: 700; }
.user-login_btn button { color: #fff; background: linear-gradient(135deg, var(--fuchsia), var(--magenta)); border: 0; }
.user-login_btn a { display: inline-flex; align-items: center; justify-content: center; color: #fff; background: rgba(255, 255, 255, .075); border: 1px solid var(--line); }
.user-login_soc { flex-wrap: wrap; }
.user-login_soc span { color: var(--muted); font-size: 12px; }

/* Cinematic hero */
.cinema-hero { position: relative; height: clamp(390px, 36vw, 510px); margin-top: 22px; overflow: hidden; background: var(--bg-soft); border: 1px solid var(--line); border-radius: 28px; box-shadow: var(--shadow); }
.cinema-hero .swiper-wrapper, .cinema-hero .swiper-slide, .cinema-hero_slide { height: 100%; }
.cinema-hero_slide { position: relative; overflow: hidden; background: #14111d; border-radius: 28px; isolation: isolate; }
.cinema-hero_art { position: absolute; inset: 0; z-index: -2; width: 100%; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 72% 34%, rgba(255, 15, 91, .18), transparent 34%), linear-gradient(135deg, #20142d, #0f0d17); }
.cinema-hero_art::after { position: absolute; inset: -12px 34% -12px -12px; z-index: 2; content: ""; pointer-events: none; background: rgba(13, 10, 20, .1); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .96) 44%, transparent 100%); -webkit-mask-image: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .96) 44%, transparent 100%); }
.hero-art_fallback { position: absolute; inset: 0; z-index: 0; display: grid; place-items: center; color: rgba(255, 255, 255, .14); background: radial-gradient(circle at center, rgba(124, 58, 237, .2), transparent 38%); font-size: clamp(46px, 6vw, 82px); transition: opacity .25s var(--ease); }
.cinema-hero_art.has-image .hero-art_fallback { opacity: 0; }
.cinema-hero_art img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: center 30%; filter: saturate(1.1) contrast(1.04) brightness(.96); transform: scale(1.005); transition: transform 7s ease-out, filter .6s var(--ease); }
.swiper-slide-active .cinema-hero_art img { filter: saturate(1.13) contrast(1.05) brightness(1); transform: scale(1.03); }
.cinema-hero_glow { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #0d0b14 0%, rgba(13, 11, 20, .97) 19%, rgba(13, 11, 20, .78) 38%, rgba(13, 11, 20, .3) 61%, rgba(13, 11, 20, .05) 82%), linear-gradient(0deg, rgba(10, 8, 16, .86), transparent 52%), radial-gradient(circle at 22% 48%, rgba(93, 41, 149, .18), transparent 42%); }
.cinema-hero_content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: min(58%, 700px); min-width: 0; height: 100%; padding: clamp(28px, 4vw, 50px); }
.hero-label, .top100-kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 16px; padding: 7px 11px; color: #fff; background: rgba(234, 0, 61, .16); border: 1px solid rgba(255, 15, 91, .34); border-radius: 999px; font-size: 12px; font-weight: 700; }
.cinema-hero_content h2 { display: -webkit-box; width: min(100%, 18ch); margin: 0 0 13px; overflow: hidden; overflow-wrap: break-word; color: #fff; font-size: clamp(34px, 3.35vw, 46px); font-weight: 700; line-height: 1.08; letter-spacing: -.036em; text-wrap: balance; text-shadow: 0 4px 28px rgba(0, 0, 0, .52); word-break: normal; hyphens: none; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.cinema-hero_content h2.hero-title-long { width: min(100%, 20ch); font-size: clamp(30px, 2.85vw, 40px); letter-spacing: -.032em; -webkit-line-clamp: 3; line-clamp: 3; }
.cinema-hero_content h2.hero-title-xlong { width: min(100%, 22ch); font-size: clamp(27px, 2.55vw, 35px); letter-spacing: -.026em; -webkit-line-clamp: 3; line-clamp: 3; }
.hero-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; color: #d6d3dd; font-size: 13px; }
.hero-meta b { padding: 4px 8px; color: #071b12; background: var(--success); border-radius: 8px; }
.hero-meta span:not(:last-child)::after { content: "•"; margin-left: 8px; color: #6d6878; }
.hero-description { display: -webkit-box; max-width: 58ch; margin-bottom: 20px; overflow: hidden; color: #cfccd6; font-size: 15px; line-height: 1.58; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; }
.hero-description p { color: inherit; font: inherit; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.hero-watch, .hero-details, .anime-action_primary, .anime-action_secondary, .top100-watch { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 0 20px; border-radius: 12px; font-weight: 700; transition: transform .25s var(--spring), filter .2s var(--ease); }
.hero-watch, .anime-action_primary, .top100-watch { color: #fff; background: linear-gradient(135deg, var(--fuchsia), var(--magenta)); box-shadow: 0 12px 28px rgba(234, 0, 61, .28); }
.hero-details, .anime-action_secondary { color: #fff; background: rgba(255, 255, 255, .1); border: 1px solid var(--line); }
.hero-watch:hover, .hero-details:hover, .anime-action_primary:hover, .anime-action_secondary:hover, .top100-watch:hover { transform: translateY(-2px); filter: brightness(1.08); }
.hero-arrow { position: absolute; right: 18px; bottom: 24px; z-index: 8; display: grid; place-items: center; width: 46px; height: 46px; padding: 0; color: #fff; background: rgba(16, 14, 25, .74); border: 1px solid var(--line-strong); border-radius: 50%; box-shadow: var(--shadow-sm); cursor: pointer; }
.hero-arrow:hover { background: var(--magenta); }
.hero-prev { right: 72px; }
.hero-next { right: 18px; }
.cinema-hero.is-single .hero-arrow { display: none; }
.hero-arrow.swiper-button-disabled { opacity: .28; pointer-events: none; }

/* Main navigation */
.site-header > .fix-menu { justify-content: center; margin-top: 8px; }
.menu-drawer_head { display: none; }
.fix-menu { position: relative; z-index: 45; display: flex; align-items: center; justify-content: center; gap: 4px; padding: 7px; overflow: visible; color: var(--text); background: linear-gradient(110deg, rgba(31, 27, 46, .96), rgba(24, 20, 35, .96)); border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 12px 34px rgba(0, 0, 0, .22); }
.fix-menu > a, .fix-menu_sub, .fix-menu_sub > a, .menu-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 14px; color: #d9d5df; border-radius: 12px; font-size: 14px; font-weight: 650; white-space: nowrap; transition: color .2s var(--ease), background .2s var(--ease), transform .25s var(--spring); }
.fix-menu > a > i, .menu-toggle > i:first-child { display: grid; place-items: center; width: 18px; color: #938ca0; transition: color .2s var(--ease), transform .25s var(--spring); }
.fix-menu > a:hover, .menu-toggle:hover, .fix-menu_sub:hover > .menu-toggle, .fix-menu > a.active { color: #fff; background: rgba(255, 255, 255, .075); transform: translateY(-1px); }
.fix-menu_sub.has-active > .menu-toggle { color: #fff; background: rgba(255, 255, 255, .065); box-shadow: inset 0 -2px 0 var(--fuchsia); }
.fix-menu > a:hover > i, .menu-toggle:hover > i:first-child, .fix-menu > a.active > i { color: #ff6e95; }
.fix-menu > a.active { box-shadow: inset 0 -2px 0 var(--fuchsia); }
.fix-menu > .menu-premium { color: #ffe1a8; background: rgba(255, 180, 92, .07); }
.fix-menu > .menu-premium > i { color: #ffbd65; }
.fix-menu > .menu-library { color: #f0e7ff; background: linear-gradient(135deg, rgba(123, 47, 247, .14), rgba(234, 0, 61, .08)); }
.fix-menu > .menu-library > i { color: #c29bff; }
.fix-menu_sub { position: relative; z-index: 46; }
.fix-menu_sub > div { top: calc(100% + 10px); left: 0; z-index: 60 !important; display: grid; grid-template-columns: repeat(4, minmax(130px, 1fr)); width: min(720px, calc(100vw - 36px)); padding: 18px; color: var(--text); background: linear-gradient(145deg, #282139, #1d1829); border: 1px solid var(--line-strong); border-radius: 18px; box-shadow: var(--shadow); transform: translateY(8px); transition: opacity .2s var(--ease), visibility .2s, transform .25s var(--spring); }
.fix-menu_sub > .menu-types { grid-template-columns: repeat(2, minmax(150px, 1fr)); width: 390px; }
.fix-menu_sub.open > div, .fix-menu_sub:focus-within > div { visibility: visible; opacity: 1; transform: none; }
.fix-menu_sub > div::before { background: #221d31; }
.fix-menu_sub > div a { padding: 9px 11px; color: #bbb5c4; border-radius: 9px; font-size: 13px; }
.fix-menu_sub > div a:hover, .fix-menu_sub > div a.active { color: #fff; background: linear-gradient(135deg, rgba(123, 47, 247, .2), rgba(234, 0, 61, .13)); }
.menu-panel_title { grid-column: 1 / -1; margin-bottom: 4px; padding: 0 10px 10px; color: #ff84a5; border-bottom: 1px solid var(--line); font-size: 11px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.fix-menu_sub > .menu-toggle .menu-chevron { width: auto; margin-left: 1px; font-size: 10px; transition: transform .2s var(--ease); }
.fix-menu_sub.open > .menu-toggle .menu-chevron { transform: rotate(180deg); }

@media (min-width: 821px) and (max-width: 1080px) {
  .fix-menu > a, .menu-toggle { gap: 6px; padding-inline: 9px; font-size: 12px; }
}

/* Full-width content layout */
.asides { display: block; }
.asides > main { min-width: 0; width: 100%; max-width: 100%; }
.fix-sect { position: relative; margin-block: 30px; }
.fix-sect_head { align-items: center; margin-bottom: 20px; }
.fix-sect_head i, .section-title-row > i { display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; margin-right: 15px; color: #fff; background: linear-gradient(135deg, var(--fuchsia), var(--magenta)); border-radius: 14px; box-shadow: 0 10px 25px rgba(234, 0, 61, .2); }
.fix-sect:nth-of-type(3n + 2) > .fix-sect_head i { background: linear-gradient(135deg, var(--violet), var(--violet-deep)); }
.fix-sect_head h2, .fix-sect_head h3, .section-title-row h2 { margin: 0; color: var(--text); font-size: clamp(22px, 3vw, 30px); font-weight: 700; letter-spacing: -.035em; }
.section-kicker { display: block; margin-top: 2px; color: var(--muted); font-size: 14px; font-weight: 450; }
.fix-sect_items { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 30px 20px; }
.fix-sect_item { position: relative; min-width: 0; padding-top: 0; }
.fix-sect_bg, .fix-recom_bg { position: relative; display: block; width: 100%; height: auto; aspect-ratio: 2 / 3; overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow-sm); contain: layout paint; transform: translateZ(0); transition: transform .3s var(--spring), border-color .2s var(--ease), box-shadow .3s var(--ease); }
.fix-sect_bg img, .fix-recom_bg img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s var(--spring), filter .3s var(--ease); }
.fix-sect_item h3, .fix-sect_item h4 { margin: 11px 0 4px; color: var(--text); font-size: 16px; font-weight: 650; line-height: 1.32; }
.fix-sect_item > a > h3, .fix-sect_item > a > h4 { display: -webkit-box; min-height: 2.64em; overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.fix-sect_meta { color: var(--muted); font-size: 14px; opacity: 1; }
.rating-color { top: 10px !important; left: 10px !important; z-index: 4; padding: 4px 9px !important; color: #071a11 !important; background: linear-gradient(135deg, var(--success), #64e6b3) !important; border: 1px solid rgba(255, 255, 255, .2); border-radius: 999px !important; box-shadow: 0 6px 18px rgba(41, 211, 145, .22) !important; font-size: 11px; font-weight: 700; }
.rating-color.middle { color: #28180b !important; background: linear-gradient(135deg, #ffd166, var(--warning)) !important; }
.rating-color.low { color: #2d0c14 !important; background: linear-gradient(135deg, var(--danger), #ff9bad) !important; }
.rating-color1 { color: var(--success); }
.fix-desc_btn { position: absolute; top: 10px; right: 10px; z-index: 12; display: grid; place-items: center; width: 30px; height: 30px; margin: 0; padding: 0; color: #fff; background: rgba(13, 10, 22, .78); border: 1px solid var(--line-strong); border-radius: 10px; cursor: pointer; }
.fix-desc_btn:hover { background: var(--magenta); }
.fix-desc { position: absolute; top: 0; left: calc(100% + 12px); z-index: 35; display: block !important; width: min(360px, calc(100vw - 32px)); padding: 20px; color: var(--text); background: #241e34; border: 1px solid var(--line-strong); border-radius: 18px; box-shadow: var(--shadow); opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(-8px) scale(.98); transition: opacity .18s var(--ease), visibility .18s, transform .25s var(--spring); }
.fix-desc_left .fix-desc { right: calc(100% + 12px); left: auto; transform: translateX(8px) scale(.98); }
.fix-sect_item.info-open { z-index: 30; }
.fix-sect_item.info-open .fix-desc { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
.fix-desc h3 { margin-top: 0; }
.fix-desc p { color: #d0ccd6; }
.fix-desc_close { display: none; }
.fix-desc_actions { display: flex; gap: 9px; margin-top: 18px; }
.fix-desc_actions a { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; padding: 0 14px; border-radius: 10px; font-weight: 700; }
.desc-watch { color: #fff; background: linear-gradient(135deg, var(--fuchsia), var(--magenta)); }
.desc-list { color: #fff; background: rgba(255, 255, 255, .09); }

@media (hover: hover) and (pointer: fine) {
  .fix-sect_item:hover .fix-sect_bg, .fix-recom_item:hover .fix-recom_bg { border-color: rgba(234, 0, 61, .45); box-shadow: 0 18px 36px rgba(0, 0, 0, .4); transform: translateY(-6px); }
  .fix-sect_item:hover .fix-sect_bg img, .fix-recom_item:hover .fix-recom_bg img { filter: saturate(1.06); transform: scale(1.04); }
  .fix-sect_bg::after { content: "\25B6"; position: absolute; top: 50%; left: 50%; z-index: 3; display: grid; place-items: center; width: 48px; height: 48px; padding-left: 3px; color: #fff; background: linear-gradient(135deg, var(--fuchsia), var(--magenta)); border-radius: 50%; box-shadow: 0 12px 30px rgba(234, 0, 61, .34); opacity: 0; transform: translate(-50%, -42%) scale(.75); transition: opacity .2s var(--ease), transform .3s var(--spring); }
  .fix-sect_item:hover .fix-sect_bg::after { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

/* Shelves, sidebar and local history */
.fix-recom { margin-block: 24px 20px; overflow: hidden; background: linear-gradient(145deg, rgba(45, 39, 58, .94), rgba(25, 21, 36, .94)); border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); }
.fix-recom_head { padding: 22px 24px 9px; background: transparent; font-size: 20px; font-weight: 700; }
.fix-recom_head::after { content: "Для уютного вечера"; margin-left: 12px; color: var(--muted); font-size: 12px; font-weight: 500; }
.fix-recom_items, .fix-related_items, .milkashort_items { padding: 14px 20px 22px; }
.fix-recom_items > .fal, .fix-related_items > .fal, .fix-podb_items > .fal { display: grid; place-items: center; width: 44px; height: 44px; line-height: 44px; color: #fff; background: rgba(16, 14, 25, .86); border: 1px solid var(--line-strong); border-radius: 50%; box-shadow: var(--shadow-sm); }
.ongoing-panel { padding: clamp(20px, 3vw, 30px); overflow: hidden; background: radial-gradient(30rem 17rem at 4% 0%, rgba(234, 0, 61, .22), transparent 72%), radial-gradient(27rem 16rem at 100% 12%, rgba(123, 47, 247, .22), transparent 74%), linear-gradient(155deg, rgba(45, 39, 58, .97), rgba(21, 17, 31, .98)) !important; border: 1px solid var(--line); border-radius: 26px; box-shadow: var(--shadow-sm); }
.ongoing-panel_head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
.ongoing-panel .fix-sect_head { min-width: 0; margin: 0; }
.ongoing-panel .fix-sect_head > i { flex-basis: 48px; width: 48px; height: 48px; margin-right: 14px; background: linear-gradient(135deg, var(--magenta), #ff416c); box-shadow: 0 10px 26px rgba(234, 0, 61, .28); }
.ongoing-panel .section-kicker { max-width: none; margin-top: 3px; font-size: 13px; line-height: 1.35; }
.ongoing-all { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; min-height: 42px; padding: 0 14px; color: #ffd4df; background: rgba(234, 0, 61, .1); border: 1px solid rgba(255, 71, 121, .22); border-radius: 12px; font-size: 12px; font-weight: 700; }
.ongoing-all:hover { color: #fff; background: var(--magenta); border-color: transparent; }
.ongoing-all i { font-size: 10px; transition: transform .2s var(--ease); }
.ongoing-all:hover i { transform: translateX(2px); }
.fix-top_items.ongoing-list { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(280px, 310px); gap: 12px; max-height: none; padding: 2px 2px 12px; overflow-x: auto; overflow-y: hidden; color: var(--text); background: transparent; border: 0; border-radius: 0; counter-reset: ongoing-rank; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory; scrollbar-color: rgba(255, 255, 255, .2) transparent; scrollbar-width: thin; }
.ongoing-card { position: relative; display: grid !important; grid-template-columns: 30px 64px minmax(0, 1fr) auto; gap: 11px; align-items: center; min-height: 98px; margin: 0; padding: 9px 10px 9px 7px; overflow: hidden; background: rgba(255, 255, 255, .045); border: 1px solid rgba(255, 255, 255, .065); border-radius: 17px; counter-increment: ongoing-rank; scroll-snap-align: start; transition: background .2s var(--ease), border-color .2s var(--ease), transform .25s var(--spring); }
.ongoing-card + .ongoing-card { margin-top: 0; }
.ongoing-card::before { content: none; }
.ongoing-card:hover { background: linear-gradient(105deg, rgba(234, 0, 61, .14), rgba(123, 47, 247, .11)); border-color: rgba(255, 92, 136, .28); transform: translateY(-3px); }
.ongoing-card > .ongoing-rank { display: grid; place-items: center; align-self: stretch; margin: 0; color: #8d8798; font-size: 13px; font-variant-numeric: tabular-nums; font-weight: 800; }
.ongoing-rank::before { content: counter(ongoing-rank, decimal-leading-zero); }
.ongoing-card:nth-child(-n + 3) .ongoing-rank { color: #ff6f97; }
.ongoing-poster { position: relative; display: block; width: 64px; height: 82px; overflow: hidden; background: #18131f; border-radius: 12px; }
.ongoing-poster > img { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; border-radius: inherit; transition: filter .2s var(--ease), transform .3s var(--spring); }
.ongoing-play { position: absolute; inset: 0; display: grid; place-items: center; color: #fff; background: rgba(10, 7, 16, .54); font-size: 13px; opacity: 0; transition: opacity .2s var(--ease); }
.ongoing-card:hover .ongoing-poster > img { filter: saturate(1.12); transform: scale(1.05); }
.ongoing-card:hover .ongoing-play { opacity: 1; }
.fix-top_title.ongoing-copy { min-width: 0; }
.ongoing-copy h3 { display: -webkit-box; margin: 0; overflow: hidden; color: #fff; font-size: 14px; font-weight: 700; line-height: 1.25; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.ongoing-copy a:hover h3 { color: #ff9ab5; }
.fix-top_title .ongoing-meta { display: flex; align-items: center; gap: 6px; min-width: 0; margin-top: 8px; overflow: visible; color: var(--muted); font-size: 11px; text-overflow: clip; white-space: nowrap; }
.ongoing-meta b { max-width: 88px; overflow: hidden; color: #cfc8d8; font-weight: 500; text-overflow: ellipsis; }
.ongoing-meta em { padding: 4px 6px; color: #6ee7b7; background: rgba(41, 211, 145, .1); border-radius: 7px; font-size: 9px; font-style: normal; font-weight: 750; letter-spacing: .03em; text-transform: uppercase; }
.fix-top_item > .ongoing-score { align-self: start; min-width: 38px; margin: 2px 0 0; padding: 5px 7px; color: #0b2218; background: linear-gradient(135deg, #5ce8b0, var(--success)); border-radius: 9px; font-size: 11px; font-variant-numeric: tabular-nums; font-weight: 800; line-height: 1; text-align: center; }

/* Premium donghua collection */
.donghua-section { padding: clamp(20px, 3vw, 30px); overflow: hidden; background: radial-gradient(30rem 19rem at 0% 0%, rgba(255, 180, 92, .13), transparent 72%), radial-gradient(32rem 21rem at 100% 10%, rgba(234, 0, 61, .16), transparent 72%), linear-gradient(145deg, rgba(35, 29, 47, .98), rgba(17, 14, 25, .98)); border: 1px solid var(--line); border-radius: 26px; box-shadow: var(--shadow-sm); content-visibility: auto; contain-intrinsic-size: 1px 390px; }
.donghua-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.donghua-section .fix-sect_head { min-width: 0; margin: 0; }
.donghua-section .fix-sect_head > i { flex-basis: 50px; width: 50px; height: 50px; background: linear-gradient(135deg, #ffb45c, var(--magenta)); box-shadow: 0 12px 28px rgba(234, 0, 61, .25); }
.donghua-kicker { display: block; margin-bottom: 1px; color: #ffb96b; font-size: 10px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.donghua-all { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; min-height: 42px; padding: 0 14px; color: #ffd8e2; background: rgba(234, 0, 61, .1); border: 1px solid rgba(255, 89, 134, .2); border-radius: 12px; font-size: 12px; font-weight: 700; }
.donghua-all:hover { color: #fff; background: var(--magenta); border-color: transparent; }
.donghua-all i { font-size: 10px; transition: transform .2s var(--ease); }
.donghua-all:hover i { transform: translateX(2px); }
.donghua-items { position: relative; padding: 3px 2px 8px; overflow: hidden; }
.donghua-items .swiper-wrapper { counter-reset: donghua-rank; }
.donghua-slide { height: auto; counter-increment: donghua-rank; }
.donghua-card { position: relative; display: grid; grid-template-columns: 132px minmax(0, 1fr); min-height: 238px; height: 100%; overflow: hidden; background: linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .025)); border: 1px solid rgba(255, 255, 255, .085); border-radius: 20px; contain: layout paint; transform: translateZ(0); transition: transform .3s var(--spring), border-color .2s var(--ease), box-shadow .3s var(--ease); }
.donghua-rank { position: absolute; bottom: -12px; left: 3px; z-index: 3; color: #fff; font-size: 69px; font-variant-numeric: tabular-nums; font-weight: 800; line-height: 1; letter-spacing: -.09em; text-shadow: 0 4px 24px rgba(0, 0, 0, .78); pointer-events: none; }
.donghua-rank::before { content: counter(donghua-rank, decimal-leading-zero); }
.donghua-poster { position: relative; display: block; min-width: 0; overflow: hidden; background: #17131f; }
.donghua-poster::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(13, 9, 18, .62), transparent 52%); }
.donghua-poster img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s var(--spring), filter .3s var(--ease); }
.donghua-copy { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 24px 18px 20px; }
.donghua-label { display: inline-flex; margin-bottom: 12px; padding: 5px 8px; color: #ffe0b8; background: rgba(255, 180, 92, .11); border: 1px solid rgba(255, 180, 92, .18); border-radius: 999px; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.donghua-copy h3 { display: -webkit-box; overflow: hidden; margin: 0; color: #fff; font-size: 17px; line-height: 1.28; letter-spacing: -.02em; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; }
.donghua-meta { display: flex; align-items: center; gap: 6px; margin-top: 10px; color: var(--muted); font-size: 11px; }
.donghua-meta i { color: #696373; font-style: normal; }
.donghua-watch { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; padding-top: 18px; color: #ff94b1; font-size: 12px; font-weight: 750; }
.donghua-watch i { font-size: 10px; }
@media (hover: hover) and (pointer: fine) {
  .donghua-card:hover { border-color: rgba(255, 90, 135, .3); box-shadow: 0 18px 36px rgba(0, 0, 0, .34); transform: translateY(-5px); }
  .donghua-card:hover .donghua-poster img { filter: saturate(1.08); transform: scale(1.055); }
  .donghua-card:hover .donghua-watch { color: #fff; }
}
.recent-section[hidden] { display: none !important; }
.recent-grid { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(170px, 190px); gap: 18px; padding: 4px 2px 12px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory; scrollbar-width: thin; }
.recent-card { min-width: 0; scroll-snap-align: start; }
.recent-poster { position: relative; display: block; aspect-ratio: 2 / 3; overflow: hidden; background: linear-gradient(145deg, #231c2c, #15111b); border: 1px solid var(--line); border-radius: 15px; box-shadow: var(--shadow-sm); }
.recent-poster_fallback { position: absolute; inset: 0; display: grid; place-items: center; color: rgba(255, 255, 255, .38) !important; background: radial-gradient(circle at 50% 35%, rgba(234, 0, 61, .2), transparent 48%); font-size: 34px !important; }
.recent-poster img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .22s var(--ease), transform .4s var(--spring); }
.recent-poster.poster-loaded img { opacity: 1; }
@media (hover: hover) and (pointer: fine) { .recent-poster:hover img { transform: scale(1.035); } }
.recent-card h3 { display: -webkit-box; min-height: 2.5em; margin: 9px 0 3px; overflow: hidden; color: #fff; font-size: 14px; line-height: 1.25; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.recent-card span { color: var(--muted); font-size: 12px; }
.recent-copy > span { display: -webkit-box; overflow: hidden; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }

/* Full anime page */
.is-watch-page .asides { display: block; }
.is-watch-page .asides main { width: 100%; }
.anime-breadcrumb { margin-top: 22px; color: var(--muted); font-size: 13px; }
.anime-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }
.anime-breadcrumb li + li::before { content: "›"; margin-right: 7px; color: #6d6878; }
.anime-breadcrumb a:hover { color: #fff; }
.fix-full, .fix-full_text, .section, .fix-seo { color: var(--text); background: var(--surface-glass); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.fix-full { display: grid; grid-template-columns: minmax(260px, 320px) minmax(0, 1fr); gap: clamp(28px, 4vw, 52px); align-items: start; margin: 30px 0; padding: clamp(22px, 3vw, 36px); }
.fix-full_left { position: relative; width: 100%; }
.fix-full_left > img { width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: cover; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 18px 42px rgba(0, 0, 0, .34); }
.fix-full_center { position: relative; min-width: 0; margin: 0; }
.anime-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; color: #ff8baa; font-size: 13px; font-weight: 700; }
.fix-full_center h1 { max-width: 20ch; margin: 0 0 14px; color: #fff; font-size: clamp(33px, 5vw, 59px); line-height: 1; letter-spacing: -.05em; text-wrap: balance; }
.fix-full_age { display: inline-flex; margin: 0 0 18px; padding: 4px 9px; color: #2b1707; background: linear-gradient(135deg, #ffd166, var(--warning)); border: 0; border-radius: 999px; font-size: 12px; font-weight: 700; }
.anime-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin: 0; }
.anime-facts > div { min-width: 0; padding: 11px 12px; background: rgba(255, 255, 255, .045); border: 1px solid rgba(255, 255, 255, .06); border-radius: 12px; }
.anime-facts dt { color: var(--muted); font-size: 11px; line-height: 1.2; }
.anime-facts dd { margin: 4px 0 0; overflow-wrap: anywhere; color: #fff; font-size: 13px; font-weight: 600; line-height: 1.25; }
.fix-full_grades { display: flex; align-items: center; justify-content: flex-start; gap: 28px; margin: 20px 0; padding: 17px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.fix-full_stars span, .fix-full_grade > span:last-child { display: block; margin-top: 3px; color: var(--muted); font-size: 12px; }
.fix-full_grade .rating-color1 { display: block; color: var(--success); font-size: 27px; font-weight: 700; line-height: 1; }
.anime-source-link { display: inline-flex; margin-top: 7px; color: #cdb9ef; font-size: 10px; line-height: 1.35; text-decoration: underline; text-decoration-color: rgba(205, 185, 239, .38); text-underline-offset: 3px; }
.anime-source-link:hover { color: #fff; text-decoration-color: currentColor; }
.anime-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.anime-list-control { margin-top: 20px; padding: 17px; background: linear-gradient(145deg, rgba(123, 47, 247, .11), rgba(234, 0, 61, .055)); border: 1px solid rgba(194, 155, 255, .18); border-radius: 18px; }
.anime-list-control_head { display: flex; align-items: center; gap: 11px; margin-bottom: 13px; }
.anime-list-control_icon { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; color: #fff; background: linear-gradient(135deg, var(--violet), var(--magenta)); border-radius: 12px; box-shadow: 0 8px 22px rgba(123, 47, 247, .24); }
.anime-list-control_head h2 { margin: 0; color: #fff; font-size: 16px; line-height: 1.2; }
.anime-list-control_head p { margin: 3px 0 0; color: var(--muted); font-size: 11px; line-height: 1.35; }
.anime-list-control .mylists-switch { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }
.anime-list-control .mylists-switch li { position: relative; display: inline-flex; align-items: center; min-height: 40px; margin: 0 !important; padding: 0 34px 0 37px; color: #dcd5e5; background: rgba(255, 255, 255, .055); border: 1px solid var(--line); border-radius: 12px; font-size: 12px; font-weight: 650; line-height: 1.2; cursor: pointer; transition: color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), transform .25s var(--spring); }
.anime-list-control .mylists-switch li::before { position: absolute; left: 13px; color: #a99fb6; font-family: "AnimeChop Icons"; font-weight: 900; }
.anime-list-control .mylists-switch li:nth-child(1)::before { content: "\f06e"; }
.anime-list-control .mylists-switch li:nth-child(2)::before { content: "\f058"; }
.anime-list-control .mylists-switch li:nth-child(3)::before { content: "\f017"; }
.anime-list-control .mylists-switch li:nth-child(4)::before { content: "\f057"; }
.anime-list-control .mylists-switch li:nth-child(5)::before { content: "\f271"; }
.anime-list-control .mylists-switch li:nth-child(6)::before { content: "\f2f1"; }
.anime-list-control .mylists-switch li::after { position: absolute; right: 11px; content: "✓"; color: #fff; opacity: 0; transform: scale(.6); transition: opacity .18s var(--ease), transform .25s var(--spring); }
.anime-list-control .mylists-switch li:hover { color: #fff; background: rgba(255, 255, 255, .09); border-color: rgba(194, 155, 255, .3); transform: translateY(-1px); }
.anime-list-control .mylists-switch li.active { color: #fff; background: linear-gradient(135deg, var(--violet), var(--magenta)); border-color: transparent; box-shadow: 0 9px 22px rgba(123, 47, 247, .22); }
.anime-list-control .mylists-switch li.active::before { color: #fff; }
.anime-list-control .mylists-switch li.active::after { opacity: 1; transform: none; }
.anime-list-feedback { margin: 10px 0 0; color: #aaa2b4; font-size: 10px; line-height: 1.4; }
.anime-list-control_locked { background: radial-gradient(22rem 14rem at 100% 0, rgba(234, 0, 61, .13), transparent 72%), linear-gradient(145deg, rgba(123, 47, 247, .12), rgba(255, 255, 255, .035)); border-color: rgba(255, 119, 153, .2); }
.anime-list-control_locked .anime-list-control_icon { background: linear-gradient(135deg, #373043, #211c2c); border: 1px solid rgba(255, 255, 255, .11); box-shadow: none; }
.list-auth-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.list-auth-primary, .list-auth-secondary { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 15px; border-radius: 12px; font-size: 11px; font-weight: 750; transition: transform .25s var(--spring), filter .2s var(--ease), border-color .2s var(--ease); }
.list-auth-primary { color: #fff; background: linear-gradient(135deg, var(--fuchsia), var(--magenta)); box-shadow: 0 9px 24px rgba(234, 0, 61, .2); }
.list-auth-secondary { color: #e3dfea; background: rgba(255, 255, 255, .055); border: 1px solid var(--line); }
.list-auth-primary:hover, .list-auth-secondary:hover { color: #fff; filter: brightness(1.08); transform: translateY(-1px); }

/* Personal lists */
.mylists-page { margin-block: 30px 42px; }
.mylists-hero { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 18px; align-items: center; min-height: 190px; padding: clamp(26px, 4vw, 46px); overflow: hidden; background: radial-gradient(30rem 18rem at 0 0, rgba(123, 47, 247, .28), transparent 70%), radial-gradient(24rem 18rem at 100% 0, rgba(234, 0, 61, .2), transparent 72%), linear-gradient(145deg, #241b35, #15111f); border: 1px solid var(--line-strong); border-radius: 28px; box-shadow: var(--shadow); isolation: isolate; }
.mylists-hero::after { position: absolute; right: -45px; bottom: -90px; z-index: -1; width: 260px; height: 260px; content: ""; border: 42px solid rgba(255, 255, 255, .025); border-radius: 50%; }
.mylists-hero_icon { display: grid; place-items: center; width: 66px; height: 66px; color: #fff; background: linear-gradient(145deg, var(--violet), var(--magenta)); border: 1px solid rgba(255, 255, 255, .18); border-radius: 21px; box-shadow: 0 16px 38px rgba(123, 47, 247, .34); font-size: 25px; transform: rotate(-4deg); }
.mylists-eyebrow, .mylists-catalog_head > div > span { display: block; margin-bottom: 5px; color: #c7a8ff; font-size: 10px; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; }
.mylists-hero h1 { margin: 0; color: #fff; font-size: clamp(31px, 5vw, 48px); line-height: 1; letter-spacing: -.05em; }
.mylists-hero p { max-width: 62ch; margin: 9px 0 0; color: #cfc8d8; font-size: 13px; }
.mylists-hero_action, .mylists-empty > a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 17px; color: #fff; background: linear-gradient(135deg, var(--fuchsia), var(--magenta)); border-radius: 13px; box-shadow: 0 11px 28px rgba(234, 0, 61, .24); font-size: 12px; font-weight: 700; }
.mylists-hero_actions { display: grid; justify-items: end; gap: 8px; }
.mylists-account-state { display: inline-flex; align-items: center; gap: 6px; color: #c8f8e6; font-size: 10px; font-weight: 700; }
.mylists-filter { margin-block: 18px; }
.mylists-filter .mylists-tabs { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; margin: 0; padding: 7px; list-style: none; background: rgba(31, 27, 46, .9); border: 1px solid var(--line); border-radius: 18px; }
.mylists-filter .mylists-tabs li { display: flex; align-items: center; min-width: 0; min-height: 47px; margin: 0 !important; padding: 4px 8px 4px 4px; color: #9f97aa; background: transparent; border: 1px solid transparent; border-radius: 12px; font-size: 10px; font-weight: 700; transition: color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease); }
.mylists-filter .mylists-tabs li:hover { color: #fff; background: rgba(255, 255, 255, .055); }
.mylists-filter .mylists-tabs li.active { color: #fff; background: linear-gradient(135deg, rgba(123, 47, 247, .3), rgba(234, 0, 61, .19)); border-color: rgba(194, 155, 255, .2); }
.mylists-filter .mylists-tabs a { display: flex; align-items: center; gap: 7px; flex: 1 1 auto; min-width: 0; height: 100%; padding: 7px 5px; color: inherit; line-height: 1.15; }
.mylists-filter .mylists-tabs a::before { flex: 0 0 auto; color: #c19bff; content: "\f02e"; font-family: "AnimeChop Icons"; font-size: 12px; font-weight: 900; }
.mylists-filter .mylists-tabs li:first-child a::before { content: "\f00a"; }
.mylists-tab_count { display: grid; place-items: center; flex: 0 0 23px; min-width: 23px; height: 23px; padding: 0 5px; color: #fff; background: rgba(255, 255, 255, .08); border-radius: 8px; font-size: 9px; }
.mylists-catalog { padding: clamp(20px, 3vw, 30px); background: var(--surface-glass); border: 1px solid var(--line); border-radius: 25px; box-shadow: var(--shadow-sm); }
.mylists-catalog_head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.mylists-catalog_head h2 { margin: 0; color: #fff; font-size: clamp(22px, 3vw, 29px); letter-spacing: -.035em; }
.mylists-summary { color: var(--muted); font-size: 11px; }
.mylists-empty { display: grid; justify-items: center; max-width: 540px; margin: 24px auto; padding: clamp(30px, 7vw, 60px) 20px; text-align: center; }
.mylists-empty[hidden] { display: none !important; }
.mylists-empty > span { display: grid; place-items: center; width: 74px; height: 74px; margin-bottom: 18px; color: #d1b7ff; background: linear-gradient(145deg, rgba(123, 47, 247, .24), rgba(234, 0, 61, .12)); border: 1px solid rgba(194, 155, 255, .2); border-radius: 23px; font-size: 28px; }
.mylists-empty h2 { margin: 0; color: #fff; font-size: 25px; }
.mylists-empty p { margin: 9px 0 20px; color: var(--muted); font-size: 12px; line-height: 1.6; }
.mylists-hero_locked { grid-template-columns: auto minmax(0, 1fr); min-height: 230px; background: radial-gradient(32rem 20rem at 0 0, rgba(123, 47, 247, .3), transparent 70%), radial-gradient(26rem 18rem at 100% 100%, rgba(234, 0, 61, .18), transparent 74%), linear-gradient(145deg, #21182f, #100d18); }
.mylists-auth { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(310px, .95fr); gap: clamp(20px, 4vw, 44px); align-items: center; margin-top: 18px; padding: clamp(25px, 5vw, 52px); background: linear-gradient(145deg, rgba(37, 31, 50, .94), rgba(20, 17, 29, .97)); border: 1px solid var(--line); border-radius: 26px; box-shadow: var(--shadow-sm); }
.mylists-auth_intro { min-width: 0; }
.mylists-auth_icon { display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 18px; color: #fff; background: linear-gradient(145deg, var(--violet), var(--magenta)); border: 1px solid rgba(255, 255, 255, .16); border-radius: 18px; box-shadow: 0 14px 34px rgba(123, 47, 247, .27); font-size: 21px; }
.mylists-auth h2 { max-width: 17ch; margin: 0; color: #fff; font-size: clamp(27px, 4vw, 40px); line-height: 1.04; letter-spacing: -.045em; }
.mylists-auth_intro > p { max-width: 56ch; margin: 13px 0 22px; color: #beb7c8; font-size: 13px; line-height: 1.65; }
.mylists-auth .list-auth-primary, .mylists-auth .list-auth-secondary { min-height: 47px; padding-inline: 18px; font-size: 12px; }
.mylists-benefits { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.mylists-benefits li { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; align-items: center; min-width: 0; padding: 14px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .065); border-radius: 15px; }
.mylists-benefits li > i { display: grid; place-items: center; width: 42px; height: 42px; color: #e0ccff; background: rgba(123, 47, 247, .15); border-radius: 12px; }
.mylists-benefits strong, .mylists-benefits span { display: block; }
.mylists-benefits strong { color: #fff; font-size: 12px; }
.mylists-benefits span { margin-top: 3px; color: var(--muted); font-size: 10px; line-height: 1.45; }
.fix-full_text, .dle-comm.section, .fix-sect.section, .fix-seo, .anime-faq.section, .page__scr.section { margin-block: 24px; padding: clamp(20px, 3.5vw, 34px); }
.fix-full_text h2, .watch-section h2, .anime-faq h2 { margin: 0 0 15px; color: #fff; font-size: clamp(23px, 3vw, 29px); font-weight: 700; line-height: 1.18; letter-spacing: -.03em; }
.fix-full_text > div { color: #d4d0da; font-size: 15px; line-height: 1.72; overflow-wrap: anywhere; }
.anime-fact-summary { margin: 0 0 18px; padding: 15px 17px; color: #e9e3ef; background: linear-gradient(135deg, rgba(123, 47, 247, .12), rgba(234, 0, 61, .065)); border: 1px solid rgba(194, 155, 255, .18); border-radius: 15px; font-size: 14px; line-height: 1.62; }
.anime-fact-summary > span { display: block; margin-bottom: 4px; color: #ff8cab; font-size: 10px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.anime-fact-summary strong { color: #fff; font-weight: 700; }
.fix-full_text p, .fix-seo p, .dle-comm p, .anime-faq p { color: #d4d0da; }
.fix-full_tags a { display: inline-block; margin: 10px 8px 0 0; padding: 6px 11px; color: #e3d7ff; background: rgba(168, 105, 240, .13); border: 1px solid rgba(168, 105, 240, .25); border-radius: 999px; }
.watch-section { margin-block: 30px; scroll-margin-top: 90px; }
.watch-section > h2 { margin: 0 0 16px; font-size: clamp(23px, 4vw, 35px); }
.playercdn, .trailer-modal_iframe { width: 100%; height: auto !important; aspect-ratio: 16 / 9; overflow: hidden; background: #07050c; border: 1px solid var(--line); border-radius: 20px; box-shadow: 0 18px 46px rgba(0, 0, 0, .34); }
.playercdn video-player, .trailer-modal_iframe iframe { display: block; width: 100%; height: 100%; border: 0; }
.trailer-modal_iframe { margin-top: 18px; }
.page__scr ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.page__scr a, .page__scr img { border-radius: 13px; }

/* Fullstory discussion */
.comments-panel { position: relative; max-width: none; padding: clamp(22px, 3.5vw, 38px) !important; overflow: hidden; background: radial-gradient(32rem 18rem at 0% 0%, rgba(123, 47, 247, .16), transparent 72%), radial-gradient(28rem 17rem at 100% 0%, rgba(234, 0, 61, .13), transparent 74%), linear-gradient(145deg, rgba(34, 29, 48, .98), rgba(19, 16, 28, .98)) !important; border-radius: 26px !important; }
.comments-panel_head { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-bottom: 24px; }
.comments-panel_title { display: flex; align-items: center; min-width: 0; }
.comments-panel_icon { display: grid; place-items: center; flex: 0 0 54px; width: 54px; height: 54px; margin-right: 16px; color: #fff; background: linear-gradient(135deg, var(--violet), var(--magenta)); border-radius: 17px; box-shadow: 0 14px 32px rgba(123, 47, 247, .24); font-size: 21px; }
.comments-eyebrow { display: block; margin-bottom: 2px; color: #ff8dab; font-size: 11px; font-weight: 750; letter-spacing: .09em; text-transform: uppercase; }
.comments-panel_head h2 { margin: 0; color: #fff; font-size: clamp(25px, 4vw, 35px); line-height: 1.08; letter-spacing: -.04em; }
.comments-panel_head p { max-width: 62ch; margin: 7px 0 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.comments-cta { display: inline-flex; align-items: center; justify-content: center; gap: 9px; flex: 0 0 auto; min-height: 46px; padding: 0 17px; color: #fff; background: linear-gradient(135deg, var(--fuchsia), var(--magenta)); border-radius: 13px; box-shadow: 0 12px 28px rgba(234, 0, 61, .23); font-size: 13px; font-weight: 700; }
.comments-cta:hover { filter: brightness(1.08); transform: translateY(-2px); }
.comment-composer { position: relative; display: none; max-width: none; scroll-margin-top: 90px; margin: 0 0 22px; padding: 22px; color: var(--text); background: rgba(255, 255, 255, .045); border: 1px solid var(--line); border-radius: 20px; box-shadow: none; }
.comments-panel.composer-open .comment-composer, .comment-composer:target { display: block; animation: composer-reveal .38s var(--spring) both; }
.comment-composer_close { position: absolute; top: 14px; right: 14px; z-index: 3; display: grid; place-items: center; width: 38px; height: 38px; padding: 0; color: var(--muted); background: rgba(255, 255, 255, .06); border: 1px solid var(--line); border-radius: 11px; cursor: pointer; }
.comment-composer_close:hover { color: #fff; background: var(--magenta); }
.comment-composer_intro { display: flex; align-items: center; gap: 13px; margin-bottom: 17px; }
.comment-composer_intro > div { min-width: 0; padding-right: 38px; }
.comment-composer_intro > span { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; color: #ffd7e2; background: rgba(234, 0, 61, .12); border: 1px solid rgba(255, 94, 137, .2); border-radius: 13px; }
.comment-composer_intro h3 { margin: 0; color: #fff; font-size: 18px; }
.comment-composer_intro p { margin: 3px 0 0; color: var(--muted); font-size: 12px; }
.comment-editor { overflow: hidden; background: rgba(7, 5, 12, .42); border: 1px solid var(--line); border-radius: 16px; }
.comment-editor textarea { display: block; width: 100%; min-height: 160px; padding: 16px !important; resize: vertical; background: transparent !important; border: 0 !important; border-radius: 16px; box-shadow: none !important; font-size: 15px; line-height: 1.6; }
.comment-editor .wysibb, .comment-editor .bb-editor, .comment-editor .tox, .comment-editor .fr-box { margin: 0; background: transparent; border: 0; border-radius: 16px; }
.comment-guest-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.comment-guest-fields label, .comment-captcha .dle-form_protec { display: grid; gap: 7px; width: 100%; color: var(--muted); font-size: 11px; font-weight: 600; }
.comment-guest-fields input, .comment-captcha input { width: 100%; height: 50px; padding: 0 15px; border-radius: 13px; }
.comment-captcha { display: grid; grid-template-columns: auto minmax(180px, 280px); gap: 14px; align-items: end; margin-top: 14px; }
.comment-captcha .dle-form_protec { margin-left: 0; }
.comment-captcha_image { min-height: 50px; overflow: hidden; border-radius: 12px; }
.comment-captcha_image img { height: 50px; width: auto; }
.comment-composer_actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 16px; }
.comment-composer_actions > span { color: var(--muted); font-size: 11px; }
.comment-composer_actions > span i { margin-right: 5px; color: var(--success); }
.add-comments-form__btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 18px; color: #fff; background: linear-gradient(135deg, var(--fuchsia), var(--magenta)); border: 0; border-radius: 13px; box-shadow: 0 12px 28px rgba(234, 0, 61, .22); cursor: pointer; font-weight: 700; }
@keyframes composer-reveal { from { opacity: 0; transform: translateY(-12px) scale(.985); } to { opacity: 1; transform: none; } }
.comments-list { display: grid; min-width: 0; gap: 14px; }
.comments-list .comments-tree-list { display: grid; min-width: 0; gap: 14px; margin: 0; padding: 0; list-style: none; }
.comments-list .comments-tree-list .comments-tree-list { margin-top: 14px; padding-left: 34px; border-left: 1px solid rgba(168, 105, 240, .2); }
.comments-list .comments-tree-list .comments-tree-list::before { content: none; }
.comment-card { position: relative; width: 100%; min-width: 0; max-width: 100%; margin: 0; padding: 21px; color: var(--text); background: rgba(255, 255, 255, .035); border: 1px solid rgba(255, 255, 255, .075); border-radius: 19px; transition: background .2s var(--ease), border-color .2s var(--ease), transform .25s var(--spring); }
.comments-list .comment-card + .comment-card { margin-top: 0; }
.comment-card:hover { background: rgba(255, 255, 255, .05); border-color: rgba(168, 105, 240, .22); transform: translateY(-2px); }
.comment-card_head { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 0 13px; align-items: center; }
.comment-card_head span { opacity: 1; }
.comment-avatar { position: relative; grid-row: 1 / span 2; width: 52px; height: 52px; }
.comment-avatar img { width: 52px; height: 52px; object-fit: cover; border: 1px solid var(--line-strong); border-radius: 16px; }
.comment-author { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; min-width: 0; }
.comment-author h3 { margin: 0; overflow: hidden; color: #fff; font-size: 15px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.comment-role { padding: 3px 7px; color: #c8b4ef; background: rgba(168, 105, 240, .11); border-radius: 7px; font-size: 9px; font-weight: 650; }
.comment-date { grid-column: 2; color: var(--muted); font-size: 11px; }
.comment-date i { margin-right: 4px; }
.dle-comm_rating { grid-column: 3; grid-row: 1 / span 2; display: inline-flex; align-items: center; gap: 7px; min-height: 38px; margin-left: 0; padding: 4px 7px; color: var(--muted); background: rgba(255, 255, 255, .045); border: 1px solid var(--line); border-radius: 11px; }
.dle-comm_rating a, .dle-comm_rating > span { display: grid; place-items: center; width: 28px; height: 28px; color: var(--muted); border-radius: 8px; }
.dle-comm_rating a:hover, .dle-comm_rating > span:hover { color: #fff; background: rgba(255, 255, 255, .08); }
.dle-comm_rating strong { min-width: 20px; color: #fff; font-size: 12px; text-align: center; }
.comment-card_body { margin: 17px 0 0 65px; color: #d8d4de; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.comment-card_body p { margin: 0 0 10px; color: inherit; }
.comment-card_body p:last-child { margin-bottom: 0; }
.comment-card_body .quote, .comment-card_body blockquote { margin: 12px 0; padding: 12px 14px; color: #c9c2d0; background: rgba(123, 47, 247, .08); border-left: 3px solid var(--violet); border-radius: 0 10px 10px 0; }
.comment-news-title { color: #ff9bb6 !important; font-weight: 650; }
.comment-card_actions { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin: 16px 0 0 65px; padding: 13px 0 0; background: transparent; border-top: 1px solid rgba(255, 255, 255, .065); border-radius: 0; }
.comment-card_actions a { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; margin: 0; padding: 0 11px; color: #aaa2b4; background: rgba(255, 255, 255, .035); border: 1px solid rgba(255, 255, 255, .045); border-radius: 10px; opacity: 1; font-size: 11px; font-weight: 650; line-height: 1; transition: color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), transform .25s var(--spring); }
.comment-card_actions a::before { display: grid; place-items: center; width: 17px; height: 17px; color: #c6a8ff; background: rgba(168, 105, 240, .1); border-radius: 6px; font-size: 12px; font-weight: 800; }
.comment-card_actions a[onclick*="dle_fastreply"]::before { content: "↩"; }
.comment-card_actions a[onclick*="ajax_comm_edit"]::before { content: "✎"; }
.comment-card_actions a[href*="DeleteComments"] { color: #ff9aae; }
.comment-card_actions a[href*="DeleteComments"]::before { content: "×"; color: #ff9aae; background: rgba(255, 82, 110, .1); font-size: 15px; }
.comment-card_actions a:hover { color: #fff; background: rgba(123, 47, 247, .12); border-color: rgba(194, 155, 255, .2); transform: translateY(-1px); }
.comment-card_actions a[href*="DeleteComments"]:hover { background: rgba(255, 82, 110, .12); border-color: rgba(255, 82, 110, .2); }
.comment-card_actions .checkbox { display: grid; place-items: center; width: 34px; height: 34px; margin-left: auto; background: rgba(255, 255, 255, .035); border: 1px solid rgba(255, 255, 255, .055); border-radius: 10px; }
.comment-card_actions .checkbox input { appearance: none; display: grid; place-items: center; width: 17px; height: 17px; margin: 0; background: rgba(255, 255, 255, .04); border: 1px solid #6f677b; border-radius: 5px; cursor: pointer; }
.comment-card_actions .checkbox input::before { content: "✓"; color: #fff; font-size: 11px; font-weight: 800; opacity: 0; transform: scale(.6); transition: opacity .15s var(--ease), transform .2s var(--spring); }
.comment-card_actions .checkbox input:checked { background: linear-gradient(135deg, var(--violet), var(--magenta)); border-color: transparent; }
.comment-card_actions .checkbox input:checked::before { opacity: 1; transform: none; }
.comments-navigation { margin-top: 18px; }

/* FAQ and long text */
.section-title-row { display: flex; align-items: center; margin-bottom: 14px; }
.seo-intro { max-width: 900px; }
.seo-intro > .section-kicker { color: #ff8cab; }
.seo-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.seo-links a { padding: 8px 12px; color: #fff; background: rgba(255, 255, 255, .06); border: 1px solid var(--line); border-radius: 999px; }
.seo-faq { margin-top: 34px; }
.seo-faq details, .anime-faq details { border-top: 1px solid var(--line); }
.seo-faq details:last-child, .anime-faq details:last-child { border-bottom: 1px solid var(--line); }
.seo-faq summary, .anime-faq summary { position: relative; padding: 17px 44px 17px 0; color: #fff; cursor: pointer; list-style: none; font-size: 17px; font-weight: 600; }
.seo-faq summary::-webkit-details-marker, .anime-faq summary::-webkit-details-marker { display: none; }
.seo-faq summary::after, .anime-faq summary::after { content: "+"; position: absolute; top: 50%; right: 8px; display: grid; place-items: center; width: 26px; height: 26px; color: #fff; background: rgba(255, 255, 255, .07); border-radius: 50%; transform: translateY(-50%); }
.seo-faq details[open] summary::after, .anime-faq details[open] summary::after { content: "−"; background: var(--magenta); }
.seo-faq details p, .anime-faq details p { margin: 0; padding: 0 44px 18px 0; color: var(--muted); }
.expand-text { --expand-rows: 5; margin-bottom: 0; }
.expand-text.is-collapsed { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: var(--expand-rows); }
.expand-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: auto; min-height: 42px; margin: 14px 0 0; padding: 0 15px; color: #fff; background: rgba(255, 255, 255, .07); border: 1px solid var(--line); border-radius: 11px; cursor: pointer; }
.expand-btn:hover { background: rgba(234, 0, 61, .14); border-color: rgba(234, 0, 61, .4); }
.expand-btn i { transition: transform .2s var(--ease); }
.expand-btn.is-open i { transform: rotate(180deg); }

/* Top 100 */
.is-top100-page .asides { display: block; }
.top100-page { margin-block: 30px; }
.top100-hero { position: relative; display: flex; align-items: flex-end; justify-content: space-between; min-height: 300px; padding: clamp(28px, 5vw, 58px); overflow: hidden; color: #fff; background: radial-gradient(28rem 22rem at 85% 20%, rgba(255, 15, 91, .3), transparent 70%), radial-gradient(22rem 20rem at 62% 110%, rgba(123, 47, 247, .32), transparent 74%), linear-gradient(145deg, #22172d, #100e19); border: 1px solid var(--line); border-radius: 28px; box-shadow: var(--shadow); isolation: isolate; }
.top100-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(120deg, transparent 40%, rgba(255, 255, 255, .04)); }
.top100-hero_copy { max-width: 720px; }
.top100-hero h1 { margin: 0 0 12px; font-size: clamp(45px, 8vw, 91px); line-height: .9; letter-spacing: -.065em; }
.top100-hero p { max-width: 60ch; margin: 0; color: #d2cdd8; font-size: 16px; }
.top100-hero_mark { display: grid; flex: 0 0 auto; place-items: center; width: clamp(130px, 17vw, 210px); aspect-ratio: 1; color: #fff; background: linear-gradient(145deg, rgba(255, 15, 91, .94), rgba(123, 47, 247, .92)); border: 1px solid rgba(255, 255, 255, .22); border-radius: 50%; box-shadow: 0 24px 70px rgba(234, 0, 61, .3); transform: rotate(7deg); }
.top100-hero_mark span { font-size: clamp(47px, 7vw, 81px); font-weight: 800; line-height: .8; letter-spacing: -.07em; }
.top100-hero_mark small { margin-top: -28%; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }
.top100-toolbar { position: sticky; top: 76px; z-index: 38; display: grid; grid-template-columns: minmax(210px, 320px) 1fr auto; gap: 12px; align-items: center; margin: 18px 0 22px; padding: 12px; background: rgba(31, 27, 46, .94); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow-sm); backdrop-filter: blur(18px); }
.top100-search { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 12px; background: rgba(255, 255, 255, .055); border: 1px solid var(--line); border-radius: 12px; transition: border-color .2s var(--ease), background .2s var(--ease), box-shadow .25s var(--ease); }
.top100-search:focus-within { background: linear-gradient(135deg, rgba(255, 255, 255, .085), rgba(123, 47, 247, .055)); border-color: rgba(255, 82, 110, .78); box-shadow: 0 0 0 3px rgba(234, 0, 61, .14), 0 12px 30px rgba(123, 47, 247, .12); }
.top100-search i { color: var(--muted); transition: color .2s var(--ease); }
.top100-search:focus-within i { color: #ff7799; }
.top100-search input { min-width: 0; width: 100%; height: 42px; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
.top100-search input:focus, .top100-search input:focus-visible { outline: 0; box-shadow: none !important; }
.top100-filters { display: flex; gap: 7px; overflow-x: auto; scrollbar-width: none; }
.top100-filters::-webkit-scrollbar { display: none; }
.top100-filters button { flex: 0 0 auto; min-height: 40px; padding: 0 13px; color: var(--muted); background: rgba(255, 255, 255, .05); border: 1px solid var(--line); border-radius: 11px; cursor: pointer; }
.top100-filters button.active { color: #fff; background: linear-gradient(135deg, var(--fuchsia), var(--magenta)); border-color: transparent; }
.top100-count { color: var(--muted); font-size: 12px; white-space: nowrap; }
.top100-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; counter-reset: top100; }
.top100-item { position: relative; min-width: 0; counter-increment: top100; }
.top100-item[hidden] { display: none !important; }
.top100-rank { position: absolute; top: 12px; left: 12px; z-index: 5; display: grid; place-items: center; min-width: 40px; height: 40px; padding: 0 8px; color: #fff; background: rgba(0, 0, 0, .74); border: 1px solid var(--line-strong); border-radius: 12px; box-shadow: var(--shadow-sm); font-size: 16px; font-weight: 800; }
.top100-rank::before { content: counter(top100); }
.top100-card { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 20px; height: 100%; padding: 13px; background: linear-gradient(145deg, rgba(45, 39, 58, .9), rgba(24, 21, 34, .96)); border: 1px solid var(--line); border-radius: 20px; transition: border-color .2s var(--ease), transform .25s var(--spring); }
.top100-card:hover { border-color: rgba(234, 0, 61, .38); transform: translateY(-3px); }
.top100-poster { position: relative; display: block; aspect-ratio: 2 / 3; overflow: hidden; background: var(--surface); border-radius: 14px; }
.top100-poster > img { width: 100%; height: 100%; object-fit: cover; }
.top100-rating { position: absolute; right: 8px; bottom: 8px; padding: 5px 8px; color: #06170f; background: var(--success); border-radius: 8px; font-size: 12px; }
.top100-play { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 46px; height: 46px; color: #fff; background: rgba(234, 0, 61, .92); border-radius: 50%; opacity: 0; transform: translate(-50%, -40%) scale(.8); transition: opacity .2s var(--ease), transform .25s var(--spring); }
.top100-card:hover .top100-play { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.top100-copy { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: 7px 6px 7px 0; }
.top100-label { color: #ff82a3; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.top100-copy h2 { margin: 7px 0 8px; color: #fff; font-size: clamp(18px, 2vw, 24px); line-height: 1.08; letter-spacing: -.035em; }
.top100-meta { display: flex; flex-wrap: wrap; gap: 7px; color: var(--muted); font-size: 12px; }
.top100-meta > *:not(:last-child)::after { content: "•"; margin-left: 7px; }
.top100-description { margin-top: 12px; color: #c7c2cc; font-size: 13px; line-height: 1.45; }
.top100-description p { margin: 0; color: inherit; font: inherit; }
.top100-actions { display: flex; gap: 8px; margin-top: auto; padding-top: 14px; }
.top100-watch { min-height: 42px; padding-inline: 15px; }
.top100-more { display: grid; place-items: center; width: 42px; height: 42px; color: #fff; background: rgba(255, 255, 255, .08); border: 1px solid var(--line); border-radius: 11px; }

/* Remaining interface */
input, textarea, select { color: var(--text) !important; background: rgba(255, 255, 255, .055) !important; border: 1px solid var(--line) !important; }
input:focus, textarea:focus, select:focus { border-color: rgba(234, 0, 61, .58) !important; box-shadow: 0 0 0 4px rgba(234, 0, 61, .1); }
.dle-form, .searchtable { color: var(--text); }
.speedbar { color: var(--muted); }
.cinema-promises { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-block: 40px 0; }
.cinema-promises > div { display: flex; align-items: center; gap: 14px; min-width: 0; padding: 18px; background: linear-gradient(145deg, rgba(31, 27, 46, .9), rgba(16, 14, 25, .92)); border: 1px solid var(--line); border-radius: 18px; }
.cinema-promises i { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; color: #fff; background: linear-gradient(135deg, var(--fuchsia), var(--magenta)); border-radius: 13px; }
.cinema-promises b, .cinema-promises small { display: block; }
.cinema-promises small { margin-top: 2px; overflow: hidden; color: var(--muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
footer { margin-top: 64px; padding-block: 34px calc(34px + env(safe-area-inset-bottom)); background: rgba(10, 8, 16, .78); border-top: 1px solid var(--line); content-visibility: auto; contain-intrinsic-size: 280px; }
footer .container { gap: 24px; flex-wrap: wrap; }
.footer-links { display: flex; flex-wrap: wrap; gap: 8px; }
.footer-links a { padding: 8px 12px; color: var(--muted); border-radius: 10px; }
.footer-links a:hover { color: #fff; background: rgba(255, 255, 255, .055); }
.fix-seo, .anime-faq, .dle-comm { content-visibility: auto; contain-intrinsic-size: 1px 520px; }
.back-to-top { position: fixed; right: 20px; bottom: 22px; z-index: 70; display: grid; place-items: center; width: 46px; height: 46px; padding: 0; color: #fff; background: linear-gradient(135deg, var(--fuchsia), var(--magenta)); border: 0; border-radius: 15px; box-shadow: 0 16px 36px rgba(234, 0, 61, .28); cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity .2s var(--ease), visibility .2s, transform .25s var(--spring); }
.back-to-top.visible { opacity: 1; visibility: visible; transform: none; }
.mobile-dock { display: none; }

@media (max-width: 1050px) {
  .fix-sect_items { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap-inline: 16px; }
  .fix-menu > a, .menu-toggle { gap: 6px; padding-inline: 9px; font-size: 12px; }
  .anime-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .top100-toolbar { grid-template-columns: 260px 1fr; }
  .top100-count { display: none; }
  .top100-card { grid-template-columns: 150px minmax(0, 1fr); gap: 15px; }
  .top100-description { display: none; }
}

@keyframes menuPanelReveal {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 976px) {
  html { scroll-padding-top: 82px; }
  body.search-open, body.menu-open { overflow: hidden; }
  body.search-open::after, body.menu-open::after { content: ""; position: fixed; inset: 0; z-index: 59; background: rgba(5, 3, 12, .62); }
  .site-header .container { gap: 10px; }
  .header-search { position: static; flex: 0 0 44px; width: 44px; min-height: 44px; margin-left: auto; background: transparent !important; border: 0; border-radius: 13px; }
  .header-search:focus-within { background: transparent !important; border-color: transparent; box-shadow: none; }
  .header-search_icon, .mobmenu-btn { display: grid; place-items: center; width: 44px; height: 44px; min-width: 44px; color: #fff; background: rgba(255, 255, 255, .06); border: 1px solid var(--line); border-radius: 13px; }
  .header-search form { position: fixed; top: calc(8px + env(safe-area-inset-top)); right: 10px; left: 10px; z-index: 100; display: flex !important; width: auto; height: 52px; padding: 3px 7px; background: #211c30 !important; border: 1px solid var(--line); border-radius: 15px; box-shadow: var(--shadow); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-10px) scale(.98); transition: opacity .18s var(--ease), visibility .18s, transform .25s var(--spring); }
  .header-search form:focus-within { border-color: rgba(255, 82, 110, .78); box-shadow: 0 0 0 3px rgba(234, 0, 61, .14), var(--shadow); }
  .search-open .header-search form { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
  .header-search form input { height: 44px; }
  .header-search_close { display: grid; }
  .search-shortcut { display: none; }
  .search__rezo { position: fixed; top: calc(70px + env(safe-area-inset-top)); right: 10px; left: 10px; z-index: 99; width: auto; }
  .mobmenu-btn { color: #ff7197; font-size: 22px; }
  .menu-open .site-header > .container:first-child .mobmenu-btn { visibility: hidden; }
  .mobmenu { position: fixed; top: 0; bottom: 0; left: -110%; z-index: 90; display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; width: min(90vw, 360px); height: 100dvh; margin: 0; padding: calc(12px + env(safe-area-inset-top)) 14px calc(32px + env(safe-area-inset-bottom)) !important; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; color: var(--text); background: radial-gradient(28rem 18rem at 0 0, rgba(234, 0, 61, .17), transparent 66%), #1c172a; border: 0; border-right: 1px solid var(--line); border-radius: 0 26px 26px 0; box-shadow: 40px 0 90px rgba(0, 0, 0, .52); transition: left .35s var(--spring); }
  .menu-drawer_head { display: flex; align-items: center; width: 100%; min-height: 54px; margin-bottom: 10px; padding: 0 2px 0 9px; }
  .menu-drawer_brand { display: inline-flex; align-items: center; min-height: 42px; margin-right: auto; padding: 0 8px 0 0; color: #fff; border-radius: 10px; font-size: 19px; font-weight: 750; letter-spacing: -.045em; }
  .menu-drawer_brand > span { color: #ff526e; }
  .menu-drawer_brand:hover { color: #fff; }
  .menu-drawer_close { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; margin-left: 18px; padding: 0; color: #fff; background: rgba(255, 255, 255, .08); border: 1px solid var(--line); border-radius: 13px; cursor: pointer; }
  .menu-drawer_close:hover { background: var(--magenta); }
  .site-header > .mobmenu { justify-content: flex-start; gap: 5px; margin: 0 !important; }
  .site-header > .mobmenu > * { flex: 0 0 auto; }
  .site-header > .mobmenu.active { left: 0 !important; align-items: stretch; }
  .fix-menu > a, .fix-menu_sub, .fix-menu_sub > a, .menu-toggle { width: 100%; min-height: 47px; padding-inline: 12px; text-align: left; }
  .fix-menu > a { margin-bottom: 3px; }
  .fix-menu > a > i, .menu-toggle > i:first-child { width: 30px; height: 30px; color: #ff85a5; background: rgba(255, 255, 255, .055); border-radius: 9px; }
  .fix-menu > a.active { background: linear-gradient(135deg, rgba(234, 0, 61, .19), rgba(123, 47, 247, .14)); box-shadow: inset 3px 0 0 var(--fuchsia); transform: none; }
  .fix-menu_sub { display: block; margin-bottom: 4px; padding: 0; background: rgba(255, 255, 255, .025); border: 1px solid transparent; border-radius: 14px; }
  .fix-menu_sub.open { border-color: var(--line); }
  .site-header .fix-menu_sub > .menu-panel, .site-header .fix-menu_sub > .menu-types { position: static !important; top: auto; display: none; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; min-width: 0; max-height: none; padding: 0 8px; margin: 0; overflow: visible; visibility: visible; opacity: 1; transform: none; background: transparent; border: 0; border-radius: 0 0 13px 13px; box-shadow: none; }
  .site-header .fix-menu_sub.open > .menu-panel { display: grid; padding-block: 12px 14px; animation: menuPanelReveal .24s var(--ease) both; }
  .fix-menu_sub > div a { min-width: 0; padding: 9px 8px; overflow-wrap: anywhere; font-size: 12px; }
  .menu-panel_title { padding-inline: 8px; }
}

@media (max-width: 820px) {
  body { padding-bottom: calc(84px + env(safe-area-inset-bottom)); font-size: 15px; }
  body.card-info-open { overflow: hidden; }
  .container { width: min(calc(100% - 24px), 1240px); }
  .site-header { padding-top: calc(8px + env(safe-area-inset-top)); backdrop-filter: none; }
  .site-header .container { gap: 8px; }
  .user-login { width: min(520px, calc(100vw - 20px)); max-width: calc(100vw - 20px); max-height: calc(100dvh - 20px); padding: 52px 22px 26px; border-radius: 21px; }
  .user-login_content h2 { margin-bottom: 22px; font-size: 25px; }
  .header-logo > span { font-size: 20px; }
  .header-logo { gap: 8px; }
  .header-logo_mark { flex-basis: 34px; width: 34px; height: 34px; border-radius: 11px; font-size: 11px; }
  .header-user.js-header-login { flex: 0 0 44px; width: 44px; min-width: 44px; }
  .header-user.js-header-login > span { display: grid; place-items: center; width: 44px; height: 44px; min-height: 44px; padding: 0; border-radius: 13px; font-size: 0; }
  .header-user.js-header-login > span::before { content: "\f406"; font-family: "AnimeChop Icons"; font-size: 15px; font-weight: 900; }
  .header-user:not(button) > img { width: 44px; height: 44px; }
  .cinema-hero { width: calc(100% - 24px); height: clamp(500px, 72dvh, 570px); min-height: 500px; margin-top: 14px; border-radius: 22px; }
  .cinema-hero_slide { border-radius: 22px; }
  .cinema-hero_art { height: 100%; }
  .cinema-hero_art::after { inset: 36% -12px -12px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); mask-image: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, .94) 52%, transparent 100%); -webkit-mask-image: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, .94) 52%, transparent 100%); }
  .cinema-hero_art img { object-position: center 24%; }
  .cinema-hero_glow { background: linear-gradient(0deg, #0d0b14 3%, rgba(13, 11, 20, .98) 30%, rgba(13, 11, 20, .72) 51%, rgba(13, 11, 20, .16) 76%, rgba(13, 11, 20, .03)); }
  .cinema-hero_content { justify-content: flex-end; width: 100%; padding: 22px 18px; }
  .cinema-hero_content h2 { width: min(100%, 18ch); font-size: clamp(27px, 7.4vw, 33px); line-height: 1.1; letter-spacing: -.03em; }
  .cinema-hero_content h2.hero-title-long { width: min(100%, 21ch); font-size: clamp(24px, 6.4vw, 29px); letter-spacing: -.025em; }
  .cinema-hero_content h2.hero-title-xlong { width: 100%; font-size: clamp(22px, 5.8vw, 27px); letter-spacing: -.02em; }
  .hero-description { display: none; }
  .hero-label { margin-bottom: 9px; font-size: 11px; }
  .hero-meta { margin-bottom: 12px; font-size: 12px; line-height: 1.4; }
  .hero-actions { width: 100%; }
  .hero-watch, .hero-details { flex: 1; padding-inline: 12px; }
  .hero-arrow { top: 32%; bottom: auto; width: 40px; height: 40px; transform: translateY(-50%); }
  .hero-prev { right: auto; left: 10px; }
  .hero-next { right: 10px; }
  .fix-recom { margin-top: 16px; border-radius: 21px; }
  .fix-recom_head { padding: 16px 15px 4px; }
  .fix-recom_head::after { display: none; }
  .fix-recom_items { padding: 12px 14px 18px; overflow: visible; }
  .fix-recom_items > .fal, .fix-related_items > .fal, .fix-podb_items > .fal { display: none; }
  .fix-sect { margin-block: 24px; }
  .fix-sect_head { margin-bottom: 16px; }
  .fix-sect_head i, .section-title-row > i { flex-basis: 40px; width: 40px; height: 40px; margin-right: 12px; border-radius: 12px; }
  .fix-sect_head h2, .fix-sect_head h3, .section-title-row h2 { font-size: 22px; line-height: 1.18; }
  .fix-sect_items { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px 12px; }
  .ongoing-panel { padding: 18px !important; }
  .ongoing-panel .section-kicker { max-width: none; }
  .fix-top_items.ongoing-list { grid-auto-columns: minmax(280px, min(84vw, 340px)); gap: 10px; padding: 0 0 9px; }
  .ongoing-card { scroll-snap-align: start; }
  .ongoing-card:hover { transform: translateY(-2px); }
  .donghua-section { padding: 18px; }
  .donghua-section .fix-sect_head > i { flex-basis: 44px; width: 44px; height: 44px; }
  .donghua-items { overflow: hidden; }
  .donghua-card { grid-template-columns: 122px minmax(0, 1fr); min-height: 226px; }
  .donghua-copy { padding: 20px 16px 17px; }
  .fix-full { grid-template-columns: 210px minmax(0, 1fr); gap: 22px; padding: 20px; border-radius: 21px; }
  .fix-full_center h1 { font-size: clamp(29px, 6vw, 43px); }
  .anime-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page__scr ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fix-desc_close { position: absolute; top: 10px; right: 10px; display: grid; place-items: center; width: 38px; height: 38px; padding: 0; color: #fff; background: rgba(255, 255, 255, .08); border: 1px solid var(--line); border-radius: 11px; cursor: pointer; }
  .fix-desc { position: fixed; inset: auto 10px calc(82px + env(safe-area-inset-bottom)); z-index: 110; width: auto; max-height: min(66dvh, 520px); padding: 22px; overflow: auto; border-radius: 21px; transform: translateY(24px) scale(.98); }
  .fix-desc_left .fix-desc { inset: auto 10px calc(82px + env(safe-area-inset-bottom)); transform: translateY(24px) scale(.98); }
  .fix-sect_item.info-open::after { content: ""; position: fixed; inset: 0; z-index: 105; background: rgba(5, 3, 12, .7); }
  .fix-sect_item.info-open .fix-desc { transform: none; }
  .top100-hero { min-height: 270px; padding: 28px; }
  .top100-hero_mark { width: 128px; }
  .top100-toolbar { position: relative; top: auto; grid-template-columns: 1fr; backdrop-filter: none; }
  .top100-list { grid-template-columns: 1fr; }
  .top100-card { grid-template-columns: 150px minmax(0, 1fr); }
  .comments-panel_head { align-items: flex-start; }
  .comments-cta { min-height: 42px; padding-inline: 13px; font-size: 12px; }
  .comment-card_body, .comment-card_actions { margin-left: 0; }
  .cinema-promises { grid-template-columns: 1fr; }
  .cinema-promises > div { padding: 15px; }
  .mylists-hero { grid-template-columns: 56px minmax(0, 1fr); gap: 14px; min-height: 0; padding: 23px; border-radius: 22px; }
  .mylists-hero_icon { width: 56px; height: 56px; border-radius: 18px; font-size: 21px; }
  .mylists-hero_action { grid-column: 1 / -1; width: 100%; }
  .mylists-hero_actions { grid-column: 1 / -1; justify-items: stretch; }
  .mylists-account-state { justify-content: center; }
  .mylists-filter { margin-block: 14px; overflow: hidden; }
  .mylists-filter .mylists-tabs { display: flex; gap: 5px; padding: 6px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-snap-type: inline mandatory; scrollbar-width: none; }
  .mylists-filter .mylists-tabs::-webkit-scrollbar { display: none; }
  .mylists-filter .mylists-tabs li { flex: 0 0 auto; min-width: 132px; scroll-snap-align: start; }
  .mylists-catalog { padding: 18px; border-radius: 21px; }
  .mylists-auth { grid-template-columns: 1fr; }
  .mobile-dock { position: fixed; right: 10px; bottom: calc(8px + env(safe-area-inset-bottom)); left: 10px; z-index: 75; display: grid; grid-template-columns: repeat(4, 1fr); min-height: 64px; padding: 6px; background: rgba(31, 27, 46, .96); border: 1px solid var(--line-strong); border-radius: 20px; box-shadow: 0 18px 60px rgba(0, 0, 0, .48); }
  .mobile-dock a, .mobile-dock button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-width: 0; padding: 5px 2px; color: var(--muted); background: transparent; border: 0; border-radius: 14px; font-size: 10px; cursor: pointer; }
  .mobile-dock i { font-size: 17px; }
  .mobile-dock .active, .mobile-dock a:hover, .mobile-dock button:hover { color: #fff; background: linear-gradient(135deg, var(--fuchsia), var(--magenta)); }
  .back-to-top { right: 16px; bottom: calc(88px + env(safe-area-inset-bottom)); }
}

@media (max-width: 560px) {
  .fix-sect_items { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 21px 11px; }
  .fix-sect_item h3, .fix-sect_item h4 { font-size: 15px; }
  .fix-sect_meta { font-size: 13px; }
  .user-login { padding-inline: 18px; }
  .user-login_btn { align-items: stretch; flex-direction: column; }
  .user-login_btn button, .user-login_btn a { width: 100%; }
  .fix-full { grid-template-columns: 128px minmax(0, 1fr); gap: 13px; padding: 14px; }
  .fix-full_center { display: contents; }
  .fix-full_left { grid-column: 1; grid-row: 1 / span 3; }
  .fix-full_left > img { border-radius: 13px; }
  .anime-eyebrow, .fix-full_center h1, .fix-full_age { grid-column: 2; align-self: start; }
  .anime-eyebrow { margin: 2px 0 2px; font-size: 11px; }
  .fix-full_center h1 { margin: 0; font-size: clamp(24px, 8vw, 35px); }
  .fix-full_age { justify-self: start; margin: 0; }
  .anime-facts, .fix-full_grades, .anime-actions, .anime-list-control { grid-column: 1 / -1; }
  .anime-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 7px; }
  .anime-facts > div { padding: 9px; }
  .fix-full_grades { gap: 14px; margin: 8px 0 0; }
  .anime-actions > a { flex: 1 1 0; min-width: 0; padding-inline: 10px; }
  .anime-list-control { padding: 14px; border-radius: 16px; }
  .anime-list-control_head { align-items: flex-start; }
  .anime-list-control_head h2 { font-size: 17px; line-height: 1.22; }
  .anime-list-control_head p { font-size: 12px; line-height: 1.45; }
  .anime-list-control .mylists-switch { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .anime-list-control .mylists-switch li { justify-content: center; width: 100%; min-width: 0; min-height: 58px; padding: 25px 7px 7px; overflow: hidden; font-size: clamp(10px, 3.05vw, 11px); line-height: 1.22; letter-spacing: -.025em; text-align: center; overflow-wrap: anywhere; }
  .anime-list-control .mylists-switch li::before { top: 8px; left: 50%; transform: translateX(-50%); }
  .anime-list-control .mylists-switch li::after { top: 7px; right: 8px; }
  .anime-list-control .mylists-switch li > span { display: block; min-width: 0; max-width: 100%; }
  .anime-list-feedback { margin-top: 12px; font-size: 11px; line-height: 1.5; }
  .anime-list-control_locked .list-auth-actions > a { flex: 1 1 100%; }
  .mylists-hero { grid-template-columns: 48px minmax(0, 1fr); padding: 19px; }
  .mylists-hero_icon { width: 48px; height: 48px; border-radius: 15px; font-size: 18px; }
  .mylists-hero h1 { font-size: 29px; }
  .mylists-hero p { font-size: 11px; line-height: 1.5; }
  .mylists-catalog_head { display: block; }
  .mylists-summary { display: block; margin-top: 5px; }
  .mylists-hero_locked { grid-template-columns: 48px minmax(0, 1fr); }
  .mylists-auth { padding: 20px; border-radius: 21px; }
  .mylists-auth h2 { font-size: 28px; }
  .mylists-auth .list-auth-actions > a { flex: 1 1 100%; }
  .fix-full_text, .dle-comm.section, .fix-sect.section, .fix-seo, .anime-faq.section, .page__scr.section { padding: 18px; }
  .fix-full_text h2, .watch-section h2, .anime-faq h2 { margin-bottom: 13px; font-size: 22px; line-height: 1.2; }
  .fix-full_text > div { font-size: 15px; line-height: 1.68; }
  .anime-fact-summary { margin-bottom: 16px; padding: 14px; font-size: 13px; line-height: 1.6; }
  .ongoing-panel_head { align-items: center; }
  .ongoing-panel .fix-sect_head > i { flex-basis: 42px; width: 42px; height: 42px; }
  .ongoing-panel .section-kicker { display: none; }
  .ongoing-all { min-height: 38px; padding-inline: 11px; font-size: 0; }
  .ongoing-all i { font-size: 12px; }
  .fix-top_items.ongoing-list { grid-auto-columns: minmax(285px, 88vw); }
  .donghua-heading { align-items: center; }
  .donghua-section .section-kicker { display: none; }
  .donghua-all { min-width: 40px; min-height: 40px; padding: 0; justify-content: center; font-size: 0; }
  .donghua-all i { font-size: 12px; }
  .donghua-card { grid-template-columns: 108px minmax(0, 1fr); min-height: 218px; border-radius: 18px; }
  .donghua-copy { padding: 18px 14px 15px; }
  .donghua-copy h3 { font-size: 16px; }
  .donghua-rank { font-size: 61px; }
  .comments-panel { padding: 18px !important; border-radius: 21px !important; }
  .comments-panel_head { display: block; }
  .comments-panel_title { align-items: flex-start; }
  .comments-panel_icon { flex-basis: 46px; width: 46px; height: 46px; margin-right: 12px; border-radius: 14px; }
  .comments-panel_head h2 { font-size: 25px; }
  .comments-panel_head p { font-size: 12px; }
  .comments-cta { width: 100%; margin-top: 15px; }
  .comment-composer { padding: 15px; border-radius: 17px; }
  .comment-composer_close { top: 10px; right: 10px; }
  .comment-composer_intro { align-items: flex-start; }
  .comment-composer_intro p { line-height: 1.45; }
  .comment-guest-fields, .comment-captcha { grid-template-columns: 1fr; }
  .comment-composer_actions { align-items: stretch; flex-direction: column; }
  .comment-composer_actions > span { order: 2; text-align: center; }
  .add-comments-form__btn { width: 100%; }
  .comment-card { padding: 16px; border-radius: 17px; }
  .comments-list .comments-tree-list .comments-tree-list { padding-left: 14px; }
  .comment-card_head { grid-template-columns: 46px minmax(0, 1fr); column-gap: 11px; }
  .comment-avatar, .comment-avatar img { width: 46px; height: 46px; border-radius: 14px; }
  .comment-date { grid-column: 2; }
  .dle-comm_rating { grid-column: 1 / -1; grid-row: auto; justify-self: start; margin-top: 12px; }
  .comment-card_body { margin-top: 14px; font-size: 13px; }
  .comment-card_actions { margin-top: 13px; }
  .playercdn, .trailer-modal_iframe { border-radius: 14px; }
  .page__scr ul { grid-template-columns: 1fr; }
  .cinema-hero { min-height: 500px; }
  .hero-details { flex: 0 0 48px; width: 48px; padding: 0; font-size: 0; }
  .hero-details i { font-size: 17px; }
  .recent-grid { grid-auto-columns: 138px; gap: 12px; }
  .top100-hero { min-height: 250px; padding: 24px 20px; }
  .top100-hero_mark { position: absolute; right: -24px; bottom: -26px; width: 120px; opacity: .5; }
  .top100-hero_copy { position: relative; z-index: 1; }
  .top100-hero h1 { font-size: 52px; }
  .top100-hero p { font-size: 14px; }
  .top100-card { grid-template-columns: 118px minmax(0, 1fr); gap: 12px; padding: 9px; border-radius: 16px; }
  .top100-rank { top: 16px; left: 16px; min-width: 34px; height: 34px; font-size: 13px; }
  .top100-copy { padding-block: 4px; }
  .top100-copy h2 { font-size: 17px; }
  .top100-label { font-size: 9px; }
  .top100-more { display: none; }
  .top100-watch { min-height: 38px; padding-inline: 12px; font-size: 12px; }
  .seo-faq summary, .anime-faq summary { font-size: 15px; }
  .footer-support { width: 100%; }
}

@media (max-width: 380px) {
  .header-logo { gap: 6px; }
  .header-logo_mark { flex-basis: 32px; width: 32px; height: 32px; }
  .header-logo > span { font-size: 16px; letter-spacing: -.045em; }
  .site-header .container { gap: 6px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .swiper-slide-active .cinema-hero_art img { transform: none; }
}