.home-2026 {
--home-primary: var(--primary, #ff315d);
--home-primary-hover: var(--primary-hover, #ff5277);
--home-secondary: var(--secondary, #00b8ff);
--home-accent: var(--accent, #a52b9f);
}
body.home { background:var(--background, #05070d); color:var(--text, #fff); }
body.home .homepage-container, body.home .content-with-sidebar { max-width:none; padding:0; margin:0; }
body.home .site-header { background:color-mix(in srgb, var(--background, #05070d) 96%, transparent); border-bottom:1px solid rgba(255,255,255,.06); box-shadow:none; }
body.home .header-container { max-width:1440px; padding-left:34px; padding-right:34px; }
body.home .site-title { background:none; -webkit-text-fill-color:initial; color:var(--primary, #ff2b64); letter-spacing:1.4px; font-size:1.28rem; }
body.home .nav-menu li a { color:var(--text-secondary, #aeb6c8); font-size:.86rem; padding:0 13px; }
body.home .nav-menu li a:hover, body.home .nav-menu li.current-menu-item a { color:var(--text, #fff); }
body.home .site-main.home-2026 { width:100%; max-width:none; margin:0; }
.home-featured { position:relative; min-height:440px; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.05); isolation:isolate; }
.home-featured::before { content:""; position:absolute; inset:0; background-image:var(--hero-bg); background-size:cover; background-position:center 27%; filter:saturate(.8); z-index:-2; }
.home-featured::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.03),color-mix(in srgb, var(--background, #05070d) 35%, transparent)); z-index:-1; }
.home-featured-inner { max-width:1440px; min-height:440px; margin:auto; padding:46px 50px; display:grid; grid-template-columns:230px minmax(0,760px); gap:28px; align-items:center; }
.home-featured-cover { width:230px; height:326px; border-radius:11px; overflow:hidden; border:1px solid rgba(255,255,255,.26); box-shadow:0 20px 50px rgba(0,0,0,.38); }
.home-featured-cover img { width:100%; height:100%; object-fit:cover; display:block; }
.home-featured-copy h1 { margin:0 0 8px; color:var(--text, #fff); font-size:clamp(2.15rem,4vw,4rem); line-height:.96; font-weight:900; text-transform:uppercase; letter-spacing:-1.5px; max-width:850px; }
.home-featured-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:var(--text-secondary, #c7cbd5); font-size:.82rem; text-transform:uppercase; letter-spacing:1px; }
.home-featured-meta strong { color:var(--text, #fff); }
.home-featured-meta span+span::before { content:"|"; color:#6b7280; margin-right:8px; }
.home-featured-copy>p { color:var(--text-secondary, #d2d5df); max-width:780px; margin:17px 0 13px; line-height:1.7; font-size:.92rem; }
.home-featured-pills { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:17px; }
.home-featured-pills span { border:1px solid rgba(255,255,255,.16); background:color-mix(in srgb, var(--card-bg, #0b1019) 70%, transparent); border-radius:999px; padding:5px 10px; color:#dce4ef; font-size:.72rem; }
.home-featured-pills span:first-child { border-color:#8b4b26; background:rgba(111,54,21,.38); color:#ffd7b5; }
.home-featured-pills span:nth-child(2) { border-color:#315e91; background:rgba(32,74,120,.35); color:#cde6ff; }
.home-featured-pills span:nth-child(3) { border-color:#286d55; background:rgba(28,102,75,.34); color:#caffec; }
.home-featured-actions { display:flex; gap:10px; }
.home-btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 22px; border-radius:999px; color:#fff!important; font-size:.76rem; font-weight:800; background:color-mix(in srgb, var(--card-bg, #05080e) 78%, transparent); border:1px solid var(--border, rgba(255,255,255,.08)); }
.home-btn-primary { color:#fff!important; background:linear-gradient(90deg,var(--button-bg, var(--primary, #ff315d)),var(--accent, #a52b9f)); border-color:transparent; }
.home-btn-primary:hover { background:linear-gradient(90deg,var(--button-hover, var(--primary-hover, #ff5277)),var(--accent, #a52b9f)); }
.home-vip-strip { max-width:1330px; margin:17px auto 28px; border:1px solid color-mix(in srgb, var(--primary, #ff4f8b) 38%, transparent); background:linear-gradient(90deg, color-mix(in srgb, var(--primary, #ff315c) 55%, #180812), color-mix(in srgb, var(--accent, #a52b9f) 55%, #15102a)); min-height:62px; border-radius:11px; padding:12px 17px; display:flex; align-items:center; justify-content:space-between; gap:20px; box-shadow:inset 0 1px rgba(255,255,255,.08); }
.home-vip-strip div { display:flex; flex-direction:column; color:#f2dcea; }
.home-vip-strip strong { color:var(--text, #fff); font-size:.88rem; }
.home-vip-strip span { font-size:.76rem; opacity:.86; }
.home-vip-strip>a { background:linear-gradient(90deg,var(--primary, #ff315c),var(--accent, #a52b9f)); color:var(--text, #fff); padding:9px 17px; border-radius:999px; font-size:.72rem; font-weight:800; }
.home-section { max-width:1330px; margin:0 auto 31px; padding:0; }
.home-section-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.home-section-head h2 { margin:0; color:var(--text, #f2f4f8); font-size:1.02rem; font-weight:850; letter-spacing:.15px; }
.home-section-head h2 span { color:var(--primary, #ff326b); margin-right:5px; }
.home-section-head p { margin:3px 0 0; color:var(--text-secondary, #777f91); font-size:.75rem; }
.home-section-head>a { color:var(--text, #e9edf4)!important; background:var(--card-bg, #141b2b); border:1px solid var(--border, rgba(255,255,255,.06)); padding:8px 15px; border-radius:999px; font-size:.68rem; font-weight:750; }
.home-popular-track { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:13px; overflow:hidden; }
.home-latest-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:13px; }
.home-manga-card { min-width:0; background:var(--card-bg, #0b1019); border:1px solid var(--border, #232b39); border-radius:10px; overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,.16); transition:transform .2s,border-color .2s; }
.home-manga-card:hover { transform:translateY(-3px); border-color:var(--primary, #3b4659); }
.home-manga-cover { display:block; position:relative; aspect-ratio:3/4.1; background:color-mix(in srgb, var(--card-bg, #111827) 82%, var(--background, #05070d)); overflow:hidden; }
.home-manga-cover img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
.home-manga-card:hover .home-manga-cover img { transform:scale(1.035); }
.home-cover-placeholder { display:flex; width:100%; height:100%; align-items:center; justify-content:center; color:var(--text-secondary, #64748b); font-size:.72rem; }
.home-type-badge,.home-rating-badge { position:absolute; top:8px; z-index:2; border-radius:999px; font-size:.54rem; line-height:1; font-weight:800; padding:5px 7px; backdrop-filter:blur(8px); }
.home-type-badge { left:7px; background:color-mix(in srgb, var(--secondary, #00b8ff) 28%, var(--card-bg, #08152a)); color:var(--text, #d8efff); border:1px solid color-mix(in srgb, var(--secondary, #00b8ff) 45%, transparent); }
.home-rating-badge { right:7px; background:color-mix(in srgb, var(--card-bg, #0a0d13) 86%, transparent); color:color-mix(in srgb, var(--secondary, #ffd76a) 55%, #ffe58a); border:1px solid color-mix(in srgb, var(--secondary, #ffd76a) 30%, transparent); }
.home-card-body { padding:8px 8px 9px; }
.home-card-body h3 { margin:0 0 7px; min-height:30px; font-size:.72rem; line-height:1.25; font-weight:750; }
.home-card-body h3 a { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:var(--text, #f4f6fb); }
.home-card-chapters { display:flex; flex-direction:column; gap:5px; }
.home-card-chapters>a { display:flex; justify-content:space-between; align-items:center; gap:5px; background:color-mix(in srgb, var(--card-bg, #0d1420) 82%, var(--background, #05070d)); border:1px solid var(--border, #273043); color:var(--text, #dde3ed); border-radius:5px; padding:5px 6px; font-size:.61rem; }
.home-card-chapters>a:first-child { border-color:color-mix(in srgb, var(--primary, #7c4d35) 65%, var(--border, #273043)); }
.home-card-chapters small { background:var(--primary, #fb315d); color:var(--text, #fff); border-radius:999px; padding:2px 5px; font-size:.47rem; font-weight:900; }
.home-no-chapter { color:var(--text-secondary, #687386); font-size:.61rem; }
.home-seo-panel { border-top:1px solid var(--border, #242a35); background:color-mix(in srgb, var(--card-bg, #10131a) 75%, var(--background, #05070d)); padding:30px max(50px,calc((100vw - 1330px)/2)); margin-top:21px; }
.home-seo-panel h2 { margin:0 0 10px; color:var(--text, #f4f5f7); font-size:1rem; }
.home-seo-panel p { color:var(--text-secondary, #959baa); max-width:940px; font-size:.74rem; line-height:1.7; }
.home-genre-pills { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.home-genre-pills a { color:var(--text-secondary, #7e8798); background:var(--tag-bg, #171c25); border:1px solid var(--border, #252b35); border-radius:999px; font-size:.61rem; padding:5px 9px; }
.home-genre-pills a:hover { color:var(--text, #fff); border-color:var(--primary, #ff2f6d); }
body.home .site-footer { background:linear-gradient(180deg,var(--background, #090c12),color-mix(in srgb, var(--card-bg, #11101a) 82%, var(--background, #090c12))); border-top:1px solid var(--border, #242936); }
body.home .site-footer .container { max-width:1330px; }
body.home .site-stats { margin:0; padding:19px 0; border:0; }
body.home .stats-wrapper { justify-content:flex-start; gap:8px; }
body.home .stats-divider { display:none; }
body.home .stats-group { gap:8px; }
body.home .stats-item { background:var(--card-bg, #151923); border:1px solid var(--border, #252a35); border-radius:8px; padding:8px 12px; min-width:135px; }
body.home .stats-label { font-size:.58rem; color:var(--text-secondary, #7f8796); }
body.home .stats-value { font-size:.92rem; }
body.home .footer-widgets { display:none; }
@media (max-width:1200px){
.home-featured-inner,.home-section,.home-vip-strip { max-width:calc(100% - 40px); }
.home-featured-inner { grid-template-columns:190px minmax(0,1fr); padding-left:0; padding-right:0; }
.home-featured-cover { width:190px; height:270px; }
.home-popular-track,.home-latest-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@media (max-width:900px){
.home-featured { min-height:auto; }
.home-featured-inner { padding:34px 0; grid-template-columns:155px minmax(0,1fr); min-height:0; }
.home-featured-cover { width:155px; height:220px; }
.home-featured-copy h1 { font-size:2rem; }
.home-featured-copy>p { font-size:.8rem; max-height:64px; overflow:hidden; }
.home-popular-track,.home-latest-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.home-seo-panel { padding-left:20px; padding-right:20px; }
}
@media (max-width:680px){
body.home .header-container { padding-left:15px; padding-right:15px; }
.home-featured-inner { max-width:calc(100% - 28px); display:block; padding:24px 0 28px; text-align:left; }
.home-featured-cover { width:118px; height:168px; float:left; margin:0 15px 10px 0; }
.home-featured-copy h1 { font-size:1.5rem; padding-top:4px; }
.home-featured-copy>p { clear:both; padding-top:8px; max-height:none; }
.home-featured-pills { clear:both; }
.home-vip-strip,.home-section { max-width:calc(100% - 24px); }
.home-vip-strip span { display:none; }
.home-popular-track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; }
.home-popular-track .home-manga-card { flex:0 0 148px; scroll-snap-align:start; }
.home-latest-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.home-section-head h2 { font-size:.9rem; }
} .home-featured-slider{position:relative;overflow:hidden;background:var(--background,#05070d);}
.home-featured-slides{display:grid;}
.home-featured-slide{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.015);transition:opacity .55s ease,transform .7s ease,visibility .55s;}
.home-featured-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1);z-index:2;}
.home-featured-title{margin:0 0 8px;color:var(--text,#fff);font-size:clamp(2.15rem,4vw,4rem);line-height:.96;font-weight:900;text-transform:uppercase;letter-spacing:-1.5px;max-width:850px;}
.home-hero-arrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(5,8,15,.58);backdrop-filter:blur(12px);color:#fff;font-size:2rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.2s ease;}
.home-hero-arrow:hover{background:color-mix(in srgb,var(--primary,#ff315d) 30%,rgba(5,8,15,.82));border-color:color-mix(in srgb,var(--primary,#ff315d) 65%,transparent);transform:translateY(-50%) scale(1.06);}
.home-hero-prev{left:22px}.home-hero-next{right:22px}
.home-hero-dots{position:absolute;z-index:6;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(5,8,15,.42);backdrop-filter:blur(10px);}
.home-hero-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.34);cursor:pointer;transition:.25s ease;}
.home-hero-dots button.is-active{width:26px;border-radius:999px;background:linear-gradient(90deg,var(--primary,#ff315d),var(--accent,#a52b9f));}
.home-hero-progress{position:absolute;z-index:7;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.05);overflow:hidden;}
.home-hero-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--primary,#ff315d),var(--accent,#a52b9f));}
.home-featured-slider.is-running .home-hero-progress span{animation:slimereadHeroProgress var(--hero-interval,7s) linear forwards;}
@keyframes slimereadHeroProgress{from{width:0}to{width:100%}}
@media (max-width:900px){.home-featured-title{font-size:2rem}.home-hero-arrow{width:38px;height:38px;font-size:1.6rem}.home-hero-prev{left:10px}.home-hero-next{right:10px}}
@media (max-width:640px){.home-featured-title{font-size:1.5rem;padding-top:4px}.home-hero-arrow{top:auto;bottom:13px;transform:none;width:34px;height:34px}.home-hero-arrow:hover{transform:scale(1.04)}.home-hero-prev{left:14px}.home-hero-next{right:14px}.home-hero-dots{bottom:18px}.home-hero-progress{height:2px}}
@media (prefers-reduced-motion:reduce){.home-featured-slide{transition:none}.home-featured-slider.is-running .home-hero-progress span{animation:none}} .home-section-head-clean{justify-content:flex-start;}
.home-latest-pagination{
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:7px;
margin:24px auto 2px;
padding:10px 12px;
width:max-content;
max-width:100%;
border:1px solid var(--border,#232b39);
border-radius:16px;
background:color-mix(in srgb,var(--card-bg,#0b1019) 90%,transparent);
box-shadow:0 12px 32px rgba(0,0,0,.2);
backdrop-filter:blur(12px);
}
.home-latest-pagination a,
.home-latest-pagination .is-current{
min-width:36px;
height:36px;
padding:0 10px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid var(--border,#273043);
border-radius:10px;
background:color-mix(in srgb,var(--card-bg,#101725) 88%,var(--background,#05070d));
color:var(--text-secondary,#aeb6c8);
font-size:.76rem;
font-weight:800;
line-height:1;
text-decoration:none;
transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}
.home-latest-pagination a:hover{
transform:translateY(-1px);
color:var(--text,#fff);
border-color:color-mix(in srgb,var(--primary,#ff315d) 55%,var(--border,#273043));
background:color-mix(in srgb,var(--primary,#ff315d) 13%,var(--card-bg,#101725));
}
.home-latest-pagination .is-current{
color:#fff;
border-color:color-mix(in srgb,var(--primary,#ff315d) 72%,transparent);
background:linear-gradient(135deg,var(--primary,#ff315d),var(--accent,#a52b9f));
box-shadow:0 7px 18px color-mix(in srgb,var(--primary,#ff315d) 24%,transparent);
}
.home-latest-pagination .home-page-arrow{font-size:1.15rem;}
.home-latest-pagination .home-page-dots{display:inline-flex;align-items:center;justify-content:center;min-width:22px;color:var(--text-secondary,#687386);font-weight:800;}
@media (max-width:680px){
.home-latest-pagination{gap:5px;margin-top:18px;padding:8px;border-radius:14px;width:100%;}
.home-latest-pagination a,.home-latest-pagination .is-current{min-width:34px;height:34px;padding:0 8px;font-size:.72rem;border-radius:9px;}
} body.home{
background:
radial-gradient(circle at 14% 10%,color-mix(in srgb,var(--primary,#ff315d) 10%,transparent),transparent 28%),
radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--secondary,#00b8ff) 8%,transparent),transparent 26%),
var(--background,#05070d);
}
body.home .site-header{
position:sticky;top:0;z-index:900;
background:color-mix(in srgb,var(--background,#05070d) 78%,transparent);
backdrop-filter:blur(18px) saturate(135%);
-webkit-backdrop-filter:blur(18px) saturate(135%);
border-bottom:1px solid color-mix(in srgb,var(--border,#273043) 68%,transparent);
}
.home-featured-slider{margin-bottom:34px;border-bottom:1px solid color-mix(in srgb,var(--border,#273043) 70%,transparent);}
.home-featured{min-height:500px;}
.home-featured::before{filter:saturate(.95);transform:scale(1.03);}
.home-featured::after{background:linear-gradient(90deg,rgba(5,7,13,.62) 0%,rgba(5,7,13,.56) 48%,rgba(5,7,13,.22) 100%),linear-gradient(180deg,rgba(5,7,13,.08) 45%,var(--background,#05070d) 100%);}
.home-featured-inner{min-height:500px;grid-template-columns:250px minmax(0,780px);gap:42px;padding-top:54px;padding-bottom:64px;}
.home-featured-cover{width:250px;height:354px;border-radius:18px;border:1px solid color-mix(in srgb,var(--primary,#ff315d) 35%,rgba(255,255,255,.18));box-shadow:0 30px 80px rgba(0,0,0,.54),0 0 38px color-mix(in srgb,var(--primary,#ff315d) 12%,transparent);transition:transform .28s ease,box-shadow .28s ease;}
.home-featured-cover:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:0 36px 90px rgba(0,0,0,.6),0 0 48px color-mix(in srgb,var(--primary,#ff315d) 18%,transparent);}
.home-featured-title{text-shadow:0 8px 28px rgba(0,0,0,.46);}
.home-featured-copy>p{font-size:.95rem;line-height:1.78;}
.home-featured-actions .home-btn{min-height:44px;border-radius:12px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;}
.home-btn-primary{box-shadow:0 12px 30px color-mix(in srgb,var(--primary,#ff315d) 24%,transparent);}
.home-section{max-width:1360px;margin-bottom:48px;}
.home-section-head{margin-bottom:18px;}
.home-section-head-modern{align-items:flex-end;}
.home-section-kicker{display:block;margin-bottom:5px;color:var(--primary,#ff315d);font-size:.58rem;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;}
.home-section-head h2{font-size:1.13rem;letter-spacing:.1px;}
.home-section-head p{font-size:.72rem;margin-top:5px;}
.home-section-head>a{transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.home-section-head>a:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary,#ff315d) 55%,var(--border,#273043));background:color-mix(in srgb,var(--primary,#ff315d) 11%,var(--card-bg,#141b2b));}
.home-popular-track{display:flex;overflow-x:auto;gap:14px;padding:2px 2px 13px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--primary,#ff315d) 40%,var(--border,#273043)) transparent;}
.home-popular-track .home-manga-card{flex:0 0 176px;scroll-snap-align:start;}
.home-latest-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:15px;}
.home-manga-card{border-radius:14px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--card-bg,#101725) 96%,#fff 1%),color-mix(in srgb,var(--card-bg,#0d131f) 92%,var(--background,#05070d)));border:1px solid color-mix(in srgb,var(--border,#273043) 82%,transparent);box-shadow:0 10px 28px rgba(0,0,0,.17);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;}
.home-manga-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--primary,#ff315d) 45%,var(--border,#273043));box-shadow:0 20px 42px rgba(0,0,0,.3);}
.home-manga-cover{overflow:hidden;}
.home-manga-cover img{transition:transform .35s ease,filter .35s ease;}
.home-manga-card:hover .home-manga-cover img{transform:scale(1.045);filter:saturate(1.06);}
.home-discover-genres{padding:28px;border-radius:22px;background:radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--primary,#ff315d) 12%,transparent),transparent 28%),radial-gradient(circle at 85% 70%,color-mix(in srgb,var(--secondary,#00b8ff) 10%,transparent),transparent 28%),color-mix(in srgb,var(--card-bg,#101725) 78%,var(--background,#05070d));border:1px solid color-mix(in srgb,var(--border,#273043) 80%,transparent);}
.home-genre-cloud{display:flex;flex-wrap:wrap;gap:9px;}
.home-genre-cloud a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;border-radius:11px;background:color-mix(in srgb,var(--card-bg,#121a28) 88%,transparent);border:1px solid color-mix(in srgb,var(--border,#273043) 85%,transparent);color:var(--text,#f3f5f8);font-size:.7rem;font-weight:750;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.home-genre-cloud a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary,#ff315d) 55%,var(--border,#273043));background:color-mix(in srgb,var(--primary,#ff315d) 10%,var(--card-bg,#121a28));}
.home-genre-cloud small{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--primary,#ff315d) 14%,transparent);color:color-mix(in srgb,var(--primary,#ff315d) 65%,#fff);font-size:.55rem;}
.home-seo-panel{margin-top:0;border-top:0;border-radius:22px 22px 0 0;}
@media(max-width:1200px){.home-latest-grid{grid-template-columns:repeat(5,minmax(0,1fr));}.home-discover-genres{max-width:calc(100% - 40px);}.home-featured-inner{grid-template-columns:210px minmax(0,1fr)}.home-featured-cover{width:210px;height:298px}}
@media(max-width:900px){.home-latest-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.home-discover-genres{padding:20px}.home-featured{min-height:auto}.home-featured-inner{grid-template-columns:165px minmax(0,1fr);min-height:410px}.home-featured-cover{width:165px;height:235px}}
@media(max-width:680px){.home-featured-slider{margin-bottom:24px}.home-section{margin-bottom:34px}.home-section-head-modern{align-items:flex-start}.home-section-head>a{padding:7px 10px;font-size:.61rem}.home-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-popular-track .home-manga-card{flex-basis:150px}.home-discover-genres{max-width:calc(100% - 24px);padding:16px;border-radius:17px}.home-genre-cloud{gap:7px}.home-genre-cloud a{min-height:35px;padding:0 10px;font-size:.64rem}.home-featured-cover:hover,.home-manga-card:hover{transform:none}} .home-card-chapters>a{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.home-card-chapters>a:focus-visible{outline:2px solid var(--primary,#ff315d);outline-offset:2px;background:color-mix(in srgb,var(--primary,#ff315d) 22%,var(--card-bg,#0d1420));}
@media(hover:hover) and (pointer:fine){
.home-card-chapters>a:hover{background:color-mix(in srgb,var(--primary,#ff315d) 24%,var(--card-bg,#0d1420));border-color:var(--primary,#ff315d);box-shadow:0 4px 12px color-mix(in srgb,var(--primary,#ff315d) 22%,transparent);transform:translateY(-2px);}
}
@media(prefers-reduced-motion:reduce){.home-card-chapters>a{transition:none}.home-card-chapters>a:hover{transform:none}}.site-stats {
padding: 15px 0;
margin-bottom: 25px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
font-size: 0.85rem;
background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}
.stats-wrapper {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 15px;
}
.stats-group {
display: flex;
gap: 20px;
transition: transform 0.3s ease;
}
.stats-group:hover {
transform: translateY(-2px);
}
.stats-divider {
width: 1px;
height: 30px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
margin: 0 5px;
}
.stats-item {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 12px;
position: relative;
overflow: hidden;
}
.stats-item::after {
content: "";
position: absolute;
bottom: -2px;
left: 50%;
width: 0;
height: 1px;
background-color: rgba(255, 255, 255, 0.2);
transition: width 0.3s ease, left 0.3s ease;
}
.stats-item:hover::after {
width: 70%;
left: 15%;
}
.stats-label {
color: rgba(255, 255, 255, 0.5);
font-size: 0.75rem;
margin-bottom: 5px;
white-space: nowrap;
letter-spacing: 0.5px;
transition: color 0.3s ease;
}
.stats-item:hover .stats-label {
color: rgba(255, 255, 255, 0.7);
}
.stats-value {
color: rgba(255, 255, 255, 0.85);
font-weight: 600;
position: relative;
transition: color 0.3s ease;
}
.stats-item:hover .stats-value {
color: rgba(255, 255, 255, 1);
text-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
} .stats-fade-in {
opacity: 0;
transform: translateY(10px);
animation: fadeIn 0.8s forwards;
}
@keyframes fadeIn {
to {
opacity: 1;
transform: translateY(0);
}
} @media (max-width: 768px) {
.stats-wrapper {
flex-direction: column;
align-items: stretch;
gap: 15px;
}
.stats-group {
justify-content: center;
}
.stats-divider {
width: 80%;
height: 1px;
margin: 5px auto;
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
} @media (max-width: 480px) {
.stats-group {
flex-direction: column;
gap: 10px;
}
.stats-item {
flex-direction: row;
justify-content: space-between;
width: 100%;
padding: 0 20px;
}
.stats-label {
margin-bottom: 0;
}
.stats-item::after {
display: none;
}
}.sidebar-popular-manga {
background-color: #0a0a1a;
border-radius: 8px;
overflow: hidden;
margin-bottom: 30px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
position: relative;
}
.sidebar-header {
padding: 15px;
border-bottom: 1px solid #1e1e30;
}
.sidebar-title {
font-size: 1.2rem;
margin: 0 0 10px 0;
color: #fff;
font-weight: 600;
}
.period-tabs {
display: flex;
background-color: #121225;
border-radius: 6px;
overflow: hidden;
}
.period-tab {
flex: 1;
padding: 8px 0;
text-align: center;
color: #a0a0b8;
font-size: 0.85rem;
font-weight: 500;
transition: all 0.2s ease;
border-bottom: 2px solid transparent;
background: none;
border: none;
cursor: pointer;
outline: none;
}
.period-tab:hover {
color: #fff;
background-color: rgba(255, 255, 255, 0.05);
}
.period-tab.active {
color: #0cff8a;
border-bottom-color: #0cff8a;
background-color: rgba(12, 255, 138, 0.05);
}
.popular-manga-list {
padding: 10px;
min-height: 200px;
}
.popular-manga-list.loading {
opacity: 0.5;
}
.popular-manga-item {
display: flex;
align-items: center;
padding: 10px;
border-bottom: 1px solid #1e1e30;
transition: background-color 0.2s ease;
position: relative;
}
.popular-manga-item:last-child {
border-bottom: none;
}
.popular-manga-item:hover {
background-color: rgba(255, 255, 255, 0.03);
}
.popular-manga-rank {
position: absolute;
top: 5px;
left: 5px;
width: 20px;
height: 20px;
background-color: rgba(0, 0, 0, 0.7);
color: #0cff8a;
font-size: 0.75rem;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
z-index: 2;
}
.popular-manga-thumbnail {
width: 50px;
height: 70px;
margin-right: 12px;
border-radius: 4px;
overflow: hidden;
flex-shrink: 0;
position: relative;
}
.popular-manga-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.popular-manga-item:hover .popular-manga-thumbnail img {
transform: scale(1.05);
}
.popular-manga-info {
flex-grow: 1;
overflow: hidden;
}
.popular-manga-title {
font-size: 0.9rem;
font-weight: 600;
margin: 0 0 5px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.popular-manga-title a {
color: #fff;
transition: color 0.2s ease;
}
.popular-manga-title a:hover {
color: #0cff8a;
}
.popular-manga-meta {
font-size: 0.75rem;
color: #a0a0b8;
}
.manga-views {
display: flex;
align-items: center;
}
.manga-views::before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230cff8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3'%3E%3C/circle%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
margin-right: 5px;
opacity: 0.7;
}
.no-manga-found {
padding: 20px;
text-align: center;
color: #a0a0b8;
font-style: italic;
} .popular-manga-loading {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(10, 10, 26, 0.7);
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
.spinner {
width: 40px;
height: 40px;
border: 3px solid rgba(12, 255, 138, 0.3);
border-radius: 50%;
border-top-color: #0cff8a;
animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
} @media (max-width: 768px) {
.sidebar-popular-manga {
margin-top: 30px;
}
}.content-with-sidebar {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-top: 30px;
}
.site-main {
flex: 1;
min-width: 0; }
.widget-area {
width: 300px;
flex-shrink: 0;
}
@media (max-width: 992px) {
.content-with-sidebar {
flex-direction: column;
}
.widget-area {
width: 100%;
}
}:root{
--sr-bg:#05070d;
--sr-bg-soft:#080c14;
--sr-panel:#0b1019;
--sr-panel-2:#0e1521;
--sr-panel-3:#141b2b;
--sr-border:#232b39;
--sr-border-soft:rgba(255,255,255,.07);
--sr-text:#f4f6fb;
--sr-muted:#8f98aa;
--sr-pink:#ff326b;
--sr-pink-2:#ff4c7f;
--sr-purple:#8b35e8;
--sr-blue:#3d8ad8;
--sr-radius:12px;
--sr-shadow:0 18px 45px rgba(0,0,0,.24);
--sr-max:1330px;
}
html{background:var(--sr-bg);}
body{
background:
radial-gradient(circle at 92% 8%,rgba(91,44,155,.11),transparent 24rem),
radial-gradient(circle at 6% 28%,rgba(255,50,107,.055),transparent 28rem),
var(--sr-bg)!important;
color:var(--sr-text);
}
body,button,input,select,textarea{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease;} .site-header{
background:rgba(5,7,13,.96)!important;
border-bottom:1px solid var(--sr-border-soft)!important;
box-shadow:none!important;
backdrop-filter:blur(16px);
}
.header-container{max-width:1440px!important;padding-left:34px!important;padding-right:34px!important;}
.site-title,.site-title a{
color:var(--sr-pink)!important;
background:none!important;
-webkit-text-fill-color:initial!important;
letter-spacing:1.4px!important;
font-weight:900!important;
}
.nav-menu li a{color:#aeb6c8!important;font-size:.86rem!important;}
.nav-menu li a:hover,.nav-menu li.current-menu-item>a{color:#fff!important;}
.search-toggle,.user-menu-toggle,.mobile-menu-toggle{
border-color:var(--sr-border)!important;
background:#0b1019!important;
color:#dce3ef!important;
}
.search-toggle:hover,.user-menu-toggle:hover,.mobile-menu-toggle:hover{border-color:#3a465c!important;background:#111827!important;}
.dropdown-overlay{background:rgba(0,0,0,.64)!important;backdrop-filter:blur(4px);}
.search-dropdown-content,.user-dropdown-content,.mobile-menu{
background:#0b1019!important;
border:1px solid var(--sr-border)!important;
box-shadow:0 24px 70px rgba(0,0,0,.55)!important;
}
.user-dropdown-item,.mobile-menu a{color:#cbd3e1!important;}
.user-dropdown-item:hover,.mobile-menu a:hover{background:#111827!important;color:#fff!important;} body:not(.home) #content{min-height:65vh;}
body:not(.home) #content>.container,
body:not(.home) .site-main>.container,
body:not(.home) .site-main.container,
body:not(.home) .search-page,
body:not(.home) .search-results-page,
body:not(.home) .profile-container{
max-width:var(--sr-max)!important;
}
body:not(.home) .site-main{color:var(--sr-text);}
.page-title,.entry-title,.section-title,.results-title,.profile-name,.comments-title{
color:var(--sr-text)!important;
font-weight:850!important;
letter-spacing:-.02em;
}
.page-header,.search-header{
border:1px solid var(--sr-border)!important;
background:linear-gradient(135deg,#0c111c,#090d15 64%,#151126)!important;
border-radius:14px!important;
padding:24px!important;
box-shadow:var(--sr-shadow);
} input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="number"],input[type="url"],textarea,select,
.search-field,.filter-select{
background:#0b111c!important;
color:#eef2f8!important;
border:1px solid #273043!important;
border-radius:10px!important;
outline:none!important;
}
input:focus,textarea:focus,select:focus,.search-field:focus{
border-color:#9f356d!important;
box-shadow:0 0 0 3px rgba(255,50,107,.10)!important;
}
button,.button,.btn,.search-submit-btn,.apply-filters-btn,.reset-search-btn{
border-radius:999px!important;
}
.search-submit-btn,.apply-filters-btn,.button-primary,
.profile-form input[type="submit"],.profile-form button[type="submit"]{
background:linear-gradient(90deg,var(--sr-pink),var(--sr-purple))!important;
color:#fff!important;
border:0!important;
font-weight:800!important;
}
.pagination a,.pagination span{
background:#101726!important;
color:#cdd5e2!important;
border:1px solid var(--sr-border)!important;
border-radius:8px!important;
}
.pagination .current{background:linear-gradient(135deg,var(--sr-pink),#9e2a9d)!important;color:#fff!important;border-color:transparent!important;} .manga-grid{gap:14px!important;}
.manga-card,.related-grid .manga-card,.search-results-grid .manga-card{
background:var(--sr-panel)!important;
border:1px solid var(--sr-border)!important;
border-radius:10px!important;
overflow:hidden!important;
box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
}
.manga-card:hover{transform:translateY(-3px);border-color:#3c475a!important;}
.manga-card-image{background:#111827!important;overflow:hidden!important;}
.manga-card-image img,.manga-cover-img{transition:transform .35s ease;}
.manga-card:hover .manga-card-image img{transform:scale(1.035);}
.manga-card-content{background:linear-gradient(180deg,#0b1019,#0a0f18)!important;}
.manga-card-title,.manga-card-title a{color:#f4f6fb!important;}
.manga-card-meta,.manga-card-genres{color:#7f899a!important;}
.manga-status,.latest-chapter,.new-tag{border-radius:999px!important;}
.new-tag{background:var(--sr-pink)!important;color:#fff!important;font-weight:900!important;} body.single-manga .site-main{max-width:none!important;width:100%!important;margin:0!important;}
body.single-manga .site-main>.container{padding-top:24px!important;padding-bottom:30px!important;}
body.single-manga .manga-single{
border-radius:16px!important;
overflow:hidden;
}
body.single-manga .manga-header{
position:relative;
border:1px solid var(--sr-border)!important;
border-radius:16px!important;
background:linear-gradient(120deg,rgba(10,15,25,.98),rgba(12,17,29,.94) 62%,rgba(35,20,57,.82))!important;
box-shadow:0 24px 60px rgba(0,0,0,.30)!important;
padding:24px!important;
overflow:hidden;
}
body.single-manga .manga-header:after{
content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(circle at 90% 16%,rgba(139,53,232,.16),transparent 34%),radial-gradient(circle at 8% 90%,rgba(255,50,107,.08),transparent 28%);
}
body.single-manga .manga-header>*{position:relative;z-index:1;}
body.single-manga .manga-cover{border-radius:12px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 18px 45px rgba(0,0,0,.35)!important;}
body.single-manga .manga-title{color:#fff!important;font-weight:900!important;letter-spacing:-.035em!important;}
body.single-manga .manga-synopsis,
body.single-manga .manga-meta-grid,
body.single-manga .manga-tags{
background:#0c1320!important;
border:1px solid #243047!important;
border-radius:10px!important;
}
body.single-manga .synopsis-content{color:#b8c0cf!important;line-height:1.7!important;}
body.single-manga .manga-tag{background:#182238!important;border:1px solid #2e3b55!important;color:#d8e3f4!important;border-radius:999px!important;}
body.single-manga .start-reading-btn{
background:linear-gradient(90deg,var(--sr-pink),var(--sr-purple))!important;
border:0!important;color:#fff!important;border-radius:999px!important;
box-shadow:0 8px 24px rgba(255,50,107,.18);
}
body.single-manga .favorite-btn,body.single-manga .share-btn{
background:#121a2a!important;border:1px solid #29354a!important;color:#ecf1f8!important;border-radius:999px!important;
}
body.single-manga .manga-content{margin-top:18px!important;}
body.single-manga .manga-chapters,
body.single-manga .related-manga{
background:#090f18!important;
border:1px solid var(--sr-border)!important;
border-radius:14px!important;
box-shadow:0 16px 40px rgba(0,0,0,.20)!important;
}
body.single-manga .chapters-title{color:#f4f6fb!important;}
body.single-manga .chapter-grid-item,
body.single-manga .chapter-item{
background:#0b121e!important;border:1px solid #273247!important;border-radius:11px!important;
}
body.single-manga .chapter-grid-item:hover,body.single-manga .chapter-item:hover{border-color:#43516b!important;background:#0e1726!important;}
body.single-manga .chapter-action,body.single-manga .view-toggle-btn,body.single-manga .chapter-add-button,body.single-manga .chapters-load-more{
border-radius:999px!important;
}
body.single-manga .view-toggle-btn.active{background:linear-gradient(135deg,#6e2347,#4d1f56)!important;border-color:#a54377!important;color:#fff!important;}
body.single-manga .chapters-load-more{background:#151e31!important;border:1px solid #28364d!important;color:#e3e9f3!important;} body.search .search-results-page,body.page-template-page-pesquisa .search-page,body.tax-genre .site-main>.container{padding-top:28px!important;padding-bottom:34px!important;}
.search-form-container,.manga-filters,.search-results-container{
background:var(--sr-panel)!important;
border:1px solid var(--sr-border)!important;
border-radius:14px!important;
box-shadow:0 14px 38px rgba(0,0,0,.18)!important;
}
.filters-container{background:transparent!important;}
.filter-label,.search-field-group label{color:#9ea8b9!important;font-weight:700!important;}
.search-description,.genre-description,.results-count{color:var(--sr-muted)!important;}
.no-results{background:var(--sr-panel)!important;border:1px solid var(--sr-border)!important;border-radius:14px!important;color:#aab4c4!important;} body.page-template-page-perfil .site-main>.container{padding-top:28px!important;padding-bottom:36px!important;}
.profile-container{
background:transparent!important;
color:var(--sr-text)!important;
}
.profile-header,.profile-section,.profile-tab-content{
background:var(--sr-panel)!important;
border:1px solid var(--sr-border)!important;
border-radius:14px!important;
box-shadow:0 14px 38px rgba(0,0,0,.18)!important;
}
.profile-avatar img,.avatar-image{border:2px solid #313d51!important;box-shadow:0 10px 30px rgba(0,0,0,.25)!important;}
.profile-meta,.profile-avatar-hint{color:var(--sr-muted)!important;}
.profile-tabs{background:#090e17!important;border:1px solid var(--sr-border)!important;border-radius:12px!important;padding:5px!important;}
.profile-tab{color:#9da7b7!important;border-radius:9px!important;}
.profile-tab:hover{background:#111927!important;color:#fff!important;}
.profile-tab.active{background:linear-gradient(135deg,#6f1f46,#4d205c)!important;color:#fff!important;}
.profile-form .form-group label{color:#aab4c4!important;} .error-404,.not-found,.entry-content,.widget{
color:#c8d0dc;
}
body.error404 .site-main{max-width:var(--sr-max)!important;margin:0 auto!important;padding:55px 20px!important;}
body.error404 .error-404{background:var(--sr-panel)!important;border:1px solid var(--sr-border)!important;border-radius:16px!important;padding:42px!important;text-align:center;}
.widget{background:var(--sr-panel)!important;border:1px solid var(--sr-border)!important;border-radius:12px!important;}
.widget-title{color:#f0f3f8!important;} body.single-chapter{background:#03050a!important;}
body.single-chapter .chapter-header{
background:rgba(5,7,13,.96)!important;
border-bottom:1px solid var(--sr-border)!important;
color:#f1f4f8!important;
}
body.single-chapter .chapter-title-bar .manga-title,body.single-chapter .chapter-title-bar a{color:#f4f6fb!important;}
body.single-chapter .chapter-footer,body.single-chapter .chapter-comments{
max-width:1000px!important;margin-left:auto!important;margin-right:auto!important;
background:#090f18!important;border:1px solid var(--sr-border)!important;border-radius:14px!important;
}
body.single-chapter .chapter-nav-btn{
background:#111a2a!important;border:1px solid #2c394f!important;color:#e7edf6!important;border-radius:999px!important;
}
body.single-chapter .chapter-nav-btn:hover{background:linear-gradient(135deg,#6f2447,#4e205e)!important;border-color:#a13d72!important;}
body.single-chapter .reader-mobile-bar{background:rgba(6,10,18,.97)!important;border-color:#293750!important;}
body.single-chapter .reader-mobile-bar__item{background:#101827!important;border-color:#2b3a52!important;} .site-footer{
margin-top:34px!important;
background:linear-gradient(180deg,#090c12,#11101a)!important;
border-top:1px solid #242936!important;
color:#959eaf!important;
}
.site-footer>.container{max-width:var(--sr-max)!important;}
.site-stats{margin:0!important;padding:20px 0!important;border:0!important;}
.stats-wrapper{gap:8px!important;}
.stats-divider{display:none!important;}
.stats-group{gap:8px!important;}
.stats-item{background:#151923!important;border:1px solid #252a35!important;border-radius:8px!important;padding:9px 12px!important;min-width:132px!important;}
.stats-label{font-size:.62rem!important;color:#7f8796!important;}
.stats-value{font-size:.95rem!important;color:#f1f4f8!important;}
.footer-widgets{border-top:1px solid rgba(255,255,255,.05)!important;padding-top:22px!important;gap:22px!important;}
.footer-widget{background:#0d1119!important;border:1px solid #202734!important;border-radius:10px!important;padding:18px!important;}
.footer-widget-title{color:#f4f6fb!important;font-size:.86rem!important;}
.footer-menu a{color:#8f99aa!important;}
.footer-menu a:hover{color:#fff!important;} @media (hover:hover){
*{scrollbar-color:#8d285e #080b11;scrollbar-width:thin;}
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track{background:#080b11;}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--sr-pink),#7f2db0);border-radius:999px;}
}
@media (max-width:900px){
.header-container{padding-left:18px!important;padding-right:18px!important;}
body:not(.home) #content>.container,body:not(.home) .site-main>.container,body:not(.home) .site-main.container{padding-left:16px!important;padding-right:16px!important;}
body.single-manga .manga-header{padding:16px!important;border-radius:13px!important;}
.page-header,.search-header{padding:18px!important;}
.footer-widgets{grid-template-columns:1fr!important;}
}
@media (max-width:680px){
.header-container{padding-left:14px!important;padding-right:14px!important;}
body:not(.home) #content>.container,body:not(.home) .site-main>.container,body:not(.home) .site-main.container{padding-left:12px!important;padding-right:12px!important;}
.page-header,.search-header,.search-form-container,.manga-filters,.search-results-container,.profile-header,.profile-section,.profile-tab-content{border-radius:11px!important;}
.stats-wrapper,.stats-group{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;}
.stats-item{min-width:0!important;}
} @media (max-width: 680px) {
body.single-manga,
body.single-manga #page,
body.single-manga #content,
body.single-manga .site-main,
body.single-manga .site-main > .container,
body.single-manga .manga-single {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
overflow-x: hidden !important;
}
body.single-manga .site-main > .container {
padding: 10px 10px 24px !important;
}
body.single-manga .manga-single {
margin-top: 8px !important;
padding-bottom: 18px !important;
border-radius: 14px !important;
}
body.single-manga .manga-header,
body.single-manga .manga-header.has-background {
display: block !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 0 14px !important;
padding: 0 !important;
border-radius: 14px !important;
background-attachment: scroll !important;
background-position: center top !important;
background-size: cover !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
body.single-manga .manga-header-overlay {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
gap: 14px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 16px 14px 18px !important;
box-sizing: border-box !important;
text-align: left !important;
background: linear-gradient(180deg, rgba(7,10,18,.80), rgba(7,10,18,.97) 36%, rgba(7,10,18,.99)) !important;
backdrop-filter: blur(5px) !important;
-webkit-backdrop-filter: blur(5px) !important;
}
body.single-manga .manga-cover,
body.single-manga .manga-header.has-background .manga-cover {
width: min(52vw, 176px) !important;
max-width: 176px !important;
min-width: 0 !important;
margin: 0 auto 2px !important;
border-radius: 12px !important;
aspect-ratio: 7 / 10 !important;
box-shadow: 0 14px 34px rgba(0,0,0,.42) !important;
}
body.single-manga .manga-cover-image {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
object-fit: cover !important;
}
body.single-manga .manga-info {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
}
body.single-manga .manga-title {
width: 100% !important;
max-width: 100% !important;
margin: 2px 0 10px !important;
padding: 0 !important;
font-size: clamp(1.45rem, 7vw, 1.85rem) !important;
line-height: 1.12 !important;
letter-spacing: -.025em !important;
text-align: center !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
body.single-manga .manga-stats {
display: grid !important;
grid-template-columns: repeat(2, minmax(0,1fr)) !important;
gap: 8px !important;
width: 100% !important;
margin: 0 0 12px !important;
color: #a9b4c7 !important;
}
body.single-manga .manga-rating,
body.single-manga .manga-chapters-count,
body.single-manga .manga-readers,
body.single-manga .manga-views {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 0 !important;
min-height: 38px !important;
padding: 7px 8px !important;
margin: 0 !important;
border: 1px solid #263249 !important;
border-radius: 10px !important;
background: rgba(12,19,32,.88) !important;
font-size: .78rem !important;
line-height: 1.2 !important;
text-align: center !important;
}
body.single-manga .manga-synopsis {
width: 100% !important;
max-width: 100% !important;
margin: 0 0 12px !important;
padding: 14px !important;
box-sizing: border-box !important;
overflow: hidden !important;
text-align: left !important;
}
body.single-manga .manga-synopsis h3 {
margin: 0 0 9px !important;
font-size: 1rem !important;
line-height: 1.25 !important;
color: #dce4f1 !important;
}
body.single-manga .synopsis-content,
body.single-manga .synopsis-content p {
width: 100% !important;
max-width: 100% !important;
margin-top: 0 !important;
margin-bottom: 8px !important;
font-size: .93rem !important;
line-height: 1.58 !important;
text-align: left !important;
overflow-wrap: anywhere !important;
word-break: normal !important;
}
body.single-manga .synopsis-content p:last-child { margin-bottom: 0 !important; }
body.single-manga .manga-tags {
width: 100% !important;
margin: 0 0 12px !important;
padding: 10px !important;
gap: 7px !important;
box-sizing: border-box !important;
justify-content: flex-start !important;
}
body.single-manga .manga-tag {
padding: 5px 9px !important;
font-size: .72rem !important;
line-height: 1.1 !important;
}
body.single-manga .manga-meta-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0,1fr)) !important;
gap: 8px !important;
width: 100% !important;
margin: 0 0 12px !important;
padding: 10px !important;
box-sizing: border-box !important;
}
body.single-manga .manga-meta-item {
min-width: 0 !important;
align-items: flex-start !important;
padding: 8px !important;
border-radius: 8px !important;
background: rgba(20,29,46,.56) !important;
text-align: left !important;
}
body.single-manga .meta-label { margin-bottom: 3px !important; font-size: .7rem !important; }
body.single-manga .meta-value { max-width: 100% !important; font-size: .82rem !important; overflow-wrap: anywhere !important; }
body.single-manga .manga-actions {
display: grid !important;
grid-template-columns: repeat(2, minmax(0,1fr)) !important;
gap: 8px !important;
width: 100% !important;
}
body.single-manga .start-reading-btn {
grid-column: 1 / -1 !important;
width: 100% !important;
min-height: 46px !important;
padding: 10px 14px !important;
box-sizing: border-box !important;
}
body.single-manga .favorite-btn,
body.single-manga .share-btn {
width: 100% !important;
min-width: 0 !important;
min-height: 42px !important;
padding: 9px 10px !important;
box-sizing: border-box !important;
font-size: .8rem !important;
}
body.single-manga .manga-content,
body.single-manga .manga-tab-content,
body.single-manga .manga-tab-content.manga-chapters-section {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
}
@media (max-width: 390px) {
body.single-manga .site-main > .container { padding-left: 8px !important; padding-right: 8px !important; }
body.single-manga .manga-header-overlay { padding: 14px 12px 16px !important; }
body.single-manga .manga-cover,
body.single-manga .manga-header.has-background .manga-cover { width: min(50vw, 160px) !important; }
body.single-manga .manga-title { font-size: 1.4rem !important; }
body.single-manga .manga-meta-grid { grid-template-columns: 1fr 1fr !important; }
body.single-manga .manga-actions { grid-template-columns: 1fr !important; }
body.single-manga .start-reading-btn { grid-column: auto !important; }
} .site-branding{display:flex;align-items:center;gap:10px;min-width:0}
.site-branding .site-logo{display:flex;align-items:center;flex:0 0 auto}
.site-branding .site-title{margin:0;min-width:0;white-space:nowrap}
.site-branding .site-title a{text-decoration:none}
@media (max-width:480px){.site-branding{gap:7px}.site-branding .site-title{font-size:1rem}}  .site-header,
.header-container{
box-sizing:border-box!important;
}
.header-container{
width:100%!important;
margin-inline:auto!important;
gap:18px!important;
}
.site-branding{
flex:0 1 auto!important;
max-width:min(34vw,360px)!important;
overflow:hidden!important;
}
.site-branding .site-title{
overflow:hidden!important;
text-overflow:ellipsis!important;
max-width:100%!important;
line-height:1.1!important;
}
.site-branding .site-title a{
display:block!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.main-navigation{
min-width:0!important;
flex:1 1 auto!important;
justify-content:center!important;
}
.header-actions{
flex:0 0 auto!important;
} .login-dropdown{
position:fixed!important;
top:50%!important;
left:50%!important;
right:auto!important;
bottom:auto!important;
width:min(92vw,480px)!important;
max-width:480px!important;
max-height:min(88vh,760px)!important;
margin:0!important;
padding:0!important;
transform:translate(-50%,-50%) scale(.97)!important;
overflow:hidden!important;
border:1px solid var(--sr-border, #232b39)!important;
border-radius:18px!important;
background:linear-gradient(180deg,#0c121d 0%,#090e17 100%)!important;
box-shadow:0 28px 90px rgba(0,0,0,.62)!important;
z-index:10050!important;
}
.login-dropdown.active{
opacity:1!important;
visibility:visible!important;
transform:translate(-50%,-50%) scale(1)!important;
}
.login-dropdown-content{
padding:24px 26px 26px!important;
max-height:min(88vh,760px)!important;
overflow-y:auto!important;
overscroll-behavior:contain!important;
scrollbar-width:thin;
}
.login-dropdown .modal-close{
top:10px!important;
right:12px!important;
width:34px!important;
height:34px!important;
border-radius:10px!important;
background:#111827!important;
border:1px solid #283247!important;
color:#cbd5e1!important;
font-size:22px!important;
}
.login-dropdown .login-tabs{
margin:4px 42px 20px 0!important;
}
.login-dropdown .login-tab-btn{
min-height:42px!important;
padding:10px 12px!important;
font-size:.92rem!important;
}
.login-dropdown .form-group{
margin-bottom:14px!important;
}
.login-dropdown .form-group label{
display:block!important;
margin-bottom:7px!important;
color:#e7edf7!important;
font-size:.88rem!important;
font-weight:700!important;
}
.login-dropdown .form-group input[type="text"],
.login-dropdown .form-group input[type="email"],
.login-dropdown .form-group input[type="password"]{
width:100%!important;
min-width:0!important;
height:46px!important;
padding:0 14px!important;
box-sizing:border-box!important;
border-radius:11px!important;
}
.login-dropdown .remember-me{
display:flex!important;
align-items:center!important;
gap:9px!important;
min-height:28px!important;
}
.login-dropdown .remember-me input{
width:16px!important;
height:16px!important;
margin:0!important;
}
.login-dropdown .remember-me label{
margin:0!important;
font-weight:600!important;
}
.login-dropdown .login-submit,
.login-dropdown .register-submit,
.login-dropdown .login-submit,
.login-dropdown .register-submit{
border:0!important;
background:linear-gradient(90deg,var(--primary,#ff326b),var(--secondary,#26b6ed))!important;
color:#fff!important;
}
.login-dropdown .social-login-divider{
margin:16px 0!important;
}
.login-dropdown .login-footer{
padding-top:16px!important;
text-align:center!important;
} .modal-overlay.active{
display:block!important;
position:fixed!important;
inset:0!important;
background:rgba(2,5,10,.72)!important;
backdrop-filter:blur(7px)!important;
-webkit-backdrop-filter:blur(7px)!important;
z-index:10040!important;
}
@media (max-width:1100px){
.header-container{
padding-left:20px!important;
padding-right:20px!important;
gap:12px!important;
}
.site-branding{max-width:250px!important;}
.nav-menu li a{padding-left:9px!important;padding-right:9px!important;}
}
@media (max-width:768px){
.site-header{height:58px!important;}
.header-container{
padding-left:12px!important;
padding-right:12px!important;
gap:8px!important;
}
.site-branding{
flex:1 1 auto!important;
max-width:calc(100vw - 150px)!important;
min-width:0!important;
}
.site-branding .site-logo img,
.site-branding .custom-logo{
max-height:34px!important;
width:auto!important;
}
.site-branding .site-title{
font-size:1.02rem!important;
letter-spacing:.8px!important;
}
.header-actions{gap:4px!important;}
.search-toggle,.login-menu-toggle,.user-menu-toggle,.mobile-menu-toggle{
width:38px!important;
height:38px!important;
padding:8px!important;
}
.login-dropdown{
width:min(calc(100vw - 24px),430px)!important;
max-width:none!important;
max-height:calc(100dvh - 28px)!important;
border-radius:16px!important;
}
.login-dropdown-content{
padding:20px 18px 22px!important;
max-height:calc(100dvh - 28px)!important;
}
}
@media (max-width:480px){
.header-container{padding-left:10px!important;padding-right:10px!important;}
.site-branding{max-width:calc(100vw - 138px)!important;gap:6px!important;}
.site-branding .site-title{font-size:.94rem!important;letter-spacing:.5px!important;}
.site-branding .site-logo img,.site-branding .custom-logo{max-height:30px!important;max-width:72px!important;object-fit:contain!important;}
.login-dropdown{
width:calc(100vw - 16px)!important;
max-height:calc(100dvh - 16px)!important;
border-radius:14px!important;
}
.login-dropdown-content{
padding:18px 14px 20px!important;
max-height:calc(100dvh - 16px)!important;
}
.login-dropdown .login-tabs{margin-right:38px!important;margin-bottom:16px!important;}
.login-dropdown .login-tab-btn{font-size:.88rem!important;padding:9px 8px!important;}
.login-dropdown .form-group{margin-bottom:11px!important;}
.login-dropdown .form-group input[type="text"],
.login-dropdown .form-group input[type="email"],
.login-dropdown .form-group input[type="password"]{height:44px!important;}
.login-dropdown .login-submit,
.login-dropdown .register-submit,
.login-dropdown .social-login-divider{margin:13px 0!important;}
}
@media (max-width:360px){
.site-branding{max-width:calc(100vw - 128px)!important;}
.site-branding .site-title{font-size:.86rem!important;}
.site-branding .site-logo img,.site-branding .custom-logo{max-width:58px!important;}
.login-dropdown-content{padding-left:12px!important;padding-right:12px!important;}
}.user-dropdown {
position: absolute;
top: 100%;
right: 0;
width: 280px;
background-color: #ffffff; border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
z-index: 1000;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.2s ease-in-out;
}
body.dark .user-dropdown {
background-color: #2d2d2d; }
.user-dropdown.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.user-dropdown-content {
padding: 16px;
}
.user-dropdown-header {
display: flex;
align-items: center;
margin-bottom: 16px;
}
.user-dropdown-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
margin-right: 12px;
object-fit: cover;
}
.user-dropdown-info {
display: flex;
flex-direction: column;
}
.user-dropdown-name {
font-weight: 600;
font-size: 16px;
color: #333333; }
body.dark .user-dropdown-name {
color: #f0f0f0; }
.user-dropdown-email {
font-size: 14px;
color: #666666; }
body.dark .user-dropdown-email {
color: #b0b0b0; }
.user-dropdown-menu {
display: flex;
flex-direction: column;
}
.user-dropdown-item {
display: flex;
align-items: center;
padding: 10px 8px;
border-radius: 6px;
color: #333333; text-decoration: none;
transition: background-color 0.2s;
}
body.dark .user-dropdown-item {
color: #f0f0f0; }
.user-dropdown-item:hover {
background-color: #f5f5f5; }
body.dark .user-dropdown-item:hover {
background-color: #3d3d3d; }
.user-dropdown-item svg {
margin-right: 12px;
color: #666666; }
body.dark .user-dropdown-item svg {
color: #b0b0b0; }
.user-dropdown-divider {
height: 1px;
background-color: #e0e0e0; margin: 8px 0;
}
body.dark .user-dropdown-divider {
background-color: #444444; } @media (min-width: 769px) {
.user-menu-container {
position: relative;
}
.user-dropdown {
position: absolute;
top: calc(100% + 10px);
right: 0;
}
} @media (max-width: 768px) {
.user-dropdown {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.9);
width: 90%;
max-width: 320px;
border-radius: 12px;
z-index: 1001;
}
.user-dropdown.active {
transform: translate(-50%, -50%) scale(1);
}
} .dropdown-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 999;
display: none;
}
.dropdown-overlay.active {
display: block;
}.manga-language-flag {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
width: 24px;
height: 18px;
border-radius: 2px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.manga-language-flag img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.manga-card .manga-language-flag {
top: 10px;
left: 10px;
z-index: 2;
width: 21px;
height: 11px;
}
.manga-title .manga-language-flag {
margin-right: 10px;
width: 32px;
height: 24px;
}
.chapter-item .manga-language-flag {
margin-right: 5px;
width: 24px;
height: 18px;
} .language-filter-container {
margin-bottom: 20px;
padding: 10px 15px;
background-color: var(--card-bg);
border-radius: 8px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.language-filter-container label {
margin-right: 10px;
font-weight: 500;
color: var(--text);
}
.language-filter {
padding: 8px 12px;
border-radius: 6px;
border: 1px solid var(--border);
background-color: var(--background);
color: var(--text);
font-size: 0.9rem;
cursor: pointer;
min-width: 150px;
}
.language-filter:focus {
outline: none;
border-color: var(--primary);
box-shadow: 0 0 0 2px rgba(12, 255, 138, 0.2);
} .manga-filters .language-filter-group {
display: flex;
align-items: center;
}
.manga-filters .language-filter-label {
display: flex;
align-items: center;
margin-right: 10px;
}
.manga-filters .language-filter-label .language-icon {
margin-right: 5px;
} @media (max-width: 768px) {
.language-filter-container {
flex-direction: column;
align-items: flex-start;
}
.language-filter-container label {
margin-bottom: 8px;
}
.language-filter {
width: 100%;
}
}.slimeread-language-filter-widget {
margin-bottom: 30px;
}
.language-filter-widget .language-list {
list-style: none;
padding: 0;
margin: 0;
}
.language-filter-widget .language-item {
margin-bottom: 8px;
border-radius: 6px;
transition: all 0.2s ease;
}
.language-filter-widget .language-item:hover {
background-color: rgba(255, 255, 255, 0.05);
}
.language-filter-widget .language-item.active {
background-color: var(--primary);
}
.language-filter-widget .language-item.active .language-link {
color: #000;
}
.language-filter-widget .language-link {
display: flex;
align-items: center;
padding: 8px 12px;
color: var(--text);
text-decoration: none;
border-radius: 6px;
}
.language-filter-widget .language-flag {
margin-right: 10px;
width: 24px;
height: 18px;
border-radius: 2px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.language-filter-widget .language-flag img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.language-filter-widget .language-name {
flex-grow: 1;
font-size: 0.95rem;
}
.language-filter-widget .language-count {
font-size: 0.8rem;
color: var(--text-secondary);
opacity: 0.8;
}
.language-filter-widget .language-item.active .language-count {
color: rgba(0, 0, 0, 0.7);
} @media (max-width: 768px) {
.language-filter-widget .language-link {
padding: 10px 12px;
}
}html body #sr-login-modal.login-dropdown{
position:fixed!important; inset:0!important; width:100%!important; min-width:0!important; max-width:none!important; max-height:none!important; left:0!important; top:0!important; right:0!important; bottom:0!important; height:100vh!important; height:100dvh!important;
margin:0!important; padding:clamp(12px,3vw,28px)!important; box-sizing:border-box!important;
display:flex!important; align-items:center!important; justify-content:center!important;
overflow-x:hidden!important; overflow-y:auto!important; background:rgba(2,5,10,.78)!important;
backdrop-filter:blur(8px)!important; -webkit-backdrop-filter:blur(8px)!important;
border:0!important; border-radius:0!important; box-shadow:none!important; transform:none!important;
opacity:0!important; visibility:hidden!important; pointer-events:none!important;
z-index:2147483600!important;
}
html body #sr-login-modal.login-dropdown.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
html body #sr-login-modal > .login-dropdown-content{
position:relative!important; inset:auto!important; transform:none!important;
width:min(480px,100%)!important; max-width:480px!important; min-width:0!important;
height:auto!important; max-height:calc(100dvh - 24px)!important; margin:auto!important;
padding:24px 26px 26px!important; box-sizing:border-box!important; overflow:auto!important;
background:linear-gradient(180deg,#0c121d 0%,#090e17 100%)!important;
border:1px solid #263247!important; border-radius:18px!important;
box-shadow:0 28px 90px rgba(0,0,0,.68)!important; opacity:1!important; visibility:visible!important;
z-index:1!important;
}
html body #sr-login-modal .modal-close{position:absolute!important;top:12px!important;right:12px!important;z-index:3!important;}
html body #sr-login-modal .login-tabs{margin:0 42px 20px 0!important;}
html body.sr-login-open{overflow:hidden!important;}
@media (max-width:600px){
html body #sr-login-modal.login-dropdown{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;}
html body #sr-login-modal > .login-dropdown-content{width:100%!important;max-width:430px!important;padding:20px 14px 16px!important;border-radius:15px!important;max-height:calc(100dvh - 16px)!important;}
}
@media (max-height:620px){html body #sr-login-modal.login-dropdown{align-items:flex-start!important;}html body #sr-login-modal > .login-dropdown-content{margin-top:8px!important;margin-bottom:8px!important;}}
html body #sr-login-modal #login-form,html body #sr-login-modal #register-form{width:100%!important;min-width:0!important;max-width:100%!important;display:block!important;float:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
html body #sr-login-modal .form-group{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
html body #sr-login-modal input[type="text"],html body #sr-login-modal input[type="email"],html body #sr-login-modal input[type="password"]{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important}
html body #sr-login-modal .login-submit,html body #sr-login-modal .register-submit{position:static!important;float:none!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:44px!important;transform:none!important;margin:16px 0 0!important;padding:12px 16px!important;box-sizing:border-box!important;text-align:center!important;white-space:normal!important}
html body #sr-login-modal>.login-dropdown-content{overflow-x:hidden!important;flex:0 1 480px!important;max-height:calc(100vh - 24px)!important;max-height:calc(100dvh - 24px)!important}
html body #sr-login-modal .remember-me{display:flex!important;align-items:center!important;gap:8px!important}
html body #sr-login-modal .remember-me input{width:18px!important;height:18px!important;flex:0 0 18px!important;margin:0!important}html body #sr-search-modal.search-dropdown{
position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; height:100dvh!important;
margin:0!important; padding:clamp(12px,4vw,40px)!important; box-sizing:border-box!important;
display:flex!important; align-items:center!important; justify-content:center!important; overflow:auto!important;
background:rgba(2,5,10,.78)!important; backdrop-filter:blur(8px)!important; -webkit-backdrop-filter:blur(8px)!important;
border:0!important; border-radius:0!important; box-shadow:none!important; transform:none!important;
opacity:0!important; visibility:hidden!important; pointer-events:none!important; z-index:2147483600!important;
}
html body #sr-search-modal.search-dropdown.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
html body #sr-search-modal > .search-dropdown-content{
position:relative!important; inset:auto!important; transform:none!important;
width:min(680px,100%)!important; max-width:680px!important; min-width:0!important; margin:auto!important;
padding:28px!important; box-sizing:border-box!important;
background:linear-gradient(180deg,#0b1220,#080e18)!important; border:1px solid rgba(122,145,185,.28)!important;
border-radius:18px!important; box-shadow:0 28px 90px rgba(0,0,0,.68)!important; opacity:1!important;visibility:visible!important;z-index:1!important;
}
html body #sr-search-modal .search-modal-heading{font-size:1.1rem!important;font-weight:800!important;color:#f6f8fc!important;margin:0 42px 18px 0!important;}
html body #sr-search-modal .modal-close{position:absolute!important;top:14px!important;right:14px!important;z-index:3!important;}
html body #sr-search-modal .search-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;width:100%!important;margin:0!important;}
html body #sr-search-modal .search-modal-label{display:block!important;min-width:0!important;margin:0!important;}
html body #sr-search-modal .search-field{width:100%!important;height:48px!important;box-sizing:border-box!important;margin:0!important;padding:0 16px!important;border:1px solid #26354d!important;border-radius:12px!important;background:#070d17!important;color:#f7f9fc!important;font-size:16px!important;outline:none!important;}
html body #sr-search-modal .search-field:focus{border-color:#ff3d75!important;box-shadow:0 0 0 3px rgba(255,61,117,.12)!important;}
html body #sr-search-modal .search-submit{height:48px!important;min-width:112px!important;padding:0 18px!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:0!important;border-radius:12px!important;background:linear-gradient(100deg,#ff336d,#9e37e8)!important;color:#fff!important;font-weight:800!important;cursor:pointer!important;}
html body.sr-search-open{overflow:hidden!important;}
@media (max-width:600px){html body #sr-search-modal.search-dropdown{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;}html body #sr-search-modal > .search-dropdown-content{padding:22px 16px 16px!important;border-radius:15px!important;}html body #sr-search-modal .search-form{grid-template-columns:1fr!important;}html body #sr-search-modal .search-submit{width:100%!important;min-width:0!important;}}
@media (max-height:520px){html body #sr-search-modal.search-dropdown{align-items:flex-start!important;}html body #sr-search-modal > .search-dropdown-content{margin-top:8px!important;margin-bottom:8px!important;}}#sr-dropdown-overlay{display:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important}
body>#sr-user-dropdown{position:fixed!important;right:auto!important;bottom:auto!important;transform:none!important;max-width:calc(100vw - 24px)!important;margin:0!important;z-index:2147483000!important;overflow-y:auto!important;background:#0b111b!important;color:#f5f7fb!important;border:1px solid #303948!important;border-radius:14px!important;box-shadow:0 14px 48px #0008!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:opacity .15s ease,visibility .15s ease!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body>#sr-user-dropdown.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
body>#sr-user-dropdown .user-dropdown-content{background:#0b111b!important;filter:none!important;padding:16px!important}
body>#sr-user-dropdown .user-dropdown-name{color:#f5f7fb!important}body>#sr-user-dropdown .user-dropdown-email{overflow-wrap:anywhere;color:#9aa9bd!important}body>#sr-user-dropdown .user-dropdown-item{color:#cbd3e1!important}body>#sr-user-dropdown .user-dropdown-item:hover{background:#162132!important;color:#fff!important} body.single-chapter .reader-mobile-bar{grid-template-columns:repeat(6,minmax(0,1fr))!important}
body.single-chapter.sr-reader-controls-hidden .reader-mobile-bar,body.single-chapter.sr-reader-controls-hidden .reader-sidebar,body.single-chapter.sr-reader-controls-hidden .reader-mobile-sheet,body.single-chapter.sr-reader-controls-hidden .reader-mobile-backdrop{display:none!important;pointer-events:none!important}
body.single-chapter .reader-show-menu{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:9100;border:1px solid #354a62;border-radius:20px;padding:9px 13px;background:#0b1523;color:#dbe5f5;font-size:12px;line-height:1.2;cursor:pointer;box-shadow:0 3px 14px #0008}
body.single-chapter .reader-show-menu[hidden]{display:none!important}
body.single-chapter .reader-show-menu:focus-visible{outline:2px solid #e855a1;outline-offset:3px}
body.single-chapter #sidebarHideMenu svg{width:20px;height:20px}
@media(max-width:360px){body.single-chapter .reader-mobile-bar{gap:3px!important;padding:5px!important}body.single-chapter .reader-mobile-bar__item{padding-left:2px!important;padding-right:2px!important}body.single-chapter .reader-mobile-bar__item span{font-size:10px!important}}