:root {
	--bg: #0b0c10;
	--bg-soft: #11131a;
	--surface: #151821;
	--surface-2: #1b1f2b;
	--surface-3: #232838;
	--text: #f7f7fb;
	--text-soft: #b5b8c6;
	--muted: #7e8498;
	--line: rgba(255, 255, 255, .09);
	--accent: #c63c32;
	--accent-2: #f17d6a;
	--success: #34d399;
	--warning: #f59e0b;
	--danger: #fb7185;
	--shell: 1240px;
	--radius: 18px;
	--radius-sm: 11px;
	--shadow: 0 22px 60px rgba(0, 0, 0, .28);
	--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--bg); color: var(--text); font-family: var(--font); font-size: 16px; line-height: 1.65; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
body.menu-open, body.dialog-open, body.mlo-dialog-open { overflow: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
:focus-visible { outline: 3px solid var(--accent-2); outline-offset: 3px; }
::selection { background: var(--accent); color: #fff; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; border: 0; }
.mlo-skip-link { position: fixed; z-index: 10000; top: 8px; left: 8px; transform: translateY(-150%); padding: 10px 14px; border-radius: 8px; background: #fff; color: #111; font-weight: 800; }
.mlo-skip-link:focus { transform: none; }
.mlo-shell { width: min(calc(100% - 40px), var(--shell)); margin-inline: auto; }
.mlo-main { min-height: 70vh; }
.mlo-muted { color: var(--muted) !important; }

.mlo-header { position: sticky; z-index: 1000; top: 0; border-bottom: 1px solid var(--line); background: rgba(11, 12, 16, .86); backdrop-filter: blur(18px); }
.admin-bar .mlo-header { top: 32px; }
.mlo-header-inner { display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 32px; }
.mlo-brand { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 11px; }
.mlo-brand-mark { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 13px 5px 13px 5px; background: linear-gradient(135deg, var(--accent), #8f171f); box-shadow: 0 8px 28px rgba(198, 60, 50, .28); color: #fff; font-size: 23px; font-weight: 950; font-style: italic; }
.mlo-brand-text { display: flex; flex-direction: column; line-height: 1; }
.mlo-brand-text strong { font-size: 18px; font-weight: 900; letter-spacing: -.04em; }
.mlo-brand-text small { margin-top: 4px; color: var(--accent-2); font-size: 11px; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; }
.mlo-logo-image { width: auto; max-width: 230px; height: 46px; object-fit: contain; }
.mlo-official-logo { width: 180px; height: 38px; object-fit: contain; }
.mlo-footer-logo { width: 190px; height: 40px; object-fit: contain; }
.mlo-language-switcher { display: inline-flex; align-items: center; }
.mlo-language-switcher select { height: 38px; padding: 0 24px 0 9px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--text-soft); font-size: 11px; font-weight: 850; cursor: pointer; }
.mlo-primary-nav { margin-left: auto; }
.mlo-menu { display: flex; align-items: center; gap: 5px; margin: 0; padding: 0; list-style: none; }
.mlo-menu li { position: relative; }
.mlo-menu a { display: block; padding: 10px 13px; border-radius: 10px; color: var(--text-soft); font-size: 14px; font-weight: 750; transition: .2s ease; }
.mlo-menu a:hover, .mlo-menu .current-menu-item > a { background: var(--surface-2); color: var(--text); }
.mlo-menu .sub-menu { position: absolute; top: calc(100% + 8px); left: 0; min-width: 210px; margin: 0; padding: 8px; visibility: hidden; transform: translateY(8px); border: 1px solid var(--line); border-radius: 13px; opacity: 0; background: var(--surface); box-shadow: var(--shadow); list-style: none; transition: .2s ease; }
.mlo-menu li:hover > .sub-menu, .mlo-menu li:focus-within > .sub-menu { visibility: visible; transform: none; opacity: 1; }
.mlo-header-actions { display: flex; align-items: center; gap: 7px; }
.mlo-icon-button, .mlo-menu-toggle { display: grid; width: 42px; height: 42px; padding: 0; place-items: center; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); cursor: pointer; transition: .2s ease; }
.mlo-icon-button:hover, .mlo-menu-toggle:hover { transform: translateY(-2px); border-color: rgba(198, 60, 50, .62); background: var(--surface-2); }
.mlo-icon-button svg, .mlo-mobile-bar svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mlo-menu-toggle { display: none; align-content: center; gap: 4px; }
.mlo-menu-toggle > span:not(.screen-reader-text) { width: 18px; height: 2px; border-radius: 99px; background: currentColor; }

.mlo-search-dialog[hidden] { display: none; }
.mlo-search-dialog { position: fixed; z-index: 5000; inset: 0; display: grid; place-items: start center; padding-top: 12vh; }
.mlo-search-backdrop { position: absolute; inset: 0; background: rgba(4, 5, 8, .86); backdrop-filter: blur(12px); }
.mlo-search-panel { position: relative; width: min(calc(100% - 32px), 720px); padding: 36px; border: 1px solid var(--line); border-radius: 24px; background: var(--surface); box-shadow: var(--shadow); }
.mlo-search-panel h2 { margin: 5px 0 20px; font-size: clamp(28px, 5vw, 42px); line-height: 1.1; }
.mlo-dialog-close { position: absolute; top: 18px; right: 18px; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 50%; background: var(--surface-2); cursor: pointer; font-size: 24px; }
.mlo-search-form { display: flex; width: 100%; gap: 9px; }
.mlo-search-field { min-width: 0; flex: 1; padding: 15px 17px; border: 1px solid var(--line); border-radius: 13px; outline: none; background: var(--bg-soft); color: var(--text); }
.mlo-search-field:focus { border-color: var(--accent); box-shadow: 0 0 0 4px rgba(198, 60, 50, .16); }
.mlo-search-form button { padding: 14px 20px; border: 0; border-radius: 13px; background: var(--accent); color: #fff; cursor: pointer; font-weight: 850; }
.mlo-search-hint { margin-bottom: 0; color: var(--muted); font-size: 13px; }

.mlo-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--accent-2); font-size: 12px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.mlo-live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 5px rgba(52, 211, 153, .12); }
.mlo-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 11px 19px; border: 1px solid var(--accent); border-radius: 13px; background: var(--accent); box-shadow: 0 10px 30px rgba(198, 60, 50, .22); color: #fff; font-weight: 850; transition: .2s ease; }
.mlo-button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.mlo-button-ghost { border-color: var(--line); background: var(--surface-2); box-shadow: none; }
.mlo-button-light { border-color: #fff; background: #fff; box-shadow: none; color: #17111f; }
.mlo-text-link { color: var(--accent-2); font-weight: 800; }

.mlo-hero { position: relative; overflow: hidden; padding: clamp(65px, 9vw, 120px) 0 78px; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 80% 20%, rgba(198, 60, 50, .2), transparent 35%), radial-gradient(circle at 20% 110%, rgba(143, 23, 31, .16), transparent 42%), var(--bg); }
.mlo-hero::before { position: absolute; inset: 0; opacity: .15; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 48px 48px; content: ""; mask-image: linear-gradient(to bottom, #000, transparent); }
.mlo-hero-grid { position: relative; display: grid; align-items: center; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); gap: clamp(45px, 8vw, 100px); }
.mlo-hero-copy h1 { max-width: 790px; margin: 18px 0 20px; font-size: clamp(43px, 6vw, 78px); font-weight: 950; letter-spacing: -.065em; line-height: .98; }
.mlo-hero-copy > p { max-width: 680px; margin: 0 0 28px; color: var(--text-soft); font-size: clamp(17px, 2vw, 20px); }
.mlo-hero-copy .mlo-search-form { max-width: 630px; padding: 8px; border: 1px solid var(--line); border-radius: 17px; background: rgba(21, 24, 33, .72); }
.mlo-hero-copy .mlo-search-field { border: 0; background: transparent; }
.mlo-hero-actions { display: flex; align-items: center; gap: 22px; margin-top: 22px; }
.mlo-hero-stats { display: flex; flex-wrap: wrap; gap: 25px; margin-top: 35px; padding-top: 25px; border-top: 1px solid var(--line); }
.mlo-hero-stats span { color: var(--muted); font-size: 13px; }
.mlo-hero-stats strong { display: block; color: var(--text); font-size: 20px; }
.mlo-hero-covers { position: relative; min-height: 520px; perspective: 1100px; }
.mlo-hero-cover { position: absolute; width: 235px; overflow: hidden; border: 1px solid rgba(255,255,255,.17); border-radius: 20px; background: var(--surface); box-shadow: 0 30px 70px rgba(0, 0, 0, .52); transition: .3s ease; }
.mlo-hero-cover:hover { z-index: 9; transform: translateY(-12px) rotate(0deg) !important; }
.mlo-hero-cover img, .mlo-hero-cover .mlo-cover-placeholder { width: 100%; aspect-ratio: 7/10; object-fit: cover; }
.mlo-hero-cover > span:last-child { position: absolute; right: 0; bottom: 0; left: 0; padding: 35px 14px 14px; background: linear-gradient(transparent, rgba(0,0,0,.92)); font-size: 13px; font-weight: 850; }
.mlo-hero-cover-1 { z-index: 4; top: 15px; left: 27%; transform: rotate(2deg); }
.mlo-hero-cover-2 { z-index: 3; top: 115px; left: 0; transform: rotate(-8deg) scale(.86); }
.mlo-hero-cover-3 { z-index: 2; top: 130px; right: -3%; transform: rotate(9deg) scale(.84); }
.mlo-hero-cover-4 { z-index: 1; top: 232px; left: 33%; transform: rotate(-2deg) scale(.78); }
.mlo-hero-empty { display: grid; min-height: 460px; place-items: center; align-content: center; gap: 12px; border: 1px dashed var(--line); border-radius: 24px; background: rgba(21,24,33,.5); text-align: center; }
.mlo-hero-empty span { display: grid; width: 110px; height: 110px; place-items: center; border-radius: 30px; background: var(--surface-3); color: var(--accent-2); font-size: 55px; font-weight: 950; }
.mlo-hero-empty p { max-width: 280px; color: var(--muted); }

.mlo-section { padding: clamp(60px, 8vw, 100px) 0; }
.mlo-section + .mlo-section { border-top: 1px solid var(--line); }
.mlo-section-header { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.mlo-section-header h2 { margin: 5px 0 0; font-size: clamp(29px, 4vw, 44px); letter-spacing: -.045em; line-height: 1.08; }
.mlo-section-header > a { color: var(--accent-2); font-size: 14px; font-weight: 800; white-space: nowrap; }
.mlo-horizontal-cards { display: grid; grid-auto-columns: minmax(190px, 1fr); grid-auto-flow: column; gap: 18px; overflow-x: auto; padding: 4px 3px 20px; scroll-snap-type: x mandatory; scrollbar-width: thin; cursor: grab; }
.mlo-horizontal-cards .mlo-card { scroll-snap-align: start; }
.mlo-card-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px 18px; }
.mlo-card { min-width: 0; }
.mlo-card-cover { position: relative; display: block; overflow: hidden; aspect-ratio: 7/10; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: 0 12px 28px rgba(0,0,0,.18); }
.mlo-card-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s cubic-bezier(.2,.7,.2,1); }
.mlo-card:hover .mlo-card-cover img { transform: scale(1.055); }
.mlo-card-gradient { position: absolute; inset: auto 0 0; height: 45%; background: linear-gradient(transparent, rgba(0,0,0,.75)); }
.mlo-cover-placeholder { display: grid; width: 100%; height: 100%; place-items: center; background: radial-gradient(circle at 60% 20%, rgba(198,60,50,.35), transparent 40%), var(--surface-2); color: var(--accent-2); font-size: 58px; font-weight: 950; }
.mlo-card-type, .mlo-card-status { position: absolute; top: 10px; padding: 5px 8px; border-radius: 8px; backdrop-filter: blur(10px); font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.mlo-card-type { left: 10px; background: rgba(10,10,14,.76); color: #fff; }
.mlo-card-status { right: 10px; background: rgba(52,211,153,.88); color: #052e22; }
.mlo-card-body { padding: 13px 3px 0; }
.mlo-card-title { display: -webkit-box; min-height: 44px; margin: 0 0 8px; overflow: hidden; font-size: 15px; font-weight: 850; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mlo-card-title a:hover { color: var(--accent-2); }
.mlo-latest-link { display: flex; align-items: center; gap: 5px; color: var(--text-soft); font-size: 12px; font-weight: 700; }
.mlo-latest-link span { color: var(--muted); font-weight: 500; }
.mlo-content-sidebar { display: grid; align-items: start; grid-template-columns: minmax(0, 1fr) 330px; gap: 50px; }
.mlo-ranking { position: sticky; top: 95px; overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: var(--surface); }
.mlo-ranking-head { padding: 23px; border-bottom: 1px solid var(--line); background: linear-gradient(135deg, rgba(198,60,50,.13), transparent); }
.mlo-ranking-head h2 { margin: 4px 0; font-size: 28px; }
.mlo-ranking-head p { margin: 0; color: var(--muted); font-size: 13px; }
.mlo-ranking ol { margin: 0; padding: 8px 16px 16px; list-style: none; }
.mlo-ranking li { display: grid; align-items: center; grid-template-columns: 28px 50px 1fr; gap: 11px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.mlo-ranking li:last-child { border-bottom: 0; }
.mlo-rank-number { color: var(--muted); font-size: 12px; font-weight: 900; }
.mlo-ranking li:first-child .mlo-rank-number { color: var(--warning); }
.mlo-rank-cover { display: block; overflow: hidden; width: 50px; height: 67px; border-radius: 8px; background: var(--surface-2); }
.mlo-rank-cover img { width: 100%; height: 100%; object-fit: cover; }
.mlo-ranking h3 { display: -webkit-box; margin: 0 0 3px; overflow: hidden; font-size: 12px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mlo-ranking li div > span { color: var(--muted); font-size: 10px; }
.mlo-genres-section { background: var(--bg-soft); }
.mlo-genre-cloud { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.mlo-genre-cloud a { display: flex; min-width: 0; flex-direction: column; padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); transition: .2s ease; }
.mlo-genre-cloud a:hover { transform: translateY(-3px); border-color: rgba(198,60,50,.6); background: var(--surface-2); }
.mlo-genre-cloud span { overflow: hidden; font-size: 13px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.mlo-genre-cloud small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.mlo-editorial-section { position: relative; overflow: hidden; }
.mlo-editorial-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; }
.mlo-editorial-grid h2 { margin: 10px 0 0; font-size: clamp(34px, 5vw, 58px); letter-spacing: -.055em; line-height: 1.02; }
.mlo-editorial-grid p { margin-top: 0; color: var(--text-soft); font-size: 17px; }
.mlo-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 55px; }
.mlo-benefits article { padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.mlo-benefits article > span { color: var(--accent); font-size: 13px; font-weight: 900; }
.mlo-benefits h3 { margin: 30px 0 7px; font-size: 20px; }
.mlo-benefits p { margin: 0; color: var(--muted); font-size: 14px; }
.mlo-faq-section { background: var(--bg-soft); }
.mlo-faq-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 70px; }
.mlo-faq-grid h2 { margin: 8px 0; font-size: clamp(34px, 4vw, 48px); letter-spacing: -.045em; line-height: 1.05; }
.mlo-faq-grid > div:first-child p { color: var(--muted); }
.mlo-accordions details { border-bottom: 1px solid var(--line); }
.mlo-accordions summary { position: relative; padding: 19px 45px 19px 0; cursor: pointer; font-weight: 800; list-style: none; }
.mlo-accordions summary::-webkit-details-marker { display: none; }
.mlo-accordions summary::after { position: absolute; top: 17px; right: 8px; content: "+"; color: var(--accent-2); font-size: 24px; font-weight: 400; }
.mlo-accordions details[open] summary::after { content: "−"; }
.mlo-accordions details p { margin: 0; padding: 0 45px 20px 0; color: var(--text-soft); }

.mlo-archive-hero, .mlo-page-hero { padding: 52px 0; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 80% 0, rgba(198,60,50,.16), transparent 36%), var(--bg-soft); }
.mlo-archive-hero h1, .mlo-page-hero h1 { max-width: 900px; margin: 12px 0 10px; font-size: clamp(36px, 5vw, 58px); letter-spacing: -.055em; line-height: 1.04; }
.mlo-archive-hero p { max-width: 760px; margin: 0 0 22px; color: var(--text-soft); }
.mlo-archive-hero .mlo-search-form { max-width: 620px; }
.mlo-breadcrumbs { margin-bottom: 25px; color: var(--muted); font-size: 12px; }
.mlo-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.mlo-breadcrumbs li + li::before { margin-right: 8px; content: "/"; color: var(--line); }
.mlo-breadcrumbs a:hover { color: var(--accent-2); }
.mlo-archive-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; }
.mlo-archive-toolbar p { margin: 0; color: var(--muted); }
.mlo-archive-toolbar strong { color: var(--text); }
.mlo-view-controls { display: flex; gap: 5px; }
.mlo-view-controls button { width: 40px; height: 38px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface); cursor: pointer; }
.mlo-view-controls button.is-active { border-color: var(--accent); background: var(--accent); color: #fff; }
.mlo-card-grid.is-compact { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mlo-card-grid.is-compact .mlo-card { display: grid; grid-template-columns: 95px 1fr; gap: 13px; }
.mlo-card-grid.is-compact .mlo-card-cover { border-radius: 12px; }
.mlo-card-grid.is-compact .mlo-card-body { padding-top: 4px; }
.navigation.pagination { margin-top: 45px; }
.nav-links, .page-numbers { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.page-numbers { margin: 0; padding: 0; list-style: none; }
a.page-numbers, span.page-numbers, .page-numbers a, .page-numbers span { display: grid; min-width: 42px; height: 42px; padding: 0 11px; place-items: center; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); font-size: 13px; font-weight: 750; }
.page-numbers .current, span.page-numbers.current { border-color: var(--accent); background: var(--accent); color: #fff; }
.mlo-empty-state { display: grid; min-height: 300px; place-items: center; align-content: center; padding: 35px; border: 1px dashed var(--line); border-radius: 20px; text-align: center; }
.mlo-empty-state > span { display: grid; width: 62px; height: 62px; place-items: center; border-radius: 50%; background: var(--surface-2); color: var(--accent-2); font-size: 26px; font-weight: 900; }
.mlo-empty-state h2, .mlo-empty-state h3 { margin: 15px 0 4px; }
.mlo-empty-state p { max-width: 480px; margin: 0 0 20px; color: var(--muted); }

.mlo-manga-hero { position: relative; overflow: hidden; padding: 34px 0 64px; border-bottom: 1px solid var(--line); background: var(--bg-soft); }
.mlo-manga-backdrop { position: absolute; inset: 0; overflow: hidden; opacity: .14; filter: blur(25px) saturate(.8); transform: scale(1.12); }
.mlo-manga-backdrop::after { position: absolute; inset: 0; background: linear-gradient(90deg, var(--bg-soft) 10%, rgba(17,19,26,.72), var(--bg-soft)); content: ""; }
.mlo-manga-backdrop img { width: 100%; height: 100%; object-fit: cover; }
.mlo-manga-hero > .mlo-shell { position: relative; }
.mlo-manga-hero-grid { display: grid; align-items: center; grid-template-columns: 265px 1fr; gap: clamp(35px, 6vw, 75px); }
.mlo-manga-cover-wrap { position: relative; }
.mlo-manga-cover { width: 100%; overflow: hidden; aspect-ratio: 7/10; border: 1px solid rgba(255,255,255,.16); border-radius: 22px; object-fit: cover; box-shadow: var(--shadow); }
.mlo-release-status { position: absolute; right: 12px; bottom: 12px; left: 12px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 9px; border-radius: 11px; background: rgba(10,12,16,.86); backdrop-filter: blur(10px); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.mlo-release-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 4px rgba(52,211,153,.13); }
.mlo-tax-row { display: flex; flex-wrap: wrap; gap: 8px; }
.mlo-tax-row span, .mlo-tax-row a { padding: 6px 9px; border: 1px solid var(--line); border-radius: 8px; background: rgba(21,24,33,.7); color: var(--text-soft); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.mlo-manga-summary h1 { max-width: 890px; margin: 17px 0 8px; font-size: clamp(38px, 6vw, 68px); letter-spacing: -.06em; line-height: 1.01; }
.mlo-original-title { margin: 0; color: var(--muted); font-size: 14px; }
.mlo-manga-stats { display: flex; flex-wrap: wrap; gap: 18px 30px; margin: 27px 0; }
.mlo-manga-stats span { color: var(--muted); font-size: 11px; text-transform: uppercase; }
.mlo-manga-stats strong { display: block; color: var(--text); font-size: 16px; text-transform: none; }
.mlo-genres a:hover { border-color: var(--accent); color: #fff; }
.mlo-manga-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.mlo-favorite-button { min-height: 48px; padding: 10px 16px; border: 1px solid var(--line); border-radius: 13px; background: transparent; cursor: pointer; font-weight: 800; }
.mlo-favorite-button span { margin-right: 5px; color: var(--danger); font-size: 20px; }
.mlo-favorite-button.is-favorite, .mlo-favorite-button.is-active { border-color: var(--danger); background: rgba(251,113,133,.1); }
.mlo-manga-content-grid { display: grid; align-items: start; grid-template-columns: minmax(0, 1fr) 300px; gap: 30px; padding-top: 45px; padding-bottom: 80px; }
.mlo-panel { border: 1px solid var(--line); border-radius: 19px; background: var(--surface); box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.mlo-synopsis { padding: 28px; }
.mlo-panel header h2, .mlo-info-box h2 { margin: 6px 0 18px; font-size: 25px; letter-spacing: -.035em; }
.mlo-prose { color: var(--text-soft); }
.mlo-prose > *:first-child { margin-top: 0; }
.mlo-prose > *:last-child { margin-bottom: 0; }
.mlo-prose h2, .mlo-prose h3 { margin: 1.7em 0 .55em; color: var(--text); line-height: 1.2; }
.mlo-prose a { color: var(--accent-2); text-decoration: underline; text-underline-offset: 3px; }
.mlo-prose li { margin: 6px 0; }
.mlo-chapters { margin-top: 24px; overflow: hidden; }
.mlo-chapters-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; padding: 25px; border-bottom: 1px solid var(--line); }
.mlo-chapters-head h2 { margin-bottom: 0 !important; }
.mlo-chapters-head input { width: 235px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg-soft); color: var(--text); }
.mlo-chapter-list { margin: 0; padding: 0; list-style: none; }
.mlo-chapter-list li { border-bottom: 1px solid var(--line); }
.mlo-chapter-list li:last-child { border-bottom: 0; }
.mlo-chapter-list a { display: grid; align-items: center; grid-template-columns: 34px 1fr auto 48px; gap: 10px; padding: 15px 22px; transition: .18s ease; }
.mlo-chapter-list a:hover { background: var(--surface-2); }
.mlo-chapter-icon { color: var(--accent); }
.mlo-chapter-list strong { display: block; font-size: 14px; }
.mlo-chapter-list small { display: block; color: var(--muted); font-size: 11px; }
.mlo-chapter-list time { color: var(--muted); font-size: 11px; }
.mlo-chapter-list b { color: var(--accent-2); font-size: 12px; }
.mlo-chapter-pagination { padding: 20px 24px; border-top: 1px solid var(--line); }
.mlo-info-box, .mlo-reading-tip { padding: 22px; }
.mlo-info-box dl { margin: 0; }
.mlo-info-box dl div { display: flex; justify-content: space-between; gap: 15px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.mlo-info-box dl div:last-child { border-bottom: 0; }
.mlo-info-box dt { color: var(--muted); font-size: 12px; }
.mlo-info-box dd { margin: 0; font-size: 12px; font-weight: 800; text-align: right; }
.mlo-reading-tip { margin-top: 18px; background: linear-gradient(135deg, rgba(198,60,50,.15), var(--surface)); }
.mlo-reading-tip > span { font-size: 26px; }
.mlo-reading-tip h2 { margin: 8px 0 5px; font-size: 17px; }
.mlo-reading-tip p { margin: 0; color: var(--text-soft); font-size: 12px; }
.mlo-related { background: var(--bg-soft); }
.mlo-related .mlo-card-grid { grid-template-columns: repeat(6, minmax(0,1fr)); }
.mlo-comments-wrap { padding-bottom: 80px; }
.mlo-comments { padding: 28px; }
.comment-list { padding-left: 0; list-style: none; }
.comment-list .comment-body { margin: 15px 0; padding: 17px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-2); }
.comment-form input, .comment-form textarea { width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--bg-soft); color: var(--text); }
.comment-form .submit { width: auto; border: 0; background: var(--accent); font-weight: 800; cursor: pointer; }

.mlo-reader-page .mlo-header { position: relative; }
.mlo-reader { min-height: 100vh; background: #050608; }
.mlo-reader-top { position: sticky; z-index: 900; top: 0; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(5,6,8,.9); backdrop-filter: blur(15px); }
.admin-bar .mlo-reader-top { top: 32px; }
.mlo-reader-top-inner { display: grid; min-height: 62px; align-items: center; grid-template-columns: 1fr auto 1fr; gap: 15px; }
.mlo-reader-back { overflow: hidden; color: #b4b8c5; font-size: 12px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.mlo-reader-nav { display: flex; align-items: center; gap: 12px; }
.mlo-reader-nav a, .mlo-reader-nav > span { display: grid; width: 35px; height: 35px; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; background: #11131a; }
.mlo-reader-nav > span { opacity: .35; }
.mlo-reader-nav strong { font-size: 12px; }
.mlo-reader-settings-button { justify-self: end; padding: 8px 11px; border: 1px solid rgba(255,255,255,.1); border-radius: 9px; background: #11131a; cursor: pointer; font-size: 11px; font-weight: 800; }
.mlo-reader-progress { height: 3px; background: rgba(255,255,255,.06); }
.mlo-reader-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, var(--accent), #f15b45); transition: width .1s linear; }
.mlo-reader-settings[hidden] { display: none; }
.mlo-reader-settings { position: sticky; z-index: 850; top: 62px; border-bottom: 1px solid rgba(255,255,255,.08); background: #0d0f14; }
.mlo-reader-settings > .mlo-shell { display: flex; flex-wrap: wrap; gap: 25px; padding-block: 12px; }
.mlo-reader-settings > .mlo-shell > div { display: flex; align-items: center; gap: 6px; }
.mlo-reader-settings span { margin-right: 4px; color: #747b90; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.mlo-reader-settings button { padding: 6px 9px; border: 1px solid rgba(255,255,255,.09); border-radius: 7px; background: #171a23; cursor: pointer; font-size: 10px; }
.mlo-reader-settings button.is-active { border-color: var(--accent); background: var(--accent); }
.mlo-reader-heading { padding-top: 34px; padding-bottom: 26px; text-align: center; }
.mlo-reader-heading .mlo-breadcrumbs ol { justify-content: center; }
.mlo-reader-heading h1 { margin: 0 0 5px; font-size: clamp(24px, 4vw, 38px); letter-spacing: -.04em; }
.mlo-reader-heading p { margin: 0; color: #7f8495; font-size: 13px; }
.mlo-reader-pages { margin-inline: auto; }
.mlo-reader-width-narrow { max-width: 760px; }
.mlo-reader-width-normal { max-width: 1040px; }
.mlo-reader-width-wide { max-width: 1380px; }
.mlo-reader-pages.mlo-reader-horizontal { display: flex; max-width: none; gap: 8px; overflow-x: auto; padding: 0 20px 25px; scroll-snap-type: x mandatory; }
.mlo-reader-pages figure { margin: 0; }
.mlo-reader-pages:not(.mlo-reader-horizontal) figure + figure { margin-top: 4px; }
.mlo-reader-pages figure img { width: 100%; height: auto; margin-inline: auto; background: #0b0c10; }
.mlo-reader-pages figcaption { height: 1px; overflow: hidden; opacity: 0; }
.mlo-reader-pages.mlo-reader-horizontal figure { display: grid; min-width: min(88vw, 1100px); min-height: 76vh; place-items: center; scroll-snap-align: center; }
.mlo-reader-pages.mlo-reader-horizontal img { width: auto; max-width: 100%; max-height: 88vh; }
.mlo-reader-footer { padding-top: 55px; padding-bottom: 75px; }
.mlo-reader-end { padding: 35px; border: 1px solid rgba(255,255,255,.08); border-radius: 20px; background: #11131a; text-align: center; }
.mlo-reader-end > span { color: var(--accent-2); font-size: 11px; font-weight: 850; text-transform: uppercase; }
.mlo-reader-end h2 { margin: 5px 0 20px; font-size: 30px; }
.mlo-reader-end > div { display: flex; justify-content: center; gap: 10px; }
.mlo-reader-top-button { position: fixed; z-index: 800; right: 22px; bottom: 22px; display: none; width: 45px; height: 45px; border: 0; border-radius: 50%; background: var(--accent); box-shadow: var(--shadow); color: #fff; cursor: pointer; }
.mlo-reader-top-button.is-visible { display: block; }
.mlo-reader-page .mlo-footer, .mlo-reader-page .mlo-community, .mlo-reader-page .mlo-mobile-bar { display: none; }

.mlo-page-content { max-width: 850px; padding-top: 55px; padding-bottom: 80px; font-size: 17px; }
.mlo-post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.mlo-post-grid article { padding: 25px; }
.mlo-post-grid h2 { margin-top: 0; }
.mlo-error-page { display: grid; min-height: 65vh; place-items: center; padding: 80px 0; text-align: center; }
.mlo-error-page .mlo-shell { max-width: 700px; }
.mlo-error-code { display: block; color: rgba(198,60,50,.2); font-size: clamp(100px, 22vw, 240px); font-weight: 950; letter-spacing: -.1em; line-height: .75; }
.mlo-error-page h1 { margin: 15px 0 8px; font-size: clamp(35px, 6vw, 62px); letter-spacing: -.055em; }
.mlo-error-page p { color: var(--muted); }
.mlo-error-page .mlo-search-form { max-width: 600px; margin: 25px auto; }

.mlo-community { padding: 50px 0; background: linear-gradient(135deg, #8f171f, #c63c32); }
.mlo-community-inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.mlo-community .mlo-eyebrow { color: rgba(255,255,255,.72); }
.mlo-community h2 { margin: 6px 0 2px; font-size: clamp(28px, 4vw, 42px); letter-spacing: -.045em; }
.mlo-community p { margin: 0; color: rgba(255,255,255,.72); }
.mlo-footer { padding: 65px 0 0; border-top: 1px solid var(--line); background: #07080b; }
.mlo-footer-grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 55px; }
.mlo-footer-about p { max-width: 360px; margin-top: 20px; color: var(--muted); font-size: 13px; }
.mlo-footer h2 { margin: 0 0 17px; color: var(--text-soft); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.mlo-footer-links { margin: 0; padding: 0; list-style: none; }
.mlo-footer-links li { margin: 8px 0; }
.mlo-footer-links a { color: var(--muted); font-size: 13px; }
.mlo-footer-links a:hover { color: var(--accent-2); }
.mlo-footer-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: 55px; padding: 20px 0; border-top: 1px solid var(--line); color: #606579; font-size: 11px; }
.mlo-footer-bottom p { margin: 0; }
.mlo-mobile-bar { display: none; }

.mlo-favorites-dialog { position: fixed; z-index: 1800; inset: 0; display: grid; place-items: center; padding: 20px; }
.mlo-favorites-backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: rgba(4,5,9,.78); cursor: pointer; backdrop-filter: blur(10px); }
.mlo-favorites-dialog > section { position: relative; width: min(540px, 100%); max-height: min(720px, 86vh); overflow: auto; padding: 34px; border: 1px solid var(--line); border-radius: 22px; background: var(--surface); box-shadow: var(--shadow); }
.mlo-favorites-dialog h2 { margin: 4px 0 22px; font-size: 27px; }
.mlo-favorites-list { display: grid; gap: 9px; }
.mlo-favorites-list a { display: grid; align-items: center; min-height: 64px; padding: 8px 12px; grid-template-columns: 42px 1fr; gap: 12px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface-2); color: var(--text); font-weight: 800; }
.mlo-favorites-list a:hover { border-color: var(--accent); color: var(--accent-2); }
.mlo-favorites-list img { width: 42px; height: 52px; border-radius: 7px; object-fit: cover; }
.mlo-horizontal-cards.is-dragging { cursor: grabbing; user-select: none; }

body.mlo-light { --bg: #f5f6fa; --bg-soft: #eceef5; --surface: #fff; --surface-2: #f1f2f7; --surface-3: #e5e7ef; --text: #171820; --text-soft: #4e5261; --muted: #747989; --line: rgba(20,22,30,.1); --shadow: 0 20px 55px rgba(25,29,45,.12); }
body.mlo-light .mlo-header { background: rgba(245,246,250,.88); }
body.mlo-light .mlo-manga-backdrop { opacity: .08; }
body.mlo-light .mlo-reader { color: #f7f7fb; }

@media (max-width: 1100px) {
	.mlo-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mlo-related .mlo-card-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
	.mlo-genre-cloud { grid-template-columns: repeat(4, minmax(0,1fr)); }
	.mlo-footer-grid { grid-template-columns: 1.4fr repeat(2, 1fr); }
	.mlo-footer-grid > div:last-child { display: none; }
}

@media (max-width: 920px) {
	.admin-bar .mlo-header { top: 46px; }
	.mlo-menu-toggle { display: grid; }
	.mlo-primary-nav { position: fixed; z-index: 1000; top: 73px; right: 0; bottom: 0; left: 0; display: none; overflow: auto; padding: 20px; background: var(--bg); }
	.mlo-primary-nav.is-open { display: block; }
	.mlo-menu { align-items: stretch; flex-direction: column; }
	.mlo-menu a { padding: 14px; border-bottom: 1px solid var(--line); border-radius: 0; font-size: 17px; }
	.mlo-menu .sub-menu { position: static; display: block; min-width: 0; padding-left: 15px; visibility: visible; transform: none; border: 0; opacity: 1; background: transparent; box-shadow: none; }
	.mlo-hero-grid { grid-template-columns: 1fr; }
	.mlo-hero-copy { text-align: center; }
	.mlo-hero-copy > p, .mlo-hero-copy .mlo-search-form { margin-inline: auto; }
	.mlo-hero-actions, .mlo-hero-stats { justify-content: center; }
	.mlo-hero-covers { min-height: 490px; max-width: 620px; width: 100%; margin: 0 auto; }
	.mlo-content-sidebar { grid-template-columns: 1fr; }
	.mlo-ranking { position: static; }
	.mlo-ranking ol { display: grid; grid-template-columns: 1fr 1fr; column-gap: 22px; }
	.mlo-editorial-grid, .mlo-faq-grid { grid-template-columns: 1fr; gap: 35px; }
	.mlo-manga-content-grid { grid-template-columns: 1fr; }
	.mlo-manga-sidebar { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
	.mlo-reading-tip { margin-top: 0; }
	.mlo-reader-top-inner { grid-template-columns: 1fr auto; }
	.mlo-reader-nav { display: none; }
}

@media (max-width: 700px) {
	.mlo-shell { width: min(calc(100% - 26px), var(--shell)); }
	body:not(.mlo-reader-page) { padding-bottom: 67px; }
	.mlo-header-inner { min-height: 64px; }
	.mlo-primary-nav { top: 65px; }
	.mlo-icon-button[data-theme-toggle] { display: none; }
	.mlo-language-switcher select { height: 34px; padding-inline: 6px; font-size: 10px; }
	.mlo-official-logo { width: 145px; height: 34px; }
	.mlo-brand-text strong { font-size: 16px; }
	.mlo-search-panel { padding: 27px 20px; }
	.mlo-search-form { flex-direction: column; }
	.mlo-hero { padding-top: 55px; }
	.mlo-hero-copy h1 { font-size: clamp(40px, 13vw, 62px); }
	.mlo-hero-actions { flex-direction: column; }
	.mlo-hero-covers { min-height: 390px; }
	.mlo-hero-cover { width: 180px; }
	.mlo-hero-cover-1 { left: calc(50% - 90px); }
	.mlo-hero-cover-2 { top: 90px; left: -5px; }
	.mlo-hero-cover-3 { top: 95px; right: -5px; }
	.mlo-hero-cover-4 { top: 185px; left: calc(50% - 80px); }
	.mlo-section { padding: 55px 0; }
	.mlo-section-header { align-items: start; flex-direction: column; gap: 8px; }
	.mlo-horizontal-cards { grid-auto-columns: 42%; }
	.mlo-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 12px; }
	.mlo-card-title { font-size: 13px; }
	.mlo-card-status { display: none; }
	.mlo-ranking ol { grid-template-columns: 1fr; }
	.mlo-genre-cloud { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mlo-benefits { grid-template-columns: 1fr; }
	.mlo-archive-hero, .mlo-page-hero { padding: 38px 0; }
	.mlo-view-controls { display: none; }
	.mlo-manga-hero { padding-top: 22px; }
	.mlo-manga-hero-grid { grid-template-columns: 118px 1fr; gap: 18px; align-items: start; }
	.mlo-manga-cover { border-radius: 14px; }
	.mlo-release-status { right: 5px; bottom: 5px; left: 5px; padding: 5px; font-size: 8px; }
	.mlo-manga-summary h1 { margin-top: 9px; font-size: clamp(27px, 8vw, 40px); }
	.mlo-original-title, .mlo-manga-stats span:nth-child(2), .mlo-manga-stats span:nth-child(3) { display: none; }
	.mlo-tax-row { gap: 5px; }
	.mlo-tax-row span, .mlo-tax-row a { padding: 4px 6px; font-size: 8px; }
	.mlo-manga-stats { margin: 13px 0; gap: 15px; }
	.mlo-manga-actions { grid-column: 1 / -1; }
	.mlo-manga-actions .mlo-button { min-height: 42px; padding: 8px 12px; font-size: 11px; }
	.mlo-favorite-button { min-height: 42px; font-size: 11px; }
	.mlo-manga-content-grid { padding-top: 25px; }
	.mlo-synopsis { padding: 21px; }
	.mlo-chapters-head { align-items: stretch; flex-direction: column; padding: 20px; }
	.mlo-chapters-head input { width: 100%; }
	.mlo-chapter-list a { grid-template-columns: 25px 1fr 34px; padding: 14px; }
	.mlo-chapter-list time { display: none; }
	.mlo-manga-sidebar { grid-template-columns: 1fr; }
	.mlo-related .mlo-card-grid { grid-template-columns: repeat(2, 1fr); }
	.mlo-reader-top-inner { min-height: 56px; }
	.mlo-reader-back span { display: none; }
	.mlo-reader-settings { top: 56px; }
	.mlo-reader-settings > .mlo-shell { align-items: flex-start; flex-direction: column; gap: 9px; }
	.mlo-reader-heading { padding-top: 22px; }
	.mlo-reader-heading .mlo-breadcrumbs { display: none; }
	.mlo-reader-pages.mlo-reader-horizontal figure { min-width: 92vw; }
	.mlo-reader-end { padding: 25px 15px; }
	.mlo-reader-end > div { flex-direction: column; }
	.mlo-community-inner { align-items: start; flex-direction: column; }
	.mlo-footer-grid { grid-template-columns: 1fr 1fr; gap: 35px 25px; }
	.mlo-footer-about { grid-column: 1 / -1; }
	.mlo-footer-bottom { align-items: start; flex-direction: column; gap: 8px; }
	.mlo-mobile-bar { position: fixed; z-index: 1200; right: 0; bottom: 0; left: 0; display: grid; height: 66px; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); background: rgba(11,12,16,.94); backdrop-filter: blur(15px); }
	.mlo-mobile-bar a, .mlo-mobile-bar button { display: grid; padding: 7px 2px; place-items: center; border: 0; background: transparent; color: #a4a8b8; cursor: pointer; font-size: 9px; }
	.mlo-mobile-bar svg { width: 19px; }
}

@media (max-width: 380px) {
	.mlo-horizontal-cards { grid-auto-columns: 52%; }
	.mlo-hero-covers { min-height: 340px; }
	.mlo-hero-cover { width: 155px; }
	.mlo-hero-cover-1 { left: calc(50% - 78px); }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* Home editorial v1.0.4 — layout oficial aprovado. */
.mlo-header { background: rgba(16,16,22,.96); backdrop-filter: blur(18px); }
.mlo-header-inner { min-height: 98px; }
.mlo-official-logo { width: 246px; height: 64px; }
.mlo-logo-image { max-width: 246px; height: 64px; }
.mlo-primary-nav { margin-inline: auto; }
.mlo-menu { gap: 28px; }
.mlo-menu a { padding: 11px 8px; background: transparent !important; font-size: 15px; }
.mlo-menu a:hover, .mlo-menu .current-menu-item > a { color: #fff; }
.mlo-search-trigger { min-width: 134px; min-height: 44px; padding: 10px 24px; border: 0; border-radius: 999px; background: #2b181a; color: var(--accent-2); cursor: pointer; font-weight: 850; transition: .2s ease; }
.mlo-search-trigger:hover { transform: translateY(-2px); background: #3a1b1d; color: #fff; }
.mlo-dialog-tools { display: flex; align-items: center; gap: 10px; margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.mlo-dialog-theme { margin-left: auto; padding: 9px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); color: var(--text-soft); cursor: pointer; font-size: 11px; font-weight: 800; }

.home .mlo-main { background: linear-gradient(135deg, #0c0c10 0%, #100f10 58%, #180e0f 100%); }
.home .mlo-hero { min-height: 660px; padding: 0; border-bottom: 0; background: transparent; }
.home .mlo-hero::before { display: none; }
.home .mlo-hero::after { position: absolute; z-index: 0; top: 0; right: -70px; width: min(49vw, 690px); height: 560px; border-radius: 52% 0 0 52%; background: #321516; content: ""; opacity: .82; }
.home .mlo-hero-grid { z-index: 1; min-height: 660px; grid-template-columns: minmax(0, 1fr) 520px; gap: 38px; }
.home .mlo-hero-copy { position: relative; z-index: 2; padding-bottom: 8px; }
.mlo-hero-kicker { display: inline-flex; padding: 7px 18px; border-radius: 999px; background: #37191b; color: var(--accent-2); font-size: 13px; font-weight: 850; letter-spacing: .01em; text-transform: uppercase; }
.home .mlo-hero-copy h1 { max-width: 650px; margin: 16px 0 21px; font-size: clamp(58px, 5.6vw, 80px); letter-spacing: -.055em; line-height: 1.02; }
.home .mlo-hero-copy h1 span, .home .mlo-hero-copy h1 strong { display: block; }
.home .mlo-hero-copy h1 strong { color: var(--accent); font-weight: 950; }
.home .mlo-hero-copy > p { max-width: 620px; margin-bottom: 36px; color: #b7b6c0; font-size: clamp(18px, 1.65vw, 22px); }
.home .mlo-hero-copy .mlo-search-form { width: min(100%, 458px); min-height: 69px; padding: 8px; border-color: #363642; border-radius: 19px; background: #171720; }
.home .mlo-hero-copy .mlo-search-form button { min-width: 101px; border-radius: 13px; }
.home .mlo-hero-copy .mlo-search-field { padding-inline: 16px; box-shadow: none; }
.mlo-continue-button { width: min(100%, 458px); margin-top: 10px; }
.home .mlo-hero-stats { gap: 56px; margin-top: 18px; padding-top: 0; border-top: 0; }
.home .mlo-hero-stats span { display: flex; align-items: baseline; gap: 9px; color: #85838e; white-space: nowrap; }
.home .mlo-hero-stats strong { display: inline; font-size: 27px; }
.home .mlo-hero-covers { z-index: 2; min-height: 560px; perspective: none; }
.home .mlo-hero-cover, .home .mlo-hero-demo-cover { position: absolute; display: block; overflow: hidden; width: 265px; aspect-ratio: 7/10; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; background: #8f2e33; box-shadow: 0 22px 48px rgba(0,0,0,.3); transition: .3s ease; }
.home .mlo-hero-cover:hover { z-index: 9; transform: translateY(-10px) rotate(0deg) !important; }
.home .mlo-hero-cover img, .home .mlo-hero-cover .mlo-cover-placeholder { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; }
.home .mlo-hero-cover > span:last-child, .home .mlo-hero-demo-cover > span { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; padding: 55px 18px 26px; background: linear-gradient(transparent, rgba(0,0,0,.78)); color: #fff; font-size: 16px; font-weight: 900; text-align: center; text-transform: uppercase; }
.home .mlo-hero-cover-1 { z-index: 2; top: 65px; left: 0; transform: rotate(-7deg); }
.home .mlo-hero-cover-2 { z-index: 1; top: 105px; right: -27px; left: auto; transform: rotate(9deg); }
.home .mlo-hero-cover-3 { z-index: 4; top: 300px; left: 116px; width: 222px; transform: rotate(3deg); }
.home .mlo-hero-demo-cover::before { position: absolute; top: 18%; left: 27%; width: 48%; aspect-ratio: 1; border-radius: 50%; background: rgba(222,152,180,.55); content: ""; }
.home .mlo-hero-demo-cover::after { position: absolute; right: -5%; bottom: -17%; left: -5%; height: 45%; border-radius: 50% 50% 0 0; background: rgba(66,16,20,.75); content: ""; }
.home .mlo-hero-demo-cover.mlo-hero-cover-2 { background: linear-gradient(135deg,#86494c,#e16b18); }
.home .mlo-hero-demo-cover.mlo-hero-cover-2::before { background: rgba(244,185,107,.65); }
.home .mlo-hero-demo-cover.mlo-hero-cover-2::after { background: rgba(111,42,10,.78); }
.home .mlo-hero-demo-cover.mlo-hero-cover-3 { background: #17868c; }
.home .mlo-hero-demo-cover.mlo-hero-cover-3::before { background: rgba(87,197,193,.6); }
.home .mlo-hero-demo-cover.mlo-hero-cover-3::after { background: rgba(4,79,82,.8); }

.mlo-home-recent { position: relative; z-index: 5; padding: 22px 0 92px; background: transparent; }
.mlo-home-recent-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 23px; }
.mlo-home-recent-head h2 { margin: 8px 0 0; font-size: 36px; letter-spacing: -.04em; line-height: 1.1; }
.mlo-home-recent-head > a { color: var(--accent-2); font-size: 13px; font-weight: 800; }
.mlo-recent-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 22px; }
.mlo-recent-chapter { display: grid; min-width: 0; height: 115px; overflow: hidden; grid-template-columns: 82px minmax(0,1fr); border: 1px solid #2d2d38; border-radius: 18px; background: #16161f; transition: .2s ease; }
.mlo-recent-chapter:hover { transform: translateY(-3px); border-color: rgba(198,60,50,.55); }
.mlo-recent-thumb { display: grid; width: 82px; height: 115px; place-items: center; overflow: hidden; border-radius: 17px; background: linear-gradient(135deg,#8f2f35,#b93c34); color: #fff; font-weight: 900; }
.mlo-recent-chapter:nth-child(2) .mlo-recent-thumb { background: linear-gradient(135deg,#8f4655,#ed701a); }
.mlo-recent-chapter:nth-child(3) .mlo-recent-thumb { background: #1c9699; }
.mlo-recent-chapter:nth-child(4) .mlo-recent-thumb { background: linear-gradient(135deg,#ef493d,#bd1d28); }
.mlo-recent-thumb img { width: 100%; height: 100%; object-fit: cover; }
.mlo-recent-chapter > div { min-width: 0; padding: 19px 16px; }
.mlo-recent-chapter h3 { margin: 6px 0 12px; overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.mlo-recent-number { color: var(--accent-2); font-size: 13px; }
.mlo-featured-section { border-top: 1px solid var(--line); background: var(--bg); }

@media (max-width: 1100px) {
	.mlo-header-inner { gap: 18px; }
	.mlo-menu { gap: 12px; }
	.home .mlo-hero-grid { grid-template-columns: minmax(0,1fr) 430px; }
	.home .mlo-hero-covers { transform: scale(.86); transform-origin: center; }
	.mlo-recent-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 920px) {
	.mlo-header-inner { min-height: 76px; }
	.mlo-official-logo, .mlo-logo-image { width: 205px; height: 54px; }
	.mlo-primary-nav { top: 77px; margin: 0; }
	.home .mlo-hero { padding: 55px 0 20px; }
	.home .mlo-hero::after { top: 48%; right: -15%; width: 115%; height: 520px; }
	.home .mlo-hero-grid { grid-template-columns: 1fr; }
	.home .mlo-hero-copy { text-align: center; }
	.home .mlo-hero-copy .mlo-search-form, .mlo-continue-button { margin-inline: auto; }
	.home .mlo-hero-stats { justify-content: center; }
	.home .mlo-hero-covers { width: min(100%,560px); min-height: 560px; transform: none; }
	.home .mlo-hero-cover-1 { left: 4%; }
	.home .mlo-hero-cover-2 { right: 3%; }
	.home .mlo-hero-cover-3 { left: calc(50% - 111px); }
}

@media (max-width: 700px) {
	.mlo-header-inner { min-height: 66px; gap: 9px; }
	.mlo-official-logo, .mlo-logo-image { width: 165px; height: 45px; }
	.mlo-search-trigger { min-width: 0; min-height: 38px; padding: 8px 14px; font-size: 12px; }
	.mlo-primary-nav { top: 67px; }
	.mlo-dialog-tools { align-items: flex-start; flex-wrap: wrap; }
	.mlo-dialog-theme { width: 100%; margin: 4px 0 0; }
	.home .mlo-hero { min-height: 0; padding-top: 44px; }
	.home .mlo-hero-grid { min-height: 0; gap: 28px; }
	.home .mlo-hero-copy { text-align: left; }
	.home .mlo-hero-copy h1 { font-size: clamp(46px,14vw,64px); letter-spacing: -.055em; }
	.home .mlo-hero-copy > p { font-size: 17px; }
	.home .mlo-hero-copy .mlo-search-form { margin-inline: 0; }
	.home .mlo-hero-stats { justify-content: flex-start; gap: 13px 22px; }
	.home .mlo-hero-stats strong { font-size: 22px; }
	.home .mlo-hero-covers { min-height: 420px; transform: scale(.76); transform-origin: top center; }
	.home .mlo-hero-cover, .home .mlo-hero-demo-cover { width: 230px; }
	.home .mlo-hero-cover-1 { top: 30px; left: -6%; }
	.home .mlo-hero-cover-2 { top: 62px; right: -7%; }
	.home .mlo-hero-cover-3 { top: 220px; left: calc(50% - 96px); width: 192px; }
	.mlo-home-recent { padding: 0 0 55px; }
	.mlo-home-recent-head { align-items: flex-start; }
	.mlo-home-recent-head h2 { font-size: 31px; }
	.mlo-home-recent-head > a { display: none; }
	.mlo-recent-grid { grid-template-columns: 1fr; gap: 12px; }
}

@media (max-width: 380px) {
	.mlo-official-logo, .mlo-logo-image { width: 146px; }
	.mlo-search-trigger { padding-inline: 11px; }
	.home .mlo-hero-covers { margin-bottom: -50px; transform: scale(.65); }
}