.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;}
}.reader-sidebar {
position: fixed;
right: 16px;
top: 50%;
transform: translateY(-50%);
z-index: 9000;
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
user-select: none;
} .reader-sidebar__btn {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
border: none;
background: rgba(22, 22, 30, 0.90);
color: #c8c8d8;
cursor: pointer;
transition: background 0.18s, color 0.18s, transform 0.15s;
text-decoration: none;
flex-shrink: 0;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
box-shadow: 0 2px 8px rgba(0,0,0,0.45);
}
.reader-sidebar__btn:hover {
background: rgba(38, 38, 52, 0.97);
color: #ffffff;
transform: scale(1.08);
}
.reader-sidebar__btn.is-disabled {
opacity: 0.35;
cursor: not-allowed;
pointer-events: none;
} .reader-sidebar__btn--next {
margin-top: 4px;
} .reader-sidebar__toggle {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
border: none;
background: rgba(22, 22, 30, 0.90);
color: #c8c8d8;
cursor: pointer;
transition: background 0.18s, color 0.18s;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
box-shadow: 0 2px 8px rgba(0,0,0,0.45);
flex-shrink: 0;
}
.reader-sidebar__toggle:hover {
background: rgba(38, 38, 52, 0.97);
color: #ffffff;
}
.reader-sidebar__toggle-icon {
transition: transform 0.25s ease;
} .reader-sidebar.is-collapsed .reader-sidebar__body {
display: none;
}
.reader-sidebar.is-collapsed .reader-sidebar__btn--next {
display: none;
} .reader-sidebar.is-collapsed .reader-sidebar__toggle-icon {
transform: rotate(180deg);
} .reader-sidebar__body {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
} .reader-sidebar__item {
position: relative;
} .reader-sidebar__popup {
position: absolute;
right: calc(100% + 12px);
top: 50%;
transform: translateY(-50%);
width: 200px;
background: #16161e;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 10px;
box-shadow: 0 8px 28px rgba(0,0,0,0.55);
overflow: hidden;
z-index: 9100;
}
.reader-sidebar__popup--wide {
width: 230px;
}
.reader-sidebar__popup-head {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 14px;
background: rgba(255,255,255,0.04);
border-bottom: 1px solid rgba(255,255,255,0.07);
font-size: 13px;
font-weight: 600;
color: #e0e0f0;
}
.reader-sidebar__popup-close {
display: flex;
align-items: center;
justify-content: center;
width: 22px;
height: 22px;
border: none;
background: transparent;
color: #888;
cursor: pointer;
border-radius: 4px;
transition: background 0.15s, color 0.15s;
padding: 0;
}
.reader-sidebar__popup-close:hover {
background: rgba(255,255,255,0.08);
color: #fff;
} .reader-sidebar__popup-list {
max-height: 320px;
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-width: thin;
scrollbar-color: rgba(255,255,255,0.12) transparent;
}
.reader-sidebar__popup-list::-webkit-scrollbar {
width: 4px;
}
.reader-sidebar__popup-list::-webkit-scrollbar-track {
background: transparent;
}
.reader-sidebar__popup-list::-webkit-scrollbar-thumb {
background: rgba(255,255,255,0.14);
border-radius: 2px;
}
.reader-sidebar__chapter-link,
.reader-sidebar__popup-item {
display: block;
padding: 9px 14px;
font-size: 13px;
color: #b0b0c8;
text-decoration: none;
border-bottom: 1px solid rgba(255,255,255,0.04);
transition: background 0.12s, color 0.12s;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.reader-sidebar__chapter-link:last-child,
.reader-sidebar__popup-item:last-child {
border-bottom: none;
}
.reader-sidebar__chapter-link:hover,
.reader-sidebar__popup-item:hover {
background: rgba(255,255,255,0.06);
color: #ffffff;
}
.reader-sidebar__chapter-link.is-active,
.reader-sidebar__chapter-link.is-current,
.reader-sidebar__popup-item.is-active,
.reader-sidebar__popup-item.is-current {
color: var(--color-primary, #0cff8a);
font-weight: 600;
background: rgba(12,255,138,0.06);
} .reader-sidebar__settings {
padding: 12px 14px;
}
.reader-sidebar__settings-label {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
color: #666680;
margin: 0 0 8px;
}
.reader-sidebar__settings-label + .reader-sidebar__settings-label {
margin-top: 14px;
}
.reader-sidebar__settings-row {
display: flex;
gap: 6px;
}
.reader-sidebar__mode-btn {
flex: 1;
padding: 7px 0;
border: 1px solid rgba(255,255,255,0.1);
border-radius: 6px;
background: transparent;
color: #a0a0b8;
font-size: 12px;
font-weight: 500;
cursor: pointer;
transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.reader-sidebar__mode-btn:hover {
background: rgba(255,255,255,0.06);
color: #fff;
}
.reader-sidebar__mode-btn.is-active {
background: var(--color-primary, #0cff8a);
border-color: var(--color-primary, #0cff8a);
color: #0a0a12;
font-weight: 700;
}
.reader-sidebar__settings-row--zoom {
align-items: center;
justify-content: space-between;
}
.reader-sidebar__zoom-step {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border: 1px solid rgba(255,255,255,0.1);
border-radius: 6px;
background: transparent;
color: #c8c8d8;
font-size: 18px;
line-height: 1;
cursor: pointer;
transition: background 0.15s, color 0.15s;
}
.reader-sidebar__zoom-step:hover {
background: rgba(255,255,255,0.08);
color: #fff;
}
.reader-sidebar__zoom-val {
font-size: 13px;
font-weight: 600;
color: #e0e0f0;
min-width: 42px;
text-align: center;
} @media (max-width: 480px) {
.reader-sidebar {
right: 8px;
}
.reader-sidebar__btn,
.reader-sidebar__toggle {
width: 38px;
height: 38px;
}
.reader-sidebar__popup {
width: 180px;
right: calc(100% + 8px);
}
} .reader-mobile-bar,
.reader-mobile-sheet,
.reader-mobile-sheet-backdrop {
display: none;
}
@media (min-width: 0px) { .reader-sidebar {
display: none !important;
}
body.single-chapter .chapter-reader-container {
padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px));
}
.reader-mobile-bar {
position: fixed;
left: 50%;
right: auto;
width: min(920px, calc(100vw - 16px));
max-width: calc(100vw - max(16px, env(safe-area-inset-left, 0px) + env(safe-area-inset-right, 0px)));
transform: translateX(-50%);
bottom: max(8px, env(safe-area-inset-bottom, 0px));
z-index: 9998;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 5px;
padding: 6px;
background: rgba(5, 10, 20, .96);
border: 1px solid rgba(119, 145, 190, .34);
border-radius: 18px;
box-shadow: 0 10px 35px rgba(0, 0, 0, .52);
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
}
.reader-mobile-bar__item {
min-width: 0;
min-height: 56px;
margin: 0;
padding: 6px 2px 5px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3px;
border: 1px solid rgba(111, 139, 186, .38);
border-radius: 12px;
background: linear-gradient(180deg, rgba(17, 28, 48, .98), rgba(12, 21, 37, .98));
color: #f2f5ff;
text-decoration: none;
font: inherit;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
}
.reader-mobile-bar__item svg {
width: 20px;
height: 20px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
flex: 0 0 auto;
}
.reader-mobile-bar__item svg circle {
fill: currentColor;
stroke: none;
}
.reader-mobile-bar__item span {
display: block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 10px;
line-height: 1.05;
font-weight: 700;
letter-spacing: .01em;
}
.reader-mobile-bar__item:active,
.reader-mobile-bar__item.is-active {
background: rgba(28, 48, 79, .98);
border-color: rgba(152, 180, 230, .72);
color: #fff;
}
.reader-mobile-bar__item.is-disabled {
opacity: .34;
pointer-events: none;
}
.reader-mobile-sheet-backdrop {
position: fixed;
inset: 0;
z-index: 9998;
display: block;
background: rgba(0, 0, 0, .58);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}
.reader-mobile-sheet-backdrop[hidden],
.reader-mobile-sheet[hidden] {
display: none !important;
}
.reader-mobile-sheet {
position: fixed;
left: 50%;
right: auto;
width: min(720px, calc(100vw - 16px));
transform: translateX(-50%);
bottom: calc(78px + env(safe-area-inset-bottom, 0px));
z-index: 9999;
display: block;
max-height: min(68vh, 520px);
padding: 8px 12px 14px;
overflow: auto;
color: #eef3ff;
background: rgba(8, 14, 26, .985);
border: 1px solid rgba(119, 145, 190, .34);
border-radius: 18px;
box-shadow: 0 -8px 36px rgba(0, 0, 0, .48);
-webkit-overflow-scrolling: touch;
}
.reader-mobile-sheet__handle {
width: 38px;
height: 4px;
margin: 1px auto 8px;
border-radius: 999px;
background: rgba(255,255,255,.22);
}
.reader-mobile-sheet__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 10px;
}
.reader-mobile-sheet__header strong {
font-size: 15px;
}
.reader-mobile-sheet__header button {
width: 34px;
height: 34px;
padding: 0;
border: 1px solid rgba(255,255,255,.12);
border-radius: 10px;
background: rgba(255,255,255,.05);
color: #fff;
font-size: 24px;
line-height: 1;
}
.reader-mobile-sheet__controls {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 7px;
margin-bottom: 14px;
}
.reader-mobile-action {
min-height: 42px;
padding: 8px 5px;
border: 1px solid rgba(111, 139, 186, .32);
border-radius: 10px;
background: rgba(16, 28, 47, .95);
color: #eef3ff;
font-size: 12px;
font-weight: 600;
}
.reader-mobile-sheet__label {
display: block;
margin-bottom: 7px;
color: #aebad0;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .07em;
}
.reader-mobile-sheet__chapter-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 6px;
}
.reader-mobile-sheet__chapter-list a {
padding: 9px 10px;
overflow: hidden;
border: 1px solid rgba(255,255,255,.09);
border-radius: 9px;
background: rgba(255,255,255,.035);
color: #cdd6e7;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
}
.reader-mobile-sheet__chapter-list a.is-current {
border-color: var(--color-primary, #0cff8a);
color: var(--color-primary, #0cff8a);
}
body.reader-mobile-sheet-open {
overflow: hidden;
}
}
@media (max-width: 360px) {
.reader-mobile-bar {
left: 50%;
right: auto;
width: calc(100vw - 8px);
bottom: max(4px, env(safe-area-inset-bottom, 0px));
gap: 3px;
padding: 4px;
border-radius: 15px;
}
.reader-mobile-bar__item {
min-height: 52px;
border-radius: 10px;
}
.reader-mobile-bar__item span {
font-size: 9px;
}
}