html[data-rik] {
  --rik-base: #f4f6f8;
  --rik-paper: #fcfdfe;
  --rik-ink: #262c36;
  --rik-muted: #626a76;
  --rik-panel: #e9edf2;
  --rik-border: #d8dfe6;
  --rik-button: #ff896b;
  --rik-button-ink: #241813;
  --rik-light-accent: #b44329;
  --rik-dark-accent: #ff9c81;
  --rik-accent-ink: var(--rik-light-accent);
  --rik-page-tint: 0%;
  --rik-page: color-mix(in srgb, var(--rik-button) var(--rik-page-tint), var(--rik-base));
  --rik-tint: color-mix(in srgb, var(--rik-button) 12%, var(--rik-paper));
  --rik-native-soft: var(--rik-tint);
  --rik-font: Manrope, Arial, sans-serif;
  --rik-font-display: var(--rik-font);
  --rik-radius: 16px;
  --rik-radius-sm: 10px;
  --rik-card-radius: var(--rik-radius-sm);
  --rik-button-radius: 10px;
  --rik-shadow: 0 12px 36px color-mix(in srgb, var(--rik-ink) 6%, transparent);
  --rik-primary-bg: var(--rik-button);
  --rik-primary-ink: var(--rik-button-ink);
  --rik-primary-line: var(--rik-button);
  --rik-hover-line: color-mix(in srgb, var(--rik-button) 55%, var(--rik-paper));
  --rik-hover-shadow: none;
  --rik-header-bg: var(--rik-page);
  --rik-header-shadow: none;
  --rik-header-line: var(--rik-border);
  --rik-surface: var(--rik-paper);
  --rik-footer: var(--rik-panel);
  --bg: var(--rik-page);
  --ink: var(--rik-ink);
  --accent: var(--rik-button);
  --panel: var(--rik-panel);
  --line: var(--rik-border);
  --muted: var(--rik-muted);
  color-scheme: light;
}
html[data-rik][data-theme="dark"] {
  --rik-base: #11151c;
  --rik-paper: #191f29;
  --rik-panel: #222a36;
  --rik-ink: #f0f1f5;
  --rik-muted: #a7b0c0;
  --rik-border: #333d4b;
  --rik-accent-ink: var(--rik-dark-accent);
  --rik-hover-line: var(--rik-accent-ink);
  --rik-hover-shadow: 0 0 0 1px var(--rik-accent-ink);
  --rik-shadow: 0 12px 36px #0002;
  color-scheme: dark;
}
html[data-rik][data-face-page="2"] { --rik-page-tint: 7%; }
html[data-rik][data-face-page="3"] { --rik-page-tint: 12%; }
html[data-rik][data-face-active] { --rik-button-radius: 999px; }
html[data-rik][data-face-active]:not([data-face-rad="0"]) { --rik-card-radius: var(--rik-radius); }
html[data-rik][data-face-active][data-btn="2"] { --rik-button-radius: 2px; }
html[data-rik][data-face-active][data-btn="3"] {
  --rik-primary-bg: transparent;
  --rik-primary-ink: var(--rik-accent-ink);
  --rik-primary-line: var(--rik-accent-ink);
}
html[data-rik][data-face-head="2"] { --rik-header-bg: var(--rik-tint); }
html[data-rik][data-face-head="3"] { --rik-header-shadow: inset 0 -4px var(--rik-accent-ink); }
html[data-rik][data-face-head-line="none"] { --rik-header-shadow: none; --rik-header-line: transparent; }
html[data-rik][data-face-surfaces="accent"] { --rik-surface: var(--rik-tint); }
html[data-rik][data-face-footer="accent"],
html[data-rik][data-face-footer="inherit"][data-face-surfaces="accent"] { --rik-footer: var(--rik-tint); }
html[data-rik] body { background: var(--rik-page); color: var(--rik-ink); font-family: var(--rik-font); }
html[data-rik][data-wallpaper] body { margin-inline: auto; box-shadow: 0 0 48px #0002; }
html[data-rik] :is(h1,h2,h3,h4,.page-title) { font-family: var(--rik-font-display); overflow-wrap: anywhere; }
html[data-rik] .site-header { background: var(--rik-header-bg); border-bottom-color: var(--rik-header-line); box-shadow: var(--rik-header-shadow); }
html[data-rik] body > footer { background: var(--rik-footer); }
.brand-dark { display: none; }
html[data-theme="dark"] .brand-light { display: none; }
html[data-theme="dark"] .brand-dark { display: block; }
html[data-theme="dark"] .brand-fallback .brand-dark { background: #fff; padding: 5px 8px; border-radius: 4px; }
html[data-rik] :is(input,textarea,select,button) { font-family: inherit; }
html[data-rik] :is(input,textarea,select)::placeholder { color: var(--rik-muted); opacity: 1; }
html[data-rik] :is(select,option,optgroup) { color: var(--rik-ink); background-color: var(--rik-paper); }
html[data-rik] :is(a,button,input,textarea,select,summary,[tabindex]):focus-visible,
html[data-rik] .players-ui > input:focus-visible + label { outline: var(--rik-focus-outline, 2px solid var(--rik-accent-ink)); outline-offset: var(--rik-focus-offset, 3px); }
html[data-rik] .comments-panel :is(input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),textarea,select) { --rik-focus-outline: none; --rik-focus-offset: 0px; }
html[data-rik] .comments-panel :is(input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),textarea,select):focus { --rik-field-border: var(--rik-muted); }
html[data-rik] :is(.btn,.more,.track-open,.tab,.players-ui > label,.theme-toggle,.menu-toggle,.player-foot a,.season-tabs a,.season-tabs button,.season-board a,.season-board button,.stills-actions button,.posters-nav button,.comments-panel .bbcodes) {
  background: var(--control-bg, var(--rik-paper));
  color: var(--control-ink, var(--rik-ink));
  border: 1px solid var(--control-line, var(--line));
  border-radius: var(--rik-button-radius);
  box-shadow: none;
  filter: none;
  transition: background .18s, color .18s, border-color .18s, box-shadow .18s;
}
html[data-rik] :is(.btn,.track-open,.comments-panel .applychanges) {
  --control-bg: var(--rik-primary-bg);
  --control-ink: var(--rik-primary-ink);
  --control-line: var(--rik-primary-line);
}
html[data-rik] :is(.btn.secondary,.btn.ghost,.btn--ghost,.btn--secondary,.btn-secondary,[class*="btn-outline-"]) {
  --control-bg: var(--rik-paper);
  --control-ink: var(--rik-ink);
  --control-line: var(--line);
}
html[data-rik] :is(.more,.theme-toggle,.menu-toggle) { --control-bg: var(--rik-panel); }
html[data-rik] :is(.tab--active,.players-ui > input:checked + label) {
  --control-bg: var(--rik-button);
  --control-ink: var(--rik-button-ink);
  --control-line: var(--rik-button);
}
html[data-rik] :is(.season-tabs .active,.season-tabs .tab--active,.season-tabs [aria-current="page"],.season-board .active,.season-board .is-active,.season-board [aria-current="page"],.season-tabs-dle > li.is-active > strong) {
  --control-bg: var(--rik-tint);
  --control-ink: var(--rik-accent-ink);
  --control-line: transparent;
}
html[data-rik] :is(.btn,.more,.track-open,.tab,.players-ui > label,.theme-toggle,.menu-toggle,.player-foot a,.season-tabs a,.season-tabs button,.season-board a,.season-board button,.stills-actions button,.posters-nav button,.comments-panel .bbcodes):not(:disabled):not([aria-disabled="true"]):hover {
  border-color: var(--rik-hover-line);
  box-shadow: var(--rik-hover-shadow);
  filter: none;
}
html[data-rik] :is(.more,.theme-toggle,.menu-toggle):not(:disabled):hover { background: var(--rik-tint); }
html[data-rik] :is(.btn,.more,.track-open,.tab,.players-ui > label):not(:disabled):active { box-shadow: inset 0 0 0 1px var(--rik-hover-line); }
html[data-rik] :is(button,input):disabled,
html[data-rik] [aria-disabled="true"],
html[data-rik] .players-ui > input:disabled + label { opacity: .55; cursor: not-allowed; box-shadow: none; }
html[data-rik] :is(.show-faq > details,.show-accordion,.music-box,.comments-panel,.comments-empty,.reply-form,.quote_block,.auth-box,.service-panel) { background: var(--rik-surface); }
html[data-rik][data-face-surfaces="accent"] :is(.viewing-layout > #episodes,.home-episodes,#awards .awards-list) { background: var(--rik-tint); }
html[data-rik][data-face-active]:not([data-face-rad="0"]) :is(.related,.news-card,.cast-full,.show-faq > details,.show-accordion,.music-box,.comments-panel,.comments-empty,.reply-form,.quote_block,.auth-box,.player,.players-ui .video-block,.poster,.gallery-button,dialog:not(.lightbox)) { border-radius: var(--rik-radius); }
html[data-rik][data-face-active]:not([data-face-rad="0"]) :is(.episode-thumb,.news-card img,.related img,input:not([type="radio"]):not([type="checkbox"]),textarea,select) { border-radius: var(--rik-radius-sm); }
html[data-rik][data-face-card="1"] :is(#episodes .episode,.related,.news-card,.cast-full) { box-shadow: var(--rik-shadow); border-color: transparent; }
html[data-rik][data-face-card="2"] :is(#episodes .episode,.related,.news-card,.cast-full) { box-shadow: none; border: 1px solid var(--rik-accent-ink); }
html[data-rik][data-face-card="3"] :is(#episodes .episode,.related,.news-card,.cast-full) { box-shadow: none; background: var(--rik-tint); border-color: transparent; }
html[data-rik] .pagination,
html[data-rik] .dle-comments-navigation { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin: 28px 0 0; }
html[data-rik] .pagination > a,
html[data-rik] .pagination > span,
html[data-rik] .pagination > b,
html[data-rik] .dle-comments-navigation > a { box-sizing: border-box; min-width: 44px; min-height: 44px; margin: 0; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 10px; background: var(--rik-paper); color: var(--rik-ink); line-height: 1; box-shadow: none; text-decoration: none; }
html[data-rik] .pagination a > span,
html[data-rik] .dle-comments-navigation a > span { display: contents; border: 0; background: none; padding: 0; min-width: 0; min-height: 0; }
html[data-rik][data-face-active] :is(.pagination > a,.pagination > span,.pagination > b,.dle-comments-navigation > a) { border-radius: var(--rik-button-radius); }
html[data-rik] .pagination :is(.current,b,.nav_ext) { background: var(--rik-tint); color: var(--rik-accent-ink); border-color: transparent; }
html[data-rik] .pagination > a:hover { background: var(--rik-tint); color: var(--rik-accent-ink); }
@media (max-width:600px) {
  html[data-rik] .site-header nav { background: var(--rik-paper); }
  html[data-rik] .header-end .age { display: none; }
}