.modal-backdrop.show,
.modal-backdrop.in {
background: rgba(var(--mc-bg-rgb), .6);
-webkit-backdrop-filter: blur(8px) saturate(140%);
backdrop-filter: blur(8px) saturate(140%);
}
.modal .modal-content {
background: rgba(var(--mc-surface-rgb), .72);
-webkit-backdrop-filter: blur(24px) saturate(180%);
backdrop-filter: blur(24px) saturate(180%);
border: 1px solid rgba(var(--mc-border-rgb), .6);
border-radius: 16px;
color: var(--mc-text);
box-shadow:
0 24px 60px -12px rgba(0, 0, 0, .55),
inset 0 1px 0 rgba(255, 255, 255, .05);
overflow: hidden;
}
.modal .modal-header,
.modal .modal-footer {
border-color: rgba(var(--mc-border-rgb), .5);
}
.modal .modal-title {
color: var(--mc-text);
font-weight: 700;
}
.modal .modal-body {
color: var(--mc-text-muted);
} .modal .btn-primary,
.modal .submit input[type="submit"],
.modal-content .mk-btn--primary {
background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary));
border: none;
color: var(--mc-on-primary);
border-radius: 10px;
transition: filter .18s ease, transform .18s ease;
}
.modal .btn-primary:hover,
.modal .submit input[type="submit"]:hover,
.modal-content .mk-btn--primary:hover {
filter: brightness(1.08);
transform: translateY(-1px);
}
.modal a.btn-active-modal,
.modal .c-modal_item a:hover {
color: var(--mc-accent);
}     .reading-content.dynr-reading {
--mc-read-gap: 0px; --mc-read-bright: 1; --reader-max-width: 800px; background: var(--mc-bg);
}
.reading-content.dynr-reading .page-break {
display: contents; }
.reading-content.dynr-reading img.wp-manga-chapter-img,
.reading-content.dynr-reading .page-break img {
display: block;
width: 100%;
max-width: var(--reader-max-width, 800px);
height: auto;
margin: 0 auto var(--mc-read-gap); background: var(--mc-surface); filter: brightness(var(--mc-read-bright));
content-visibility: auto; contain-intrinsic-size: 800px 1200px; } .reading-content.dynr-reading.fit-original img.wp-manga-chapter-img,
.reading-content.dynr-reading.fit-original .page-break img {
width: auto;
max-width: 100%;
} .reading-content.dynr-reading + .mk-reader-hud,
.mk-reader-hud {
background: rgba(var(--mc-header-bg-rgb), .7);
-webkit-backdrop-filter: blur(12px) saturate(160%);
backdrop-filter: blur(12px) saturate(160%);
border: 1px solid rgba(var(--mc-border-rgb), .5);
color: var(--mc-text);
border-radius: 999px;
}     .mk-locked {
max-width: 600px;
margin: 30px auto;
padding: 40px 24px;
text-align: center;
color: var(--mc-text, #fff);
background: rgba(var(--mc-surface-rgb, 22, 22, 22), .75);
-webkit-backdrop-filter: blur(18px) saturate(160%);
backdrop-filter: blur(18px) saturate(160%);
border: 1px solid rgba(var(--mc-warning-rgb, 245, 158, 11), .45);
border-radius: 16px;
box-shadow: 0 18px 50px rgba(0, 0, 0, .45);
}
.mk-locked__icon { color: var(--mc-warning, #f59e0b); margin-bottom: 12px; }
.mk-locked__title {
margin: 0 0 10px;
font-size: 20px;
font-weight: 820;
color: var(--mc-warning, #f59e0b);
}
.mk-locked__text {
margin: 0 0 22px;
font-size: 15px;
line-height: 1.6;
color: rgba(var(--mc-text-rgb, 255, 255, 255), .85);
}
.mk-locked__cta {
display: inline-block;
padding: 12px 26px;
border-radius: 12px;
font-weight: 800;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .03em;
background: linear-gradient(135deg, var(--mc-primary), var(--mc-secondary, var(--mc-primary)));
color: var(--mc-on-primary, #fff);
transition: filter .18s, transform .18s;
}
.mk-locked__cta:hover { filter: brightness(1.08); transform: translateY(-1px); color: var(--mc-on-primary, #fff); }   .mk-comments-area {
--mk-accent: var(--mc-primary);
}
a:hover {
color: var(--mc-link-hover);
}
.manga-title-badges.hot {
background: var(--mc-danger);
color: var(--mc-on-danger);
}
.manga-title-badges.new {
background: var(--mc-success);
color: var(--mc-on-success);
}
.post-total-rating .total_votes,
.score .total_votes,
.star-rating i {
color: var(--mc-warning);
}   @media (min-width: 768px) {
* {
scrollbar-width: thin;
scrollbar-color: var(--mc-primary) var(--mc-bg);
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
background: var(--mc-bg);
}
::-webkit-scrollbar-thumb {
background: var(--mc-primary);
border-radius: 999px;
border: 2px solid var(--mc-bg);
}
::-webkit-scrollbar-thumb:hover {
background: var(--mc-secondary);
}
}   @media (prefers-reduced-transparency: reduce) {
.modal .modal-content,
.mk-reader-hud {
-webkit-backdrop-filter: none;
backdrop-filter: none;
background: var(--mc-surface);
}
}