/*
Theme Name: MangaReader Child Ultra
Template: mangareader
Version: 2.2.2 Ultra
Description: Child theme de MangaReader con mejoras visuales, performance y UX
Author: Insanos Scan
*/

/* ================================================================
   🔵 MANGAREADER ULTRA — CSS Custom Properties
   ================================================================ */
:root {
    /* ── Colores base ── */
    --color-bg:           #16151d;
    --color-surface:      #222222;
    --color-surface-2:    #2f2f2f;
    --color-surface-3:    #343434;
    --color-border:       #312f40;
    --color-accent:       #366ad3;
    --color-accent-hover: #2554b0;
    --color-text:         #b8b8b8;
    --color-text-muted:   #999999;
    --color-text-bright:  #ffffff;
    --color-hot:          #F44336;
    --color-ongoing:      #e38801;
    --color-completed:    #d6291c;
    --color-locked:       #c0392b;
    /* ── Toast ── */
    --color-toast-ok:     #27ae60;
    --color-toast-err:    #e74c3c;
    /* ── Radios ── */
    --radius-sm:          3px;
    --radius-md:          5px;
    --radius-lg:          10px;
    /* ── Transiciones ── */
    --transition-fast:    .15s ease;
    --transition:         .2s ease;
    --transition-slow:    .35s ease;
    /* ── Sombras ── */
    --shadow-card:        0 4px 20px rgba(0,0,0,.5);
    --shadow-hover:       0 8px 32px rgba(0,0,0,.65);
    /* ── Glassmorphism ── */
    --glass-bg:           rgba(22,21,29,0.85);
    --glass-blur:         blur(12px);
    /* ── Tipografía ── */
    --font:               'Poppins', sans-serif;
    --font-mono:          'Courier New', monospace;
    --text-xs:            0.75rem;
    --text-sm:            0.875rem;
    --text-base:          1rem;
    --text-lg:            1.125rem;
    --text-xl:            1.25rem;
    --text-2xl:           1.5rem;
    /* ── Monedas (Insanos Coins) ── */
    --isc-gold:           #f0a500;
    --isc-gold-glow:      rgba(240,165,0,0.25);
    --isc-gold-bg:        rgba(240,165,0,0.10);
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

:focus {
    outline: none;
}

:focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 3px;
    border-radius: 2px;
}

*,::before,::after {
    box-sizing: border-box;
}

blockquote,q {
    margin: 5px 0;
    quotes: none;
    background: #2f2f2f;
    border-left: 3px solid #353535;
    padding: 5px 10px;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

.lightmode blockquote,.lightmode q {
    background: #FAFAFA;
    border-color: #DDD
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    border-color: #555
}

a {
    color: #ddd;
    text-decoration: none;
    transition: color var(--transition-fast);
}

a:hover {
    color: #366ad3;
    text-decoration: none
}

.bxcl ul li .lchx a:visited,.listupd .utao .uta .luf ul li a:visited,.bs.stylefor .bsx a:visited .bigor .adds .epxs {
    color: #366ad3!important
}

.bs.stylefiv .bsx .chfiv li a:visited .fivchap,.stylesven .sveninner .svenbottom .svenmetabot .svenchapters li a:visited,.listupd .utao.stylegg .uta .luf ul li a:visited .eggchap {
    color: #366ad3
}

img {
    max-width: 100%;
    height: auto
}

.mainholder {
    position: relative;
}

.postbody p {
    margin: 10px 0
}

.clear {
    clear: both
}

body {
    background: var(--color-bg);
    font-size: var(--text-sm);
    line-height: 1.5;
    color: var(--color-text);
    margin: 0 auto;
    font-family: var(--font);
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale!important;
    position: relative;
    min-height: 100%;
    transition: background-color .4s ease, color .4s ease;
}

.strip {
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dashed #D0CDCD;
    box-shadow: 0 0 4px #FFF
}

.kln {
    overflow: hidden;
    position: relative;
    text-align: center
}

.blox.kln {
    margin: 0 auto;
    max-width: 1150px
}

.kln a.col {
    width: 50%;
    display: block;
    padding: 2px 4px;
    float: left
}

.klnrec {
    overflow: hidden;
    margin-bottom: 15px
}

.klnrec .kln {
    float: left;
    width: 70%;
    padding: 5px;
    margin-right: 5px;
    border: 1px solid #DDD
}

.klnrec .kln img,.klnrec .mini img {
    width: 100%;
    max-height: 90px
}

.klnrec .mini {
    overflow: hidden;
    margin-left: 10px;
    border: 1px solid #DDD;
    padding: 5px
}

.bixbox .kln,.singlex {
    float: left;
    margin-right: 15px
}

#floatcenter {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999
}

#floatcenter .ctrx {
    width: 100%;
    margin: auto;
    padding-top: 20vh
}

#teaser1,#teaser2 {
    z-index: 2
}

.playerx {
    position: relative
}

#overplay {
    position: absolute;
    z-index: 200;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7)
}

#overplay .chain {
    width: 100%;
    max-width: 300px;
    margin: auto;
    padding-top: 50px
}

#content {
    overflow: hidden;
    max-width: 1220px;
    margin: 0 auto;
    margin-top: 35px;
    position: relative;
    padding-bottom: 320px;
}

.wrapper {
    margin: 0 20px;
    position: relative
}

header {
    float: left;
    margin: 5px 20px 5px 0;
}

.logos img {
    width: auto;
    max-height: 50px
}

.logos {
    margin: 0;
    min-height: 1px;
    max-width: 195px;
    display: block
}

.logos span.hdl {
    display: none;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute
}

.th {
    background: var(--color-accent);
    transition: transform .3s ease, box-shadow var(--transition), background var(--transition) !important;
}
.th.scrolled {
    box-shadow: 0 4px 24px rgba(0,0,0,.65) !important;
    background: rgba(22,21,29,0.97) !important;
}
.th.header-hidden {
    transform: translateY(-110%);
    pointer-events: none;
}

.th .centernav {
    margin: 0 auto;
    max-width: 1220px;
    padding: 0 20px
}

.shme {
    display: none
}

#main-menu {
    float: left;
}

#main-menu .centernav .logo img {
    width: 100%;
    height: auto
}

#main-menu .centernav {
    margin: 0 auto;
    max-width: 1220px;
    padding: 0 20px
}

#main-menu .centernav .logo {
    display: none;
    float: left;
    margin-top: 23px;
    margin-right: 30px;
    max-width: 190px
}

#main-menu .dashicons,#main-menu ._mi {
    line-height: inherit;
    width: auto;
    height: auto;
    font-size: 14px;
    padding-right: 2px
}

#main-menu ul {
    position: relative;
    float: left;
    list-style: none;
    padding: 0;
    margin: 0
}

#main-menu ul li {
    float: left;
    position: relative;
    margin: 0 5px;
}

#main-menu ul li a {
    display: block;
    text-align: center;
    line-height: 66px;
    height: 66px;
    padding: 0 10px;
    color: #FFF;
    border-left: 0;
    transition: color .5s;
    position: relative;
    font-weight: 500;
    font-size: 1rem;
}

#main-menu ul .menu-item-has-children>a:after {
    content: "\f140";
    padding: 0;
    display: none;
    width: auto;
    height: auto;
    padding-left: 5px;
    font-size: 19px;
    float: right;
    line-height: 35px;
    font-family: dashicons
}

#main-menu ul li a:hover {
    text-decoration: none;
    color: rgba(255,255,255,.5);
}

#main-menu ul li ul {
    position: absolute;
    top: 55px;
    min-width: 240px;
    padding: 10px;
    display: none;
    z-index: 9999;
    background: #333;
    border-radius: 5px;
    box-shadow: 0 4px 4px rgba(0,0,0,0.38);
    overflow: hidden;
}

#main-menu ul li:hover ul {
    display: block
}

#main-menu ul li ul li {
    float: none;
    margin: 0
}

#main-menu ul li:hover ul li ul {
    display: none
}

#main-menu ul li ul li a {
    margin: 0;
    height: auto;
    display: block;
    background: 0 0;
    line-height: normal;
    font-size: 14px;
    padding: 7px 15px;
    text-align: left;
    color: #999;
}

#main-menu ul li ul li a:hover {
    background: rgba(0,0,0,.32);
    border-radius: 5px;
}

#main-menu .random {
    float: right;
    color: #fff;
    cursor: pointer;
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
    border-radius: 0;
    border: 0;
    line-height: 33px;
    background: #2866a7;
    padding: 0 10px
}

#main-menu .random:hover {
    background: #ececec;
    color: #333;
    text-decoration: none
}

.show-menu {
    display: none;
    color: #fff;
    line-height: 37px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer
}

#main-menu input[type=checkbox] {
    display: none;
    -webkit-appearance: none;
    appearance: none;
}

#main-menu input[type=checkbox]:checked~#menu-menu {
    display: block;
    z-index: 9999;
    float: none;
    background: #222;
    position: relative
}

.ms {
    border-radius: 3px;
    cursor: pointer;
    display: none;
    height: 34px;
    left: auto;
    position: absolute;
    text-align: center;
    top: 17px;
    width: 34px;
    color: #fff;
    right: 15px
}

#main-menu .ms .dashicons {
    display: block!important;
    font-size: 26px
}

.srcmob {
    display: none
}

.searchx {
    float: right;
    width: 270px;
    margin: 16px 0 16px 0;
    position: relative;
}

.searchx #form {
    padding: 0;
    position: relative
}

.searchx #form #s {
    font-weight: 300;
    background: #17151b;
    box-shadow: none!important;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    padding-right: 30px;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.42857143;
    color: #FFF;
    background-image: none;
    border: 0;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.searchx #form #sel {
    margin: 0;
    color: #888;
    border: 0;
    outline: 0;
    display: inline-block;
    font-family: open sans,sans-serif;
    background-color: #fff;
    border: 1px solid #e5e2e2;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 5px
}

.searchx #form #submit {
    position: absolute;
    background: none;
    color: #555;
    cursor: pointer;
    font-family: inherit;
    border: 0;
    padding: 0 7px;
    top: 0;
    font-size: medium;
    right: 2px;
    line-height: 36px
}

.searchx #form #submit .dashicons {
    display: block;
    font-size: 22px
}

.searchx #form #s:focus {
    outline: 0
}

.owl-dot.active span,.owl-dot.active:hover span {
    background: #FFD400!important
}

.owl-dot {
    background: none!important;
    border: 0!important;
    padding: 0!important
}

.hotslid .trending {
    overflow: hidden
}

.hotslid .trending .tdb {
    cursor: pointer;
    height: 280px;
    margin-left: 10px;
    position: relative
}

.hotslid .trending .tdb .crown {
    background-image: url(assets/images/crown.png);
    background-size: 100%;
    position: absolute;
    right: 5px;
    top: 10px;
    height: 40px;
    width: 40px;
    z-index: 3
}

.hotslid .trending .tdb .imgxa {
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-size: auto 100%;
    background-position: top center
}

.hotslid .trending .tdb .imgxa .imgxb {
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover
}

.hotslid .trending .tdb .textbg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: opacity .2s;
    z-index: 1;
    box-shadow: inset 0 0 40px #000
}

.hotslid .trending .tdb .textbg.blxc {
    color: #eee;
    background: url(assets/images/black.png)
}

.hotslid .trending .tdb .textbg .bghover {
    margin-top: 40%;
    padding: 0 5%;
    line-height: 19px;
    text-align: left;
    text-transform: uppercase
}

.hotslid .trending .tdb .textbg .bghover .numa {
    display: block;
    font-size: 16px
}

.hotslid .trending .tdb .textbg .bghover .numb {
    display: block;
    font-size: 17px;
    margin-top: 5px;
    height: 55px;
    overflow: hidden
}

.owl-nav {
    display: none
}

#header {
    overflow: hidden;
    margin-bottom: 20px
}

#header .logo {
    float: left
}

#header .logo img {
    max-width: 252px;
    height: auto
}

#header .headads {
    float: right;
    max-width: 728px;
    max-height: 90px
}

.th.headerni header {
    margin: 0;
    margin-right: 15px;
    margin-top: 5px
}

.th.headerni header .logos img {
    max-height: 30px
}

.th.headerni #main-menu ul li a {
    line-height: 42px;
    height: 42px;
    font-weight: 400;
    font-size: 14px;
    padding: 0 5px
}

.th.headerni header .logos {
    width: auto
}

.th.headerni .searchx {
    margin: 0;
    width: 200px;
    margin-top: 9px
}

.th.headerni .searchx #form #s {
    background: rgba(0,0,0,0.2);
    border-radius: 5px;
    height: 25px;
    font-size: 13px;
    color: #EDF0F1;
}

.th.headerni .searchx #form #submit {
    color: rgba(255,255,255,0.4);
    font-size: 12px;
    top: 0;
    line-height: 28px
}

.th.headerni #thememode {
    margin-top: 14px;
}

.th.headerni #thememode .xt {
    display: none
}

.th.headerni #main-menu ul li ul {
    top: 37px
}

.th.headerni #main-menu ul li ul li a {
    height: auto;
    line-height: normal;
    font-size: 14px;
    padding: 7px 15px
}

.th.headtree .centernav {
    max-width: unset;
}

.recommended {
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #f3f3f3;
    margin-bottom: 20px;
    line-height: 28px;
    font-size: 13px;
    padding-right: 10px
}

.recommended h2 {
    background: #4d4d4d;
    color: #FFF;
    font-weight: 700;
    line-height: 28px;
    padding: 0 5px;
    margin: 0;
    font-size: 13px;
    display: inline-block
}

.recommended a {
    padding: 5px;
    color: #333
}

.postbody p.index {
    padding: 15px;
    margin: 0;
    margin-bottom: 18px;
    border-radius: 3px;
    line-height: 19px;
    background: #1d1b26;
    color: #DDD;
    text-align: center;
    font-size: 13px
}

.postbody p.index b {
    color: #FFF;
    font-weight: 500
}

.postbody p.ctn {
    margin: 0 5px;
    margin-bottom: 10px;
    font-size: 13px;
    padding: 10px;
    border-radius: 5px;
    background: #27222e
}

.postbody .ntf {
    margin: 10px;
    padding: 8px;
    background: #333;
    color: #CCC;
    font-size: 13px;
    border-radius: 5px
}

.postbody {
    float: left;
    width: 70%
}

.postbody .ldr {
    margin: 0 -5px
}

.bixbox {
    background: #222;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 18px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    -khtml-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    -ms-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    box-shadow: 0 2px 3px rgba(0,0,0,.1)
}

.postbody .box {
    overflow: hidden;
    margin-bottom: 20px
}

.releases {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 1px solid #312f40;
    padding: 8px 15px
}

.releases:after {
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: transparent;
    display: block;
    z-index: 1;
    transform: scaleY(0.5);
    opacity: .8;
    background-image: linear-gradient(90deg,rgba(0,0,0,0.01) 0,rgba(0,0,0,0.1) 10%,rgba(0,0,0,0.2) 20%,rgba(0,0,0,0.3) 30%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0.2) 80%,rgba(0,0,0,0.1) 90%,rgba(0,0,0,0.01) 100%)
}

.releases h1,.releases h2,.releases h3,#sidebar .section h4 {
    font-size: 15px;
    color: #FFF;
    line-height: 20px;
    font-weight: 600;
    margin: 0;
    position: relative
}

.releases .vl {
    font-size: .6em;
    text-transform: uppercase;
    color: #FFF;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: #366ad3;
    float: right;
    margin-top: 1px;
    margin-right: -3px
}

.bixbox .bvlcen {
    text-align: center;
    overflow: hidden;
    border-top: 1px solid #353535;
}

.bixbox .bvlcen .bvl {
    display: block;
    padding: 10px;
    color: #aaa;
    font-weight: 500;
    background: #262626;
    line-height: 160%;
}

.bixbox .bvlcen .bvl:hover {
    background: #333;
}

.hothome .releases {
    background: #366ad3;
    padding: 0 15px;
    border: 0
}

.hothome .releases h2 {
    margin-top: 15px;
    padding: 5px 20px;
    background: #222;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 15px
}

.postbody .box .rld {
    padding: 5px;
    position: relative;
    overflow: hidden
}

.postbody .ldr .outbx {
    float: left;
    width: 20%
}

.postbody .ldr .outbx .limit {
    overflow: hidden;
    position: relative;
    padding: 0 0 135%;
    background: #333
}

.postbody .box .rld img {
    width: 100%;
    height: auto;
    position: absolute
}

.postbody .box .rld h2 {
    background: linear-gradient(to bottom,rgba(0,0,0,0.05) 6%,rgba(0,0,0,0.85) 70%);
    text-shadow: rgba(0,0,0,0.8) 1px 1px 0;
    position: absolute;
    padding: 10px;
    width: 100%;
    color: #FFF;
    left: 0;
    bottom: 0;
    margin: 0;
    font-weight: 500;
    overflow: hidden;
    text-align: center;
    font-size: 13px;
    box-sizing: border-box
}

.postbody .boxed {
    overflow: hidden;
    margin-bottom: 15px
}

.postbody .boxed .left {
    float: left;
    margin-right: 10px
}

.postbody .boxed .right .lts {
    float: right;
    width: 470px
}

.postbody .boxed .right .lts h3 {
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 11px;
    border: 5px solid #EFF1F1
}

.postbody .boxed .right .lts ul {
    overflow: hidden
}

.postbody .boxed .right .lts ul li {
    overflow: hidden;
    margin: 5px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #E2E5E5
}

.postbody .boxed .right .lts ul li .thumb {
    float: left;
    border: 1px solid #E2E5E5;
    overflow: hidden;
    height: 55px
}

.postbody .boxed .right .lts ul li .thumb img {
    width: 100px;
    height: auto
}

.postbody .boxed .right .lts ul li .dtl {
    width: 350px;
    padding: 5px;
    background: #F5F4F4;
    height: 47px;
    float: right
}

.postbody .boxed .right .lts ul li .dtl h2 {
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.postbody .boxed .right .lts ul li .dtl h2 a {
    color: #333
}

.postbody .boxed .right .lts ul li .dtl h2 a:hover {
    text-decoration: none;
    color: #F13E3E
}

.postbody .boxed .right .lts ul li .dtl span {
    font-family: tahoma;
    color: #555;
    display: block;
    font-size: 11px
}

.postbody .boxed .right .lts ul li .dtl span a {
    color: #F13E3E
}

.postbody .epsc .boxed .right .lts {
    float: none;
    width: 100%
}

.postbody .epsc .boxed .right .lts ul li .dtl {
    width: 520px
}

.postbody .epsc .boxed {
    overflow: hidden;
    margin-bottom: 0
}

.postbody .boxed .right .lts ul li .dtl h1 {
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.listupd {
    padding: 10px;
    overflow: hidden
}

.listupd.cp {
    margin: -15px
}

.listupd .lexa {
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDD;
    padding-bottom: 10px
}

.listupd .lexa .thumb {
    float: left;
    overflow: hidden;
    max-height: 100px;
    margin-right: 15px
}

.listupd .lexa .dtl {
    overflow: hidden;
    padding: 10px;
    margin: 0;
    border-bottom: 0;
    background: #f7f7f7
}

.listupd .lexa .dtl h2 {
    font-size: 16px;
    margin: 0;
    margin-bottom: 5px
}

.listupd .lexa .dtl span {
    display: block;
    margin-bottom: 3px
}

.listupd .lexa .dtl h2 a {
    color: #000
}

.listupd .lexa .dtl h2 a:hover {
    text-decoration: none;
    color: #366ad3
}

.listupd .lexa .thumb img {
    max-width: 175px
}

.listupd .utao {
    float: left;
    width: 33.33333%;
    position: relative
}

.listupd .utao .uta {
    padding: 15px 10px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #312f40
}

.listupd .utao .uta .imgu {
    position: relative;
    float: left;
    overflow: hidden;
    height: 105px;
    margin-right: 10px;
    border-radius: 3px
}

.listupd .utao .uta .imgu img {
    width: 75px;
    height: auto
}

.listupd .utao .uta .imgu .hot {
    position: absolute;
    top: 3px;
    left: 3px;
    background: #ba291f;
    font-size: 11px;
    font-weight: 700;
    padding: 0 4px;
    padding-top: 2px;
    border-radius: 3px;
    line-height: 15px;
    color: #FFF
}

.listupd .utao .uta .imgu .new {
    position: absolute;
    top: 3px;
    right: 3px;
    background: #ff5e00;
    font-size: 11px;
    font-weight: 700;
    padding: 0 4px;
    padding-top: 2px;
    border-radius: 3px;
    line-height: 15px;
    color: #FFF
}

.listupd .utao.styletwo .uta .imgu .new {
    left: 3px;
    right: auto
}

.listupd .utao .uta .luf {
    overflow: hidden
}

.listupd .utao .uta .luf h4 {
    margin: 0;
    font-size: .98em;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.listupd .utao .uta .luf ul {
    margin: 0;
    margin-top: 8px;
    padding-left: 18px;
    font-family: 'Fira Sans',sans-serif;
}

.listupd .utao .uta .luf ul li {
    margin-bottom: 5px;
    font-size: 13px;
    color: #366ad3
}

.listupd .utao .uta .luf ul li a {
    display: block;
    float: left;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listupd .utao .uta .luf ul li span {
    float: right;
    color: #999;
    font-size: 12px;
    margin-top: 1px;
}

.listupd .utao .uta .luf ul.Manhua li {
    color: #009688
}

.listupd .utao .uta .luf ul.Manhwa li {
    color: #9d4942
}

.listupd .utao.styletwo {
    width: 50%
}

.listupd .utao.styletwo .uta .imgu {
    height: 150px;
    border-radius: 0
}

.listupd .utao.styletwo .uta .imgu img {
    width: 110px;
}

.listupd .utao.styletwo .uta .luf h4 {
    font-size: 15px;
    font-weight: 600;
}

.listupd .utao.styletwo .uta .luf ul li {
    margin-bottom: 8px;
    font-size: 14px
}

.listupd .utao.styletwo .uta .luf ul li span {
    margin-top: 2px;
}

.listupd .utao.styletwo .uta .luf ul li a {
    color: #999;
    max-width: 110px;
}

.listupd .utao.styletwo .uta .luf ul li a:hover {
    color: #FFF
}

.bs, .full.seriestu .bs {
    float: left;
    width: 20%
}

.postbody.full {
    float: none;
    width: auto
}

.full .bs {
    width: 14.25%
}

.bs .bsx {
    position: relative;
    overflow: visible;
    margin: 10px 10px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}

.bs .bsx .limit {
    padding: 137% 0 0;
    position: relative;
    overflow: hidden;
    background: #111;
}

.bs .bsx .limit .t {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    text-align: center;
    overflow: hidden
}

.bs .bsx .limit .b {
    position: absolute;
    bottom: -30px;
    color: #FFF;
    z-index: 1;
    padding: 8px 0;
    width: 100%;
    text-align: center;
    background: rgba(34,58,101,0.9);
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s
}

.bs .bsx .limit img {
    width: 100%;
    height: auto;
    top: 0;
    position: absolute;
    transition: transform .2s;
}

.bs .bsx .limit .t .type {
    margin-top: 5px;
    margin-left: 5px;
    font-size: 11px;
    padding: 1px 5px;
    border-radius: 1px;
    float: left;
    color: #eee;
    background: #673ab7
}

.bs .bsx .limit .t .ept {
    margin-top: 5px;
    margin-right: 5px;
    font-size: 11px;
    padding: 1px 5px;
    border-radius: 1px;
    float: right;
    color: #222;
    background: rgba(255,255,255,0.9)
}

.bs .bsx .limit .t .type.TV {
    background: rgba(14,175,193,0.8);
    color: #FFF
}

.bs .bsx .limit .t .type.Movie {
    background: #218c4c
}

.bs .bsx .limit .t .type.OVA {
    background: #fb3a00
}

.bs .bsx .limit .b .bt {
    margin: 0 5px;
    font-family: Open Sans,sans-serif;
    font-size: 13px
}

.bs .bsx .limit .b .bt .tx {
    overflow: hidden;
    height: 36px;
    font-size: 12px
}

.bs .bsx .limit .b .bt .status {
    margin-top: 5px;
    overflow: hidden
}

.bs .bsx .limit .b .bt .status span {
    display: inline-block;
    color: #FFF;
    background: #0eafc1;
    padding: 2px 6px 2px 8px;
    border-radius: 2px;
    font-size: 12px
}

.bs .bsx:hover .limit .b {
    bottom: 0
}

.bs .bsx .limit .b .bt .tx b {
    font-weight: 400
}

.bs .bsx .limit .bt {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 100%;
    background: rgba(34,58,101,0.9);
    color: #FFF;
    font-size: 11px;
    line-height: 20px;
    overflow: hidden
}

.bs .bsx .limit .bt span.epx {
    display: block;
    float: left;
    margin-left: 10px
}

.bs .bsx .limit .bt span.sb {
    display: block;
    float: right;
    padding: 0 5px;
    font-size: 11px;
    color: #111;
    text-transform: uppercase;
    background: #d9da17
}

.bs .bsx .limit .bt span.sb.RAW {
    background: rgba(14,175,193,0.8);
    color: #fff
}

.bs .bsx .tt {
    font-size: .95em;
    margin: 8px 0;
    margin-bottom: 3px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.bs .bsx .limit .ply {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 1;
    height: 100%;
    top: 0;
}

.bs .bsx .limit .ply .dashicons {
    background: rgba(14,175,193,0.8);
    border-radius: 20%;
    -webkit-border-radius: 20%;
    -moz-border-radius: 20%;
    width: 40px;
    height: 40px;
    font-size: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    margin-top: -20px;
    margin-left: -20px;
    border: 2px solid #2fc5d9;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    line-height: 38px;
    transition: all .3s ease 0;
    -webkit-transition: all .3s ease 0;
    -moz-transition: all .3s ease 0
}

.bs .bsx .limit .status {
    position: absolute;
    top: 13px;
    left: -22px;
    line-height: normal;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    z-index: 1;
    padding: 2px 18px;
    font-size: 9px;
    background: #de3b3b;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.bigor {
    height: 95px;
}

.bs .bsx .limit .hot {
    position: absolute;
    top: 3px;
    right: 3px;
    background: #F44336;
    font-size: 13px;
    font-weight: 700;
    padding: 0 5px;
    padding-top: 3px;
    border-radius: 3px;
    line-height: 17px;
    color: #FFF;
    z-index: 1
}

.bs .bsx:hover .limit .ply {
    display: block
}

.bs .bsx .adds {
    font-size: 13px;
    color: #999;
    font-family: 'Fira Sans',sans-serif;
}

.bs .bsx .adds .rating {
    overflow: hidden;
    font-size: 12px;
    margin-top: 5px
}

.bs .bsx .adds .rating .rtg {
    float: left
}

.bs .bsx .adds .rating .rtg a {
    font-size: 14px!important
}

.bs .bsx .adds .rating i {
    float: right;
    color: #555;
    font-size: 11px;
    margin-right: 2px
}

.bs .bsx .adds .rating .rtg a:after {
    color: #333
}

.bs .bsx .adds .rating .rtg a.br-selected:after {
    color: #EDB867
}

#main-menu ul li a:hover:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 2px;
    background: #366ad3
}

.surprise {
    background: rgba(0,0,0,0.32);
    margin-top: 7px;
    color: #FFF
}

.surprise:hover {
    background: #FFF;
    color: #222!important
}

#main-menu .surprise .dashicons {
    display: block;
    float: left;
    line-height: 16px;
    font-size: 13px
}

.bs .bsx .limit .type,.listupd .utao.styletwo .uta .imgu .type {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    width: 25px;
    height: 17px;
    overflow: hidden;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.bs .bsx .limit .type.Manga,.listupd .utao.styletwo .uta .imgu .type.Manga,.stylesven .sveninner .sventop .sveninfo .svendetop .svenmeta .type.Manga {
    background-image: url(assets/images/manga.png)
}

.bs .bsx .limit .type.Manhua,.listupd .utao.styletwo .uta .imgu .type.Manhua,.stylesven .sveninner .sventop .sveninfo .svendetop .svenmeta .type.Manhua {
    background-image: url(assets/images/manhua.png)
}

.bs .bsx .limit .type.Manhwa,.listupd .utao.styletwo .uta .imgu .type.Manhwa,.stylesven .sveninner .sventop .sveninfo .svendetop .svenmeta .type.Manhwa {
    background-image: url(assets/images/manhwa.png)
}

.typename {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    padding: 2px 7px;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 3px;
    color: #efefef;
    background: #366ad3
}

.typename.Manhwa {
    background: #a12e24
}

.typename.Manhua {
    background: #009688
}

.typename.Comic {
    background: #7c3db5
}

.bs .bsx .limit .colored,.listupd .utao.styletwo .uta .imgu .colored,.main-info .info-left .thumb .colored,.seriestucon .seriestucont .seriestucontl .thumb .colored,#content .seriestere .seriestucontent .seriestucontl .thumb .colored {
    position: absolute;
    z-index: 1;
    bottom: 5px;
    left: 5px;
    background: #ebcf04;
    color: rgba(0,0,0,0.7);
    font-weight: 700;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 3px;
    text-transform: uppercase
}

.bs .bsx .limit .colored .fas, .bs .bsx .limit .novelabel .fas {
    font-size: 10px
}

.bs .bsx .limit .novelabel,.listupd .utao.styletwo .uta .imgu .novelabel {
    position: absolute;
    z-index: 1;
    bottom: 5px;
    left: 5px;
    background: #eb6404;
    color: rgba(255,255,255,0.8);
    font-weight: 700;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 3px;
    text-transform: uppercase
}

.bs .bsx .limit .hotx, .listupd .utao.styletwo .uta .imgu .hotx {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1;
    width: 25px;
    text-align: center;
    background: #F44336;
    border-radius: 50%
}

.bs .bsx .limit .hotx .fab, .listupd .utao.styletwo .uta .imgu .hotx .fab {
    line-height: 25px;
    color: #FFF
}

.bs .bsx .rating-prc .rtp .rtb {
    font-size: 13px;
    width: 73px;
    margin-right: 5px;
    height: 13px
}

.bs .bsx .numscore {
    line-height: normal
}

.bs.styletere .adds {
    color: #999
}

.bs.styletere .epxdate {
    font-size: 11px;
    margin-top: 3px
}

.bs.styletere .epxs {
    color: #6091f3;
}

.bs.styletere .bsx .tt {
    font-size: 13px
}

.bs.stylefor {
    width: 25%
}

.bs.stylefor .bsx {
    border: 1px solid #383838;
    border-radius: 5px
}

.bs.stylefor .bsx .limit {
    padding: 65% 0 0
}

.bs.stylefor .bsx .bigor {
    padding: 10px;
    height: auto
}

.bs.stylefor .bsx .bigor .tt {
    margin: 0;
    white-space: nowrap;
    font-size: 14px;
}

.bs.stylefor .bsx .bigor .epxdate {
    color: #999
}

.bs.stylefor .bsx .bigor .adds {
    margin-top: 8px
}

.bs.stylefor .bsx .bigor .adds .epxs {
    background: #333;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    color: #CCC
}

.bs.stylefiv {
    width: 25%;
}

.bs.stylefiv .bsx .limit {
    border-radius: 5px
}

.bs.stylefiv .bsx .tt {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    height: 42px;
}

.bs.stylefiv .bsx .chfiv {
    padding: 0;
    margin: 0;
    list-style: none
}

.bs.stylefiv .bsx .chfiv li {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 5px;
    background: #333;
    border-radius: 5px;
}

.bs.stylefiv .bsx .chfiv li a {
    color: #ddd;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    display: block;
    padding: 6px 10px;
}

.bs.stylefiv .bsx .chfiv li a:hover {
    background: #366ad3;
    color: #FFF
}

.bs.stylefiv .bsx .chfiv li .fivchap {
    float: left;
}

.bs.stylefiv .bsx .chfiv li a:hover .fivchap {
    color: #FFF;
}

.bs.stylefiv .bsx .chfiv li .fivtime {
    color: #ddd;
    float: right;
    font-size: 11px;
    font-weight: normal;
}

.bs.stylefiv .bsx .bigor {
    height: 125px;
}

.bs.stylefiv .bsx .limit:hover img {
    transform: scale(1.1);
}

.bs.stylefiv.stylesix {
    width: 20%;
}

.bs.stylesix .bsx .tt {
    -webkit-line-clamp: 1;
    line-clamp: 1;
    height: unset;
    font-weight: 600;
    font-size: 13px;
    text-align: left;
    margin-bottom: 5px;
}

.bs.stylesix .bsx .bigor {
    height: 72px;
}

.bs.stylesix .bsx .chfiv li {
    background: none;
    font-family: 'Fira Sans',sans-serif;
    border-radius: none;
}

.bs.stylesix .bsx .chfiv li a {
    display: inline-block;
    padding: 0 7px;
    background: #283c5a;
    color: #799adc;
    border-radius: 10px;
    overflow: unset;
    margin-right: 5px;
}

.bs.stylesix .bsx .chfiv li .fivtime {
    font-size: 11px;
    font-weight: 500;
    color: #999;
    float: none;
}

.statusind {
    position: relative;
    display: inline-block;
    background: #333;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 11px;
    font-family: 'Fira Sans',sans-serif;
}

.statusind i {
    margin-right: 5px;
    font-size: 9px;
}

.statusind.Ongoing i {
    color: #e38801;
}

.statusind.Completed i {
    color: #d6291c;
}

.stylesven {
    width: 50%;
    float: left;
    overflow: hidden;
}

.stylesven .sveninner {
    margin: 10px;
    position: relative;
    background: #282828;
    padding: 15px;
}

.stylesven .sveninner .sventop {
    overflow: hidden;
    margin-bottom: 20px;
}

.stylesven .sveninner .sventop .sventhumb {
    float: left;
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 10px;
    background: #333;
}

.stylesven .sveninner .sventop .sveninfo {
    overflow: hidden;
}

.stylesven .sveninner .sventop .sveninfo .sventitle {
    margin-bottom: 5px;
}

.stylesven .sveninner .sventop .sveninfo .sventitle h4 {
    margin: 0;
    font-weight: 600;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stylesven .sveninner .sventop .sveninfo .svendetop {
    font-size: 12px;
    color: #888;
    overflow: hidden;
}

.stylesven .sveninner .sventop .sveninfo .svendetop .svenmeta {
    float: left;
    margin-right: 20px;
}

.stylesven .sveninner .sventop .sveninfo .svendetop .svenmeta i {
    font-size: 11px;
    margin-right: 3px;
}

.stylesven .sveninner .svenbottom {
    overflow: hidden;
}

.stylesven .sveninner .svenbottom .svenmetabot {
    position: relative;
}

.stylesven .sveninner .svenbottom .svenmetabot .statusind {
    float: left;
}

.stylesven .sveninner .svenbottom .svenmetabot .svenchapters {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
}

.stylesven .sveninner .svenbottom .svenmetabot .svenchapters li {
    float: right;
    margin-left: 15px;
}

.stylesven .sveninner .sventop .sveninfo .svendetop .svenmeta .type {
    width: 15px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    float: left;
    margin-top: 4px;
    margin-right: 7px;
}

.stylesven .sveninner .svenbottom .svenmetabot .svenchapters li span {
    display: none;
}

.listupd .utao.stylegg .uta {
    border: 0;
    margin: 10px;
    position: relative;
    background: #282828;
    padding: 15px;
    height: 155px;
}

.listupd .utao.stylegg .uta .imgu {
    width: 90px;
    height: 125px;
    background: #333;
}

.listupd .utao.stylegg .uta .imgu img {
    width: 100%;
}

.listupd .utao.stylegg .uta .imgu .type {
    width: 20px;
    height: 14px;
}

.listupd .utao.stylegg .uta .luf {
    position: relative;
}

.listupd .utao.stylegg .uta .luf h4 {
    font-size: 14px;
    margin-bottom: 10px;
}

.listupd .utao.stylegg .uta .luf ul {
    list-style: none;
    padding: 0;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.listupd .utao.stylegg .uta .luf ul li {
    overflow: hidden;
    flex: 1 1 0%;
}

.listupd .utao.stylegg .uta .luf ul li span {
    float: none;
    display: block;
    text-align: center;
    margin: 0;
}

.listupd .utao.stylegg .uta .luf ul li a {
    float: none;
    border: 1px solid #3c3c3c;
    border-radius: 5px;
    max-width: unset;
    padding: 4px 3px;
}

.listupd .utao.stylegg .uta .luf ul li:nth-child(2) {
    margin-left: 5px;
}

.listupd .utao.stylegg .uta .luf ul li span.eggchap {
    color: #DDD;
}

.listupd .utao.stylegg .uta .luf ul li span.eggtime {
    font-size: 11px;
    margin-top: 2px;
}

.listupd .utao.stylegg .uta .luf ul li a:hover .eggchap {
    color: #FFF;
}

.listupd.popularslider {
    padding-bottom: 10px;
}

.listupd.popularslider .popconslide {
    white-space: nowrap;
    overflow: auto;
    padding-bottom: 5px;
    display: flex;
}

.listupd.popularslider .popconslide .bs {
    display: block;
    float: none !important;
    white-space: normal;
    flex: 1 0 165px;
    max-width: 165px;
}

.listupd.popularslider .popconslide::-webkit-scrollbar {
    height: 9px;
    background-color: #111;
    border-radius: 2px;
}

.listupd.popularslider .popconslide::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 2px;
}

ul.taxindex {
    list-style: none;
    padding: 0;
    margin: 0 -10px;
    overflow: hidden;
    flex-wrap: wrap;
    display: flex
}

ul.taxindex li {
    width: 25%
}

ul.taxindex li a {
    margin: 10px;
    padding: .5rem 1rem;
    display: block;
    font-weight: 500;
    border-radius: .25rem;
    background: #333;
    color: #999
}

ul.taxindex li a i {
    float: right;
    font-style: normal;
    color: #727579;
    font-weight: 400
}

ul.taxindex li a:hover {
    background: #e2e8f0;
    color: #727579
}

ul.taxindex li a span {
    display: inline-block;
    max-width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.restrictcontainer {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.restrictcontainer .restrictcheck {
    height: 100%;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: rgba(0,0,0,0.8)
}

.restrictcontainer .restrictcheck .restrictmess {
    max-width: 600px;
    text-align: center;
    padding: 20px
}

.restrictcontainer .restrictcheck .restrictmess .restitle {
    font-size: 28px;
    font-weight: 700;
    color: #FFF;
    margin-bottom: 15px
}

.restrictcontainer .restrictcheck .restrictmess .resdescp {
    background: #dd5f05;
    color: #FFF;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 3px
}

.restrictcontainer .restrictcheck .restrictmess .resconfirm {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -10px
}

.restrictcontainer .restrictcheck .restrictmess .resconfirm .rescb {
    width: 50%;
    margin: 0 10px;
    padding: 7px 10px;
    background: #141414;
    color: #FFF;
    border-radius: 3px;
    border: 0;
    font-family: inherit;
    cursor: pointer
}

.restrictcontainer .restrictcheck .restrictmess .resconfirm .rescb.enterx {
    background: #d30000
}

.cts {
    font-size: 13px;
    line-height: 19px;
    overflow: hidden;
    height: 85px;
    overflow-y: scroll;
    padding: 5px;
    border: 1px solid #DDD
}

.cts p {
    margin: 0
}

.chapterbody .bs {
    width: 14.28%
}

#content.readercontent {
    overflow: auto;
    max-width: none
}

#content.readercontent .ts-breadcrumb {
    text-align: center;
    max-width: 1142px;
    margin: 0 auto
}

#content.readercontent .ts-breadcrumb a {
    color: #999
}

#content.readercontent .chdesc {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 25px;
    max-width: 1142px
}

.page {
    padding: 15px;
}

.page h2,.page h3,.page h4 {
    margin: 0;
    font-weight: 500;
    margin-bottom: 5px
}

.page.blog {
    color: #DDD;
    font-size: 14px
}

.page.blog img {
    width: auto!important;
    max-width: 70%
}

.page .pagination {
    margin-top: 30px;
    margin-bottom: 9px;
}

.bigblogt {
    clear: both;
    overflow: hidden;
    margin-bottom: 15px
}

.bigblogt h1 {
    margin: 0;
    line-height: normal;
    font-size: 20px;
    font-weight: 400;
    color: #DDD;
    margin-bottom: 3px
}

.bigblogt span {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase
}

.bigblogt span a {
    background: #366ad3;
    color: #ddd;
    padding: 0 5px;
    margin-left: 10px
}

.page.blog .thumb {
    margin: -15px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    padding: 40% 0 0;
    border-bottom: 3px solid #366ad3
}

.page.blog .thumb img {
    width: 100%!important;
    max-width: 100%!important;
    top: 0;
    position: absolute;
    z-index: 1
}

.page.blog .thumb .shdwx {
    background: rgba(0,0,0,0.13);
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    top: 0;
    box-shadow: inset 0 0 150px #000
}

.alr {
    margin-bottom: 18px;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    -khtml-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    -ms-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    -o-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    box-shadow: 0 2px 3px rgba(0,0,0,.1);
    border-radius: 3px;
    color: #FFF;
    background: #d7382d;
    font-size: 13px;
    padding: 15px
}

.postb {
    font-size: 15px;
    line-height: 22px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #DDD
}

.sosmed {
    position: absolute;
    right: 10px;
    bottom: 15px
}

.sosmed span {
    width: auto;
    height: auto;
    font-size: 16px;
    padding: 4px;
    border-radius: 15px;
    color: #FFF;
    background: #444;
    margin-right: 3px
}

.bixbox.mctn {
    padding: 15px;
    font-size: 13px;
    color: #777
}

.mctnx {
    margin: 15px
}

.listo {
    overflow: hidden;
    margin: -15px;
    font-size: 14px;
    padding: 15px;
    position: relative
}

.listo .bx {
    padding: 13px 0;
    border-bottom: 1px solid #262432;
    overflow: hidden
}

.listo .bx .imgx {
    width: 70px;
    min-height: 98px;
    float: left
}

.listo .bx .inx {
    overflow: hidden;
    padding-left: 15px
}

.listo .bx .inx h2 {
    font-size: 1em;
    font-weight: 500;
    margin: 0 0 3px;
    line-height: 1.2em
}

.listo .bx .inx span {
    font-size: .9em;
    margin-bottom: 5px;
    line-height: 18px
}

.listo .bx .inx span p {
    margin: 0
}

.lista {
    padding: 10px;
    margin: -15px;
    line-height: normal;
    text-align: center
}

.lista a {
    margin: 4px;
    border: 1px solid #366ad3;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    min-width: 32px;
    text-align: center;
    font-size: 14px;
    padding: 5px 8px;
    display: inline-block;
    color: #FFF;
    background: #366ad3
}

.lista a:hover {
    background: #292635;
    color: #CCC;
    border-color: #292635
}

.nextprev {
    overflow: hidden
}

.nextprev .prev {
    float: left
}

.nextprev .next {
    float: right
}

.postb img {
    max-width: 100%;
    height: auto
}

.postb .imgb {
    display: block;
    margin: 0 auto;
    margin-bottom: 15px;
    max-width: 75%
}

.postarea {
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 15px
}

.headpost {
    overflow: hidden;
    text-align: center;
    padding: 0 10px;
    margin: 0 auto;
    margin-bottom: 15px;
    max-width: 1142px
}

.headpost h1 {
    margin: 0;
    font-size: 21px;
    color: #DDD
}

.allc a {
    color: #ddd;
    font-weight: 500
}

.headpost .allc {
    font-size: 13px
}

.headpost .allc a {
    color: #366ad3
}

.headpost .allc a:hover {
    color: inherit
}

.chnav {
    overflow: hidden;
    margin: 0 auto;
    max-width: 1142px
}

.nextprev a {
    display: block;
    padding: 2px 15px;
    border-radius: 20px;
    color: #FFF;
    font-size: 13px;
    background: #366ad3;
    line-height: 25px
}

.nextprev a[rel=next] {
    float: right
}

.nextprev a[rel=prev] {
    float: left
}

.nextprev a:hover {
    background: #333!important;
    color: #FFF!important
}

.black{background:#16151d;color:#999}
.black a{color:#DDD}
.black .nextprev a{color:#FFF}
.black a:hover{color:#FFF}


.black .nextprev a.disabled {
    background: #222;
    color: #555
}

.black .nextprev a.disabled:hover {
    background: #222!important;
    color: #555!important;
    cursor: default
}

.readingnav {
    display: none;
}

.readingnav.rnavbot .readingnavbot .readingoption .nextprev a.disabled {
    cursor: default;
    color: #555
}

.readingnav.rnavbot .readingnavbot .readingoption .nextprev a:hover {
    background: none!important
}

.chnav.selectchp .npv {
    float: right
}

.chnav.selectchp .slc {
    float: left;
    margin-left: 10px
}

.chnav.selectchp .slc #chapter {
    background: #252428;
    color: #DDD;
    border: 1px solid #3e3949;
    font-family: inherit;
    padding: 3px 10px;
    font-size: 13px;
    border-radius: 2px;
    max-width: 300px
}

.chnav .dlx {
    float: right
}

.chnav .dlx a {
    display: block;
    padding: 2px 10px;
    font-size: 13px;
    border-radius: 20px;
    color: #FFF;
    line-height: 25px;
    margin-left: 5px;
    background: #d50f00;
    position: relative;
    z-index: 1
}

.chnav .dlx a:hover {
    background: #333
}

.chnav.selectchp .npv .nextprev {
    margin-left: 5px
}

.chnav .selector select {
    background: #333;
    border: 1px solid #333;
    font-family: inherit;
    display: block;
    color: #9b9b9b;
    padding: 5px 10px;
    padding-right: 25px;
    border-radius: 20px;
    font-size: 13px;
    -webkit-appearance: none;
    appearance: none;
}

.chnav .l .nvx,.chnav .pagedsel,.chnav .readingmode,.readingnav.rnavbot .readingnavbot .readingoption .selectorx.l .nvx,.readingnav.rnavbot .readingnavbot .readingoption .nextprev .pagedsel {
    position: relative
}

.chnav .l .nvx:after,.chnav .pagedsel:after,.chnav .readingmode:after,.mirror-select:after,.readingnav.rnavbot .readingnavbot .readingoption .selectorx.l .nvx:after,.readingnav.rnavbot .readingnavbot .readingoption .nextprev .pagedsel:after {
    position: absolute;
    top: 0;
    right: 7px;
    content: "\f0dc";
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    background: 0 0;
    width: 17px;
    top: 50%;
    font-size: 12px;
    transform: translateY(-50%);
    background: #333;
    text-align: center;
}

.readingnav.rnavbot .readingnavbot .readingoption .selectorx.l .nvx:after,.readingnav.rnavbot .readingnavbot .readingoption .mirror-select:after,.readingnav.rnavbot .readingnavbot .readingoption .nextprev .pagedsel:after {
    background: none;
}

.mirror-select {
    position: relative
}

.chnav .l {
    float: left;
    margin-right: 10px
}

.chnav .r {
    float: right;
    margin-left: 10px
}

.nextprev a[rel=next] {
    margin-left: 10px
}

.chnav.ctop {
    margin-bottom: 20px
}

.chnav.cbot {
    margin-top: 20px;
    margin-bottom: 20px
}

.readingnav {
    padding: 0 20px;
    width: 100%;
    position: fixed;
    left: 0;
    z-index: 1;
    background: rgba(0,0,0,.7);
    transition: all .8s ease
}

.readingnav.rnavtop {
    top: -44px;
}

.readingnav.rnavbot {
    bottom: -40px;
}

.readingnav.rnavtop .readingnavtop {
    max-width: 1142px;
    margin: 0 auto;
    display: flex;
    flex-wrap: nowrap
}

.readingnav.rnavtop .readingnavtop .daw {
    width: 33.33333%
}

.readingnav.rnavtop .readingnavtop .daw.chpnw {
    text-align: center;
    color: #FFF;
    line-height: 44px;
    font-size: 15px
}

.readingnav.rnavtop .readingnavtop .daw.backseries {
    font-size: 25px
}

.readingnav.rnavtop .readingnavtop .daw .fas {
    line-height: 43px
}

.readingnav.rnavtop .readingnavtop .daw.dl {
    text-align: right;
    font-size: 18px
}

.readingnav.rnavbot .readingnavbot {
    max-width: 1142px;
    margin: 0 auto
}

.readingnav.rnavbot .readingnavbot .readingbar {
    margin: 10px 0;
    height: 7px;
    background: #000
}

.readingnav.rnavbot .readingnavbot .readingbar .readingprogress {
    height: 7px;
    background: #366ad3
}

.readingnav.rnavbot .readingnavbot .readingoption {
    margin-bottom: 10px;
    overflow: hidden
}

.readingnav.rnavbot .readingnavbot .readingoption:after {
    clear: both
}

.readingnav.rnavbot .readingnavbot .readingoption .l {
    float: left
}

.readingnav.rnavbot .readingnavbot .readingoption .nextprev {
    float: right
}

.readingnav.rnavbot .readingnavbot .readingoption .selectorx select {
    font-family: inherit;
    background: #000;
    border: 1px solid #000;
    color: #ccc;
    padding: 5px 10px;
    border-radius: 20px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 25px;
}

.readingnav.rnavbot .readingnavbot .readingoption .selectorx.l {
    margin-right: 10px
}

.readingnav.rnavbot .readingnavbot .readingoption .nextprev a {
    background: 0;
    font-size: 19px;
    padding: 0;
    color: #ccc
}

.readingnav.rnavbot .readingnavbot .readingoption .nextprev a .fas {
    line-height: 29px
}

.readingnav.rnavbot .readingnavbot .readingoption .nextprev a[rel=prev] {
    margin-right: 10px
}

.hidenopt .readingnav.rnavbot {
    bottom: 0;
}

.hidenopt .readingnav.rnavtop {
    top: 0;
}

.customize-support.hidenopt .readingnav.rnavtop {
    top: 32px;
}

.readingnav.rnavtop.headerfor {
    top: 68px
}

.customize-support .readingnav.rnavtop.headerfor {
    top: 100px
}

.readingnav.rnavbot .minimizebar {
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    text-align: center;
}

.readingnav.rnavbot .minimizebar .icomin {
    display: inline-block;
    background: rgba(0,0,0,.7);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 5px 20px;
    cursor: pointer;
}

.readingnav.rnavbot .minimizebar .icomin .barip {
    height: 5px;
    width: 50px;
    background: #535353;
    border-radius: 10px
}

.fontSize {
    margin: 0 auto;
    max-width: 1142px;
    text-align: center;
    margin-bottom: 15px
}

.fontSize .setSize {
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    background: #333;
    border-radius: 50%;
    font-weight: 700
}

#readerarea {
    margin: 10px auto;
    text-align: center;
    position: relative;
    max-width: 1142px
}

#readerarea .preventclick {
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

#readerarea img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    display: block
}

/* Imágenes que son más anchas que el contenedor - no se estiran */
#readerarea img.img-wide,
#readerarea img.ts-main-image.img-wide {
    width: auto !important;
    max-width: 100%
}

/* Imágenes pequeñas - expandir al 100% del contenedor */
#readerarea img.img-small,
#readerarea img.ts-main-image.img-small {
    width: 100% !important;
    max-width: 100%;
    margin: 0 auto;
    display: block
}

#readerarea br {
    display: none
}

#readerarea p {
    margin: 0
}

#readerarea.rdminimal {
    text-align: left;
    line-height: 160%
}

#readerarea.novelarea p{margin-bottom:10px}
#readerarea.novelarea br{display:block}

#readerarea .gallery {
    overflow: hidden
}

.readingnav .rdnmx {
    position: absolute;
    width: 100%;
    height: 45px;
    left: 0;
    cursor: pointer
}

.readingnav .rdnmx.rdbot {
    bottom: 65px
}

.readingnav .rdnmx.rdtop {
    top: 44px
}

.hidenopt .readingnav .rdnmx {
    height: 25px
}

#content.readercontent .chaptertags {
    max-width: 1142px;
    margin: 0 auto;
    margin-bottom: 15px;
    background: #222;
    overflow: hidden;
    border-radius: 3px;
    padding: 0 15px;
    font-size: 13px
}

#content.readercontent .bixbox {
    margin: 0 auto;
    margin-bottom: 20px;
    max-width: 1142px
}

img.curleft {
    cursor: url(assets/img/arrow-left-circle.svg),auto
}

img.curright {
    cursor: url(assets/img/arrow-right-circle.svg),auto
}

img.curdown {
    cursor: url(assets/img/arrow-down-circle.svg),auto
}

.releases.series {
    display: block;
    margin-bottom: 15px
}

.releases.series h1 {
    font-weight: 500;
    font-size: 20px;
    display: block;
    padding: 0;
    margin: 0;
    color: #000;
    padding-bottom: 2px;
    font-family: inherit
}

.releases.series .alter {
    display: block;
    color: #999;
    font-size: 13px;
    padding-bottom: 5px
}

#content.manga-info {
    position: unset;
    max-width: 1100px;
    margin-top: 0
}

#content.manga-info .wrapper {
    position: unset
}

#content.manga-info .postbody.full {
    z-index: 1;
    position: relative;
    padding-top: 125px
}

.bigcover {
    position: absolute;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 280px;
    overflow: hidden;
    background: #222
}

.bigcover img {
    width: 100%;
    min-height: 280px
}

.bigcover .img-blur {
    -webkit-filter: blur(60px);
    -moz-filter: blur(60px);
    -ms-filter: blur(60px);
    filter: blur(60px)
}

.bigcover .bigbanner {
    background-position: 50% 35%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 280px
}

.side.infomanga {
    overflow: hidden;
    margin-bottom: 15px
}

.side.infomanga .imgprop {
    float: left;
    margin-right: 5px
}

.side.infomanga .imgprop img {
    float: left;
    max-width: 190px;
    height: auto
}

.side.infomanga table.listinfo {
    overflow: hidden
}

.side.infomanga table.listinfo tr {
    vertical-align: top
}

.side.infomanga table.listinfo tr th {
    display: block;
    font-weight: 700;
    text-align: left;
    padding: 3px 10px
}

.side.infomanga table.listinfo tr td {
    padding: 3px 10px 3px 0
}

.sny {
    overflow: hidden
}

.sny h2 {
    margin: 0;
    font-weight: 500;
    font-size: 16px
}

.main-info .info-desc h1 {
    margin: 0;
    font-size: 21px;
    font-weight: 700;
    line-height: 28px;
    color: #FFF;
}

.socialts {
    overflow: hidden;
    margin-bottom: 15px
}

.chapterbody .socialts {
    text-align: center
}

.socialts a {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    background: #333;
    color: #FFF!important;
    padding: 0;
    line-height: 26px;
    font-size: 12px;
    border-radius: 3px;
}

.socialts a i {
    padding-left: 10px;
    padding-right: 2px;
}

.socialts a span {
    padding-right: 10px;
}

.socialts a.fb {
    background: #1877f2;
}

.socialts a.fb:hover {
    background: #2f477b
}

.socialts a.twt {
    background: #1DA1F2
}

.socialts a.twt:hover {
    background: #1781c3
}

.socialts a.wa {
    background: #01ba6d
}

.socialts a.wa:hover {
    background: #008f54
}

.socialts a.pntrs {
    background: #e81737
}

.socialts a.pntrs:hover {
    background: #b2132c
}

.socialts a.tlg{background:#27a5e5}
.socialts a.tlg:hover{background:#1e7eaf}

.main-info .info-desc .alter {
    display: block;
    margin-bottom: 5px;
    color: #555
}

.main-info .info-desc .spe {
    margin-bottom: 10px;
    overflow: hidden
}

.main-info .info-desc .spe span {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 2px;
    float: left;
    padding-left: 14px;
    position: relative
}

.main-info .info-desc .spe span.split {
    overflow: hidden;
    white-space: nowrap
}

.main-info .info-desc .desc {
    line-height: 1.4em;
    color: #888
}

.main-info .info-desc .spe span:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    background: #366ad3;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 4px
}

.rating-prc .rtp {
    overflow: hidden;
    float: left;
}

.rating-prc .rtp .rtb {
    position: relative;
    overflow: hidden;
    color: #ffc700;
    height: 15px;
    line-height: 1;
    width: 85px;
    font-size: 15px;
    margin: 0 auto
}

.rating-prc .rtp .rtb:before {
    content: "\f005\f005\f005\f005\f005";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 0;
    left: 0;
    color: #686868;
    height: 15px
}

.rating-prc .rtp .rtb span {
    overflow: hidden;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 15px
}

.rating-prc .rtp .rtb span:before {
    content: "\f005\f005\f005\f005\f005";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: 0;
    position: absolute;
    left: 0
}

.rating-prc .num {
    float: right;
    line-height: normal;
    font-size: 13px
}

.main-info .wd-full {
    margin-top: 15px;
}

.main-info .wd-full b,.main-info .info-desc .wd-full h2,.main-info .info-desc .flex-wrap .fmed b {
    margin: 0;
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
    color: #d9d9d9;
    font-weight: 500
}

.main-info .wd-full span {
    display: block
}

.main-info .wd-full p {
    margin: 0
}

.main-info .flex-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.main-info .flex-wrap .fmed {
    width: 50%
}

.main-info .wd-full .mgen {
    display: block;
    overflow: hidden
}

.main-info .wd-full .mgen a {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 6px;
    background: #343434;
    padding: 4px 12px;
    border-radius: 3px
}

.main-info .wd-full .entry-content.entry-content-single {
    line-height: 24px
}

.main-info {
    overflow: hidden
}

.main-info .info-left {
    float: left;
    width: 235px;
    margin-right: 15px
}

.main-info .info-right {
    overflow: hidden
}

.main-info .info-left .thumb {
    margin-bottom: 10px;
    position: relative
}

.main-info .info-left .thumb img {
    width: 100%
}

.main-info .info-left .rating {
    text-align: center;
    padding: 9px 10px;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px
}

.main-info .info-left .tsinfo {
    margin-top: 10px
}

.info-desc {
    padding: 15px
}

.info-desc h1 {
    margin: 0;
    font-size: 21px;
    font-weight: 700;
    line-height: 28px;
    color: #FFF
}

.info-desc .alternative {
    margin-top: 5px;
    display: block;
    font-size: 13px;
    color: #999
}

.info-right .socialts {
    text-align: center
}

.imptdt {
    padding: 7px 10px;
    overflow: hidden;
    font-size: 13px;
}

.imptdt i,.imptdt a {
    font-style: normal;
    float: right;
    color: #999;
}

.animefull .bottom {
    background: rgba(34,58,101,0.02);
    padding: 12px 20px;
    font-size: .85em;
    border-top: 1px solid #312f40;
    text-transform: lowercase;
    font-weight: 300
}

.bookmark {
    text-align: center;
    background: #366ad3;
    font-size: 14px;
    color: #FFF;
    border-radius: 5px;
    padding: 8px 5px;
    cursor: pointer;
    font-weight: 600;
}

.bookmark .dashicons {
    width: auto;
    height: auto;
    font-size: 16px
}

.bookmark:hover {
    background: #222
}

.bookmark.marked {
    background: #be342a
}

.bmc {
    text-align: center;
    font-size: 12px;
    margin-top: 4px
}

.hapus {
    display: inline-block;
    padding: 2px 18px;
    font-size: 13px;
    line-height: 20px;
    border-radius: 3px;
    color: #FFF;
    background: #e53427;
    cursor: pointer
}

.delmark {
    position: absolute;
    z-index: 9;
    cursor: pointer;
    top: 0;
    right: 0;
    color: #FFF;
    font-size: 13px;
    padding: 2px 5px;
    border-bottom-left-radius: 5px;
    background: #e53427
}

.bixbox.trailer {
    overflow: hidden
}

.bixbox.trailer .tply {
    padding: 58% 0 0;
    position: relative
}

.bixbox.trailer .tply iframe {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute
}

#gallery {margin:15px !important;height:245px !important;display: block !important;}

#gallery.owl-loaded {
    margin: 15px;
    overflow: hidden;
    width: unset
}

#gallery.owl-loaded .owl-dots {
    position: relative;
    bottom: 0;
    margin-top: 10px
}

#gallery.owl-loaded .owl-dots span {
    box-shadow: none;
    background: #555;
    cursor: pointer
}

#gallery.owl-loaded .owl-item {
    max-height: 210px
}

#gallery.owl-loaded .owl-dots .owl-dot.active span {
    background: #366ad3!important
}

.lastend {
    overflow: hidden;
    position: relative;
    margin: 10px
}

.lastend .inepcx {
    width: 50%;
    float: left;
    text-align: center
}

.lastend .inepcx a {
    display: block;
    color: #fff;
    margin: 5px;
    padding: 15px;
    background: #366ad3;
    border-radius: 5px;
    line-height: normal
}

.lastend .inepcx a span {
    display: block;
    font-size: 15px
}

.lastend .inepcx a span.epcur {
    font-size: 20px;
    margin-top: 6px;
    font-weight: 700
}

.lastend .inepcx a:hover {
    background: #333
}

.search-chapter {
    overflow: hidden;
    position: relative;
    margin: 0 15px 15px
}

#searchchapter {
    width: 100%;
    color: #CCC;
    font-family: inherit;
    padding: 7px 10px;
    background: #343434;
    border: 1px solid #464357;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.bxcl {
    overflow: hidden
}

.bxcl ul {
    padding: 0;
    list-style: none;
    margin: 0;
    margin-left: -5px;
    overflow: auto;
    max-height: 297px
}

.bxcl ul li {
    float: left;
    width: 25%
}

.bxcl ul #lihide {
    float: none!important;
    width: auto!important
}

.bxcl ul li .rg {
    margin: 5px;
    padding: 10px;
    overflow: hidden;
    position: relative;
    background: #FAFAFA;
    border: 2px solid #e2e3e7
}

.bxcl ul li .rg .lch {
    float: left
}

.bxcl ul li .rg .dlx {
    position: absolute;
    right: 10px;
    top: 0
}

.bxcl ul li .rg .dlx a.dlxx {
    overflow: hidden;
    position: relative
}

.bxcl ul li .rg .dlx a.dlxx .dashicons {
    width: auto;
    height: auto;
    font-size: 22px;
    line-height: 38px;
    color: #888
}

.bxcl ul li .rg .dlx a.dlxx .dashicons:hover {
    color: #006400;
    text-decoration: none
}

.bxcl ul li .rg .dlx .ndlx {
    font-size: 22px;
    line-height: 36px;
    color: #c6c6c6
}

.bxcl ul li span.dt {
    float: right
}

.bxcl ul li .lchx {
    line-height: 26px
}

.bxcl ul li span.dt a {
    display: block;
    background: #366ad3;
    color: #DDD;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border: none;
    box-shadow: none;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    margin-left: 7px;
    float: left
}

.bxcl ul li span.dt a .dashicons {
    width: auto;
    height: auto;
    font-size: 16px;
    line-height: 18px;
    color: #DDD
}

.bxcl ul li span.dt a:hover {
    background: #222;
    color: #fff
}

.bxcl ul li span.dt a:hover .dashicons {
    color: #FFF
}

.bxcl ul li .chbox {
    overflow: hidden;
    padding: 5px 10px;
    border: 1px solid #333;
    font-size: 14px;
    margin: 0 5px;
    margin-bottom: 10px;
    position: relative;
    border-radius: 5px
}

.bxcl ul li .chbox:hover {
    background: #333
}

.bs .bsx .limit .bt span.sb .dashicons {
    width: auto;
    height: auto;
    font-size: 12px;
    line-height: 19px;
    color: rgba(34,58,101,0.9)
}

#chapterlist {
    margin: 15px;
    font-family: 'Fira Sans',sans-serif;
}

.bxcl ul::-webkit-scrollbar-thumb,.quickfilter .filters .filter .genrez::-webkit-scrollbar-thumb {
    background: #366ad3
}

.bxcl ul::-webkit-scrollbar-track,.quickfilter .filters .filter .genrez::-webkit-scrollbar-track {
    background: none
}

.bxcl ul::-webkit-scrollbar,.quickfilter .filters .filter .genrez::-webkit-scrollbar {
    width: 5px
}

.bxcl ul li .eph-num {
    float: left
}

.bxcl ul li .dt {
    float: right;
    font-size: 20px;
    margin-top: 8px;
    margin-right: 5px
}

.bxcl ul li .eph-num span {
    display: block
}

.bxcl ul li .eph-num span.chapternum {
    font-weight: 400
}

.bxcl ul li .eph-num span.chapterdate {
    font-size: 12px;
    color: #888
}

.bxcl ul li .eph-num a:visited {
    color: #366ad3
}

.bxcl ul li .dt a {
    color: #366ad3
}

.bxcl ul li .dt a:hover {
    color: #FFF
}

.bxcl .clstyle {
    margin-left: 0
}

.bxcl .clstyle li {
    float: none;
    width: auto
}

.bxcl .clstyle li .chbox {
    margin-left: 0
}

.bxcl .clstyle li .eph-num {
    width: 85%
}

.bxcl .clstyle li span.chapternum {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.page .auth {
    margin-bottom: 15px;
    display: block;
    color: #999;
    font-size: 11px;
    font-family: tahoma
}

.page .auth a {
    color: #999
}

.page img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 10px;
    display: block;
    text-align: center
}

.page iframe {
    width: 100%;
    min-height: 350px
}

.bloglist {
    position: relative
}

.bloglist .bl {
    overflow: hidden;
    padding: 15px
}

.bloglist .bl:nth-child(odd) {
    background: #262432
}

.bloglist .bl .l {
    float: left;
    width: 80%
}

.bloglist .bl .r {
    overflow: hidden;
    padding-left: 10px;
    text-align: right
}

.bloglist .bl .r span {
    padding-top: 11px;
    display: block;
    color: #6a6a6a;
    font-size: 12px
}

.bloglist .bl .l h2 {
    margin: 0;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400
}

.bloglist .bl .l span {
    font-size: 13px
}

.genres {
    margin: 0;
    margin-bottom: 15px;
    background: #f7f7f7;
    padding: 10px;
    overflow: hidden;
    color: #999;
    border-radius: 5px
}

.genres li {
    width: 20%;
    margin-left: 25px;
    line-height: 24px;
    float: left
}

.genres li a {
    color: #333
}

.advancedsearch {
    position: relative
}

.advancedsearch .quickfilter .filters .filter,.advancedsearch .quickfilter .filters .filter.submit {
    width: 20%;
    position: static
}

.advancedsearch .quickfilter .filters .filter ul {
    right: 0;
    left: 0;
    top: auto;
    width: auto
}

.advancedsearch .quickfilter .filters .filter ul.dropdown-menu.c1 {
    max-width: none;
    float: none
}

.advancedsearch .quickfilter .filters .filter ul.dropdown-menu.c1 li {
    width: 20%;
    float: left;
}

.quickfilter .filters .filter .genrez {
    max-height: 240px;
    overflow: auto;
}

.quickfilter .filters .filter .genrez:hover {
    overflow-y: scroll
}

.advancedsearch .quickfilter .filters .filter ul li {
    width: 20%;
}

.genx {
    display: block;
    position: relative;
    padding: 3px 0;
    padding-left: 17px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    width: 20%
}

.genx input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkmark {
    position: absolute;
    top: 8px;
    left: 0;
    height: 6px;
    border-radius: 50%;
    width: 6px;
    background-color: #282635
}

.genx:hover input ~ .checkmark {
    background-color: #ccc
}

.genx input:checked ~ .checkmark {
    background-color: #e3eff2
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.genx input:checked ~ .checkmark:after {
    display: block
}

.genx .checkmark:after {
    left: 2px;
    top: -2px;
    width: 5px;
    height: 10px;
    border: solid #28a745;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.radiox {
    display: block;
    position: relative;
    padding-left: 18px;
    margin-right: 15px;
    margin-bottom: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radiox input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkmarkx {
    position: absolute;
    top: 3px;
    left: 0;
    height: 12px;
    width: 12px;
    background-color: #282635;
    border-radius: 50%
}

.radiox:hover input ~ .checkmarkx {
    background-color: #ccc
}

.radiox input:checked ~ .checkmarkx {
    background-color: #366ad3
}

.checkmarkx:after {
    content: "";
    position: absolute;
    display: none
}

.radiox input:checked ~ .checkmarkx:after {
    display: block
}

.radiox .checkmarkx:after {
    top: 3px;
    left: 3.5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #fff
}

.advancedsearch button.searchz {
    font-family: inherit;
    border: 1px solid #366ad3;
    color: #ddd;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 30px;
    background: #366ad3;
    cursor: pointer;
    font-weight: 300;
    display: inline-block;
    font-size: 17px;
    margin: 2px
}

.btnx {
    text-align: center;
    overflow: hidden
}

.gnr {
    font-family: inherit;
    border: 1px solid #333041;
    color: #DDD;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 30px;
    background: #333041;
    cursor: pointer;
    font-weight: 300;
    display: none;
    font-size: 17px;
    margin: 2px;
    cursor: pointer
}

.modex {
    margin: 0 15px;
    margin-bottom: 5px;
    text-align: right
}

.other-opts .modex {
    float: right
}

.modex a {
    cursor: pointer;
    color: #FFF;
    display: inline-block;
    line-height: 25px;
    padding: 0 10px;
    font-weight: 300;
    white-space: nowrap;
    font-size: 12px;
    background: #333;
    border-radius: 3px
}

.nav_apb {
    margin: 15px;
    margin-bottom: 5px;
    text-align: center
}

.nav_apb a {
    text-align: center;
    display: inline-block;
    background: #333;
    padding: 5px 12px!important;
    margin: 5px;
    border-radius: 3px
}

.nav_apb a:hover {
    background: #366ad3;
    color: #FFF
}

.soralist span {
    display: block;
    border-bottom: 4px solid #DDD
}

.soralist span a {
    font-weight: 700;
    font-size: 15px
}

.soralist span {
    display: block;
    padding: 0 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #312f40
}

.soralist ul {
    margin: 0;
    overflow: hidden;
    color: #366ad3;
    padding: 15px;
    font-weight: 400
}

.soralist ul li {
    margin-left: 15px;
    float: left;
    line-height: 20px;
    margin-bottom: 5px;
    width: 47%
}

.archx {
    overflow: hidden
}

.archx .arche {
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDD;
    padding-bottom: 10px
}

.archx .arche .imgx {
    float: left;
    margin-right: 15px;
    position: relative;
    overflow: hidden
}

.archx .arche .imgx span {
    top: 0;
    left: 0;
    color: #FFF;
    background: rgba(72,72,72,0.68);
    padding: 3px 7px;
    font-size: 13px;
    font-weight: 500;
    position: absolute
}

.archx .arche .imgx img {
    max-width: 110px;
    height: auto
}

.archx .arche .inx {
    overflow: hidden
}

.archx .arche .inx h2 {
    margin: 0;
    font-size: 16px;
    margin-bottom: 10px
}

.archx .arche .inx h2 a {
    color: #000
}

.archx .arche .inx h2 a:hover {
    text-decoration: none;
    color: #366ad3
}

.archx .arche .inx span {
    display: block;
    margin-bottom: 3px;
    color: #8f95a3;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.archx .arche .inx span a {
    color: #8f95a3
}

.archx .arche .inx span b {
    width: 90px;
    float: left
}

.seriestitle {
    display: block;
    font-size: 14px;
    font-weight: 700;
    background: #141414;
    color: #888;
    line-height: 30px;
    margin: -5px -9px 5px;
    padding: 0 7px
}

.seriestitle .score {
    margin: 3px;
    float: right;
    line-height: 23px;
    color: #888
}

.infseries {
    overflow: hidden;
    margin: 5px 0
}

.infseries img {
    float: left;
    width: 150px;
    height: 200px;
    padding: 1px;
    border: 1px solid #525151;
    margin-right: 10px
}

.infseries .right {
    font-size: 12px;
    line-height: 18px;
    color: #a2a2a2
}

.infseries .right span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.infseries .right b {
    color: #a2a2a2
}

.infseries .right a {
    color: #a2a2a2
}

.infseries .right .deskrip {
    border-top: 1px solid #515151;
    display: block;
    margin-top: 5px;
    padding-top: 5px;
    margin-left: 168px
}

.infseries .right .deskrip p {
    margin: 0
}

#sidebar {
    width: 30%;
    float: right;
    position: relative;
    z-index: 1
}

#sidebar .section {
    margin-left: 15px;
    background: #222;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-bottom: 18px
}

#sidebar .section ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#sidebar .section .textwidget {
    padding: 5px 15px;
    padding-bottom: 15px;
    line-height: normal;
    font-size: 13px
}

#sidebar .section ul>li {
    padding: 10px 15px;
    border-bottom: 1px solid #383838;
    font-size: .97em
}

#sidebar .section .tagcloud {
    padding: 10px 15px
}

#sidebar .section .screen-reader-text,.section .wp-block-search .wp-block-search__label {
    display: none
}

#sidebar .section>select,#sidebar .section>form>select {
    width: 100%;
    font-family: inherit;
    background: #333;
    color: #CCC;
    border-color: #333;
    padding: 5px 15px
}

#sidebar .section #searchform,.section .wp-block-search {
    display: block;
    padding: 15px;
    overflow: hidden;
    text-align: center;
}

#sidebar .section #searchform #s,.section .wp-block-search .wp-block-search__input {
    font-family: inherit;
    border: 1px solid #DDD;
    padding: 5px 10px;
    border-radius: 3px;
    margin-right: 5px;
}

#sidebar .section #searchform #searchsubmit,.section .wp-block-search .wp-block-search__button {
    font-family: inherit;
    border: 1px solid #366ad3;
    padding: 5px 10px;
    border-radius: 3px;
    background: #366ad3;
    color:#ffffff;
    cursor:pointer;
}

.quickfilter {
    padding: 9px
}

.quickfilter .filters {
    position: relative
}

.quickfilter .filters .filter {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 6px 5px;
    margin: 0;
    position: relative;
    border-radius: 2px
}

.quickfilter .filters .filter button {
    width: 100%;
    color: #ccc;
    padding: 3px 6px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
    background-color: #333;
    border-color: #333;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    -webkit-appearance: button;
    appearance: button;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    overflow: visible;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: inherit
}

.quickfilter .filters .filter ul {
    width: 500px;
    margin-top: 1px!important;
    padding: 10px!important;
    font-size: 13px;
    position: absolute;
    display: none;
    top: 100%;
    right: 0;
    left: auto;
    z-index: 2;
    min-width: 160px;
    text-align: left;
    background-color: #333;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 3px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    list-style: none
}

.quickfilter .filters .filter ul li {
    width: 25%;
    float: left;
    color: #3c3c3c;
    -khtml-transition: all .1s ease-in-out 0;
    -moz-transition: all .1s ease-in-out 0;
    -ms-transition: all .1s ease-in-out 0;
    -o-transition: all .1s ease-in-out 0;
    transition: all .1s ease-in-out 0;
    border: 0!important;
    padding: 0!important;
}

.quickfilter .filters .filter ul li input {
    display: none
}

.quickfilter .filters .filter ul li input,.quickfilter .filters .filter ul li label {
    position: inherit;
    cursor: pointer
}

.quickfilter .filters .filter ul label {
    display: block;
    color: #ccc;
    padding: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.quickfilter .filters .filter ul li input+label:before,.quickfilter .filters .filter ul li input:not(:checked)+label:before {
    display: inline-block;
    content: '\f14a';
    top: 3px;
    left: 0;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    margin-right: 5px;
    font-family: "Font Awesome 5 Free";
    color: #5d5d5d;
}

.quickfilter .filters .filter ul.c1 li input+label:before,.quickfilter .filters .filter ul.c1 li input:not(:checked)+label:before {
    border-radius: 50%
}

.quickfilter .filters .filter ul li input.include:checked+label:before {
    font-weight: 900;
    color: #28a745;
}

.quickfilter .filters .filter ul li input.exclude:checked+label:before {
    color: #ec0d2a !important;
    content: '\f057';
    font-weight: 900;
}

.quickfilter .filters .filter i {
    font-size: 12px;
    width: auto;
    height: auto;
    line-height: 18px;
    font-weight: 700
}

.quickfilter .filters .filter.submit {
    float: none;
    width: 100%
}

.quickfilter .filters .filter.submit button {
    background: #366ad3!important;
    color: #FFF!important
}

.quickfilter .filters .filter.submit button:hover {
    background: #333!important;
    color: #FFF!important;
    border-color: #333!important
}

.quickfilter .filters .filter.open button,.quickfilter .filters .filter button:hover {
    color: #333;
    background-color: #d0d0d0;
    border-color: #d0d0d0
}

.quickfilter .filters .filter.open ul {
    display: block
}

.quickfilter .filters .filter ul.dropdown-menu.c1 {
    max-width: 160px;
    float: right
}

.quickfilter .filters .filter ul.dropdown-menu.c1 li {
    width: 100%;
    float: none
}

.quickfilter .filters .filter ul li input:checked+label:before {
    font-weight: 900;
    color: #28a745 !important;
}

#sidebar .section .ts-wpop-series-gen .ts-wpop-nav-tabs {
    list-style: none;
    margin: 10px;
    padding: 6px;
    overflow: hidden;
    background: #333;
    border-radius: 3px;
    font-weight: 500;
}

#sidebar .section .ts-wpop-series-gen .ts-wpop-nav-tabs li.active span {
    display: block;
    background: #366ad3;
    border-radius: 3px;
    color: #FFF
}

#sidebar .section .ts-wpop-series-gen .ts-wpop-nav-tabs li {
    float: left;
    width: 33.3333333%;
    padding: 0;
    border: 0;
    text-align: center
}

.ts-wpop-series-gen .ts-wpop-nav-tabs li span {
    padding: 2px;
    display: block;
    font-size: 12px;
    cursor: pointer
}

#wpop-items .serieslist>div {
    display: none
}

#sidebar .section>ul>li .post-date, #sidebar .section .widgetephis li .post-date {
    font-size: 12px;
    font-style: italic;
    margin-left: 5px;
    color: #999;
    display: block;
}
.wp-block-latest-comments{margin:0;padding:0;list-style:none}
.wp-block-latest-comments .wp-block-latest-comments__comment{padding:7px 15px;text-overflow:unset;white-space:unset;overflow:hidden;border-bottom:1px solid #383838;position:relative;font-size:13px}
.wp-block-latest-comments .wp-block-latest-comments__comment img{float:left;width:35px;border-radius:3px;margin-right:10px}
.wp-block-latest-comments .wp-block-latest-comments__comment article{overflow:hidden}
.wp-block-latest-comments .wp-block-latest-comments__comment article time{display:block;font-size:12px;color:#999;font-style:italic}
.wp-block-latest-comments .wp-block-latest-comments__comment article .wp-block-latest-comments__comment-excerpt{margin-top:5px}
.wp-block-latest-comments .wp-block-latest-comments__comment article .wp-block-latest-comments__comment-excerpt p{margin:0}
#sidebar .section ul li:nth-last-child(1),.wp-block-latest-comments .wp-block-latest-comments__comment:nth-last-child(1),.wp-block-latest-posts li:nth-last-child(1){border-bottom:0!important}

.bloglist {
    padding: 15px 8px;
    overflow: hidden;
}

.bloglist .blogbox {
    float: left;
    width: 33.3333333%;
    overflow: hidden
}

.bloglist .blogbox .innerblog {
    margin: 7px
}

.bloglist .blogbox .innerblog .thumb {
    position: relative;
    overflow: hidden;
    padding-top: 55%;
    background: rgba(0,0,0,0.1);
    border-radius: 7px;
}

.bloglist .blogbox .innerblog .thumb img {
    width: 100%;
    position: absolute;
    top: 0;
    min-height: 139px
}

.bloglist .blogbox .innerblog .infoblog {
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 125px
}

.bloglist .blogbox .innerblog .infoblog .entry-header {
    margin: 0;
    margin-bottom: 5px;
    float: none;
    display: block
}

.bloglist .blogbox .innerblog .infoblog .entry-header h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.bloglist .blogbox .innerblog .infoblog .entry-header .entry-meta {
    font-size: 12px;
    color: #888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.bloglist .blogbox .innerblog .infoblog .entry-header .entry-meta a {
    color: #aaa
}

.bloglist .blogbox .innerblog .infoblog .entry-content {
    font-size: 12px;
    color: #999;
    line-height: 160%;
    font-family: 'Fira Sans',sans-serif;
}

.bloglist .blogbox .innerblog .infoblog .entry-content p {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.bloglist .blogbox .innerblog .infoblog .entry-header .entry-meta b {
    font-weight: 500
}

.bloglist .blogbox .innerblog .infoblog .entry-header .entry-meta .hide {
    display: none
}

.blogpost .thumb {
    position: relative;
    overflow: hidden;
    text-align: center;
    margin-top: 15px;
}

.bixbox.blogpost .thumb img {
    max-width: 600px;
}

.blogpost .entry-header {
    padding: 15px;
    float: none;
    margin: 0;
    text-align: center;
    display: block;
}

.blogpost .entry-header h1 {
    margin: 0;
    margin-bottom: 5px;
    line-height: 27px;
    font-size: 19px;
    color: #FFF;
    font-weight: 500;
}

.blogpost .entry-header .entry-meta {
    font-size: 12px;
    color: #999;
}

.blogpost .entry-header .entry-meta .hide {
    display: none
}

.blogpost .entry-header .entry-meta b {
    font-weight: 500
}

.blogpost .entry-content {
    margin: 15px;
    overflow: hidden;
    font-size: 15px;
    line-height: 160%;
    font-family: 'Fira Sans',sans-serif;
}

.blogpost .entry-content .aligncenter {
    margin: 0 auto;
    display: block
}

.blogpost .entry-content img {
    margin-bottom: 15px
}

.blogpost .entry-content .alignright {
    display: block;
    float: right;
    margin-left: 15px
}

.blogpost .entry-content pre {
    white-space: pre-wrap
}

.blogpost .entry-header .entry-meta a {
    color: #999
}

.blogpost .entry-header .entry-meta .far,.blogpost .entry-header .entry-meta .fa {
    font-size: 10px;
    margin-right: 3px
}

.bloglist .blogbox .innerblog .infoblog .entry-meta {
    margin-top: 7px;
    font-size: 12px;
    color: #999;
}

.bloglist .blogbox .innerblog .infoblog .entry-meta .far {
    font-size: 10px
}

.bloglist .blogbox .innerblog .infoblog .entry-meta .hide {
    display: none
}

.bloglist .blogbox .innerblog .thumb .btags {
    position: absolute;
    z-index: 4;
    bottom: 5px;
    left: 5px;
    background: #366ad3;
    opacity: 0.85;
    font-size: 12px;
    padding: 1px 5px;
    line-height: 16px;
    border-radius: 3px;
    color: #fff !important;
    font-weight: 500;
    text-transform: uppercase;
}

.blogpost .socialts {
    text-align: center;
    margin-left: 15px;
    margin-right: 15px
}

.serieslist {
    overflow: hidden
}

.serieslist ul {
    overflow: hidden
}

#sidebar .section .serieslist ul li {
    padding: 12px 15px;
    text-overflow: unset;
    white-space: unset;
    overflow: hidden;
    border-bottom: 1px solid #383838;
    position: relative
}

#sidebar .section .serieslist ul li:last-child {
    border: 0
}

.serieslist ul li .ctr {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 1em;
    color: #888;
    position: absolute;
    top: 30px;
    left: 15px;
    border: .5px solid #888;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.serieslist.pop ul li {
    padding-left: 55px
}

.serieslist ul li .imgseries {
    float: left;
    overflow: hidden;
    width: 58px;
    max-height: 72px;
    margin-right: 10px;
    border-radius: 3px
}

#wpop-items .serieslist ul li .imgseries {
    margin-left: 37px
}

.serieslist ul li .imgseries img {
    width: 100%;
    height: auto;
    padding: 0;
    border: none;
    margin-bottom: 0;
    margin-right: 0;
    float: none
}

.serieslist ul li .leftseries span.bt {
    font-size: 11px;
    display: block;
    margin-top: 4px;
    float: left;
    padding: 2px 4px;
    background: #f5f5f5
}

.serieslist ul li .leftseries span span.lmt {
    float: left;
    max-width: 145px;
    margin-right: 3px
}

.serieslist ul li .leftseries {
    overflow: hidden;
    text-overflow: unset;
    white-space: unset
}

#sidebar .serieslist ul li .leftseries h2 {
    font-size: .98em;
    font-weight: 600;
    margin: 0 0 5px;
    line-height: 1.4em
}

#sidebar .serieslist ul li .leftseries h2 a {
    color: #ddd;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

#sidebar .serieslist ul li .leftseries h2 a:hover {
    color: #366ad3
}

.serieslist ul li .leftseries span {
    white-space: unset;
    font-size: .9em;
    color: #999;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-family: 'Fira Sans',sans-serif;
}

.serieslist ul li .leftseries span b {
    font-weight: 500
}

#sidebar .section .serieslist.pop ul li.topone {
    padding: 0;
    position: relative
}

.serieslist.pop ul li.topone .limit {
    padding: 52% 0 0;
    position: relative;
    overflow: hidden
}

.serieslist.pop ul li.topone .limit>img {
    position: absolute;
    top: 0;
    min-height: 175px;
    height: auto;
    width: 100%;
    transform-style: preserve-3d
}

.serieslist.pop ul li.topone .limit .shadow {
    background-image: url(assets/images/pattern.png)!important;
    background-color: rgba(40,119,182,0.28)!important;
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.serieslist.pop ul li.topone .limit .bw {
    position: absolute;
    bottom: -2px;
    width: 100%;
    z-index: 1;
    padding: 10px 15px;
    padding-top: 30px;
    padding-left: 55px;
    background: url(assets/images/item-shadow.png) top center repeat
}

.serieslist.pop ul li.topone .limit .bw .ctr {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: none;
    background: #366ad3;
    color: #FFF;
    top: auto;
    bottom: 0;
    height: 52px;
    font-size: 1.2em
}

.serieslist.pop ul li.topone .limit .bw .imgseries {
    background: none;
    box-shadow: 0 1px 5px #000
}

.serieslist.pop ul li.topone .limit .bw a,.serieslist.pop ul li.topone .limit .bw span {
    color: #FFF;
    line-height: 15px
}

.serieslist .numscore {
    display: block;
    font-size: 12px;
    line-height: normal;
    font-style: italic;
    color: #999;
    overflow: hidden;
    padding-left: 5px;
    margin-top: -1px;
}

.serieslist .rating {
    overflow: hidden
}

.serieslist .rating .rating-prc {
    float: left
}

.serieslist .rating-prc .rtp .rtb {
    margin: 0;
    font-size: 12px;
    width: 67px;
    height: 14px
}

.serieslist .rating-prc .rtp .rtb span {
    margin: 0;
    font-size: inherit;
    color: inherit!important
}

.serieslist.pop ul li.topone .numscore {
    color: #FFF
}

#sidebar .section ul.genre {
    overflow: hidden;
    list-style: none;
    position: relative;
    padding: 5px 0 15px
}

#sidebar .section ul.genre li {
    float: left;
    width: 33.33%;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0;
    padding: 0
}

#sidebar .section ul.genre li a {
    font-size: 13px;
    padding: 4px 15px;
    display: inline-block;
    white-space: nowrap
}

#sidebar .section ul.genre:before,#sidebar .section ul.genre:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 33.33%;
    background: #312f40
}

#sidebar .section ul.genre:after {
    left: 66.66%
}

#sidebar #bm-history {
    list-style: none;
    margin: 0 -15px;
    margin-top: -5px;
    margin-bottom: -16px;
    font-family: 'Fira Sans',sans-serif;
}

#sidebar #bm-history li {
    padding: 0;
    border-bottom: 1px solid #383838;
}

#sidebar #bm-history li a {
    padding: 7px 15px;
    font-size: 12.5px;
    display: block;
    line-height: 20px
}

#sidebar #bm-history li a:hover {
    background: #366ad3;
    color: #FFF;
    z-index: 99;
    box-shadow: 0 2px 5px #000
}

.ltslist {
    overflow: hidden
}

.ltslist li {
    border-left: 1px solid #EAEAEA;
    border-right: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    padding: 6px 10px;
    font-size: 12px
}

.ltslist li:nth-child(odd) {
    background: #FAFAFA
}

.ltslist li a {
    color: #333
}

.ppr {
    font-size: 12px;
    margin-bottom: 10px;
    padding: 1px;
    padding-bottom: 0;
    background: #EAEAEA
}

.ppr li {
    overflow: hidden;
    padding: 5px;
    border-bottom: 1px solid #EAEAEA;
    background: #fff
}

.ppr li .bor {
    float: left;
    padding: 1px;
    border: 1px solid #ddd
}

.ppr li .bor .limit {
    height: 39px;
    overflow: hidden
}

.ppr li .bor .limit img {
    width: 39px;
    height: auto
}

.ppr li .right {
    height: 41px;
    margin-left: 47px;
    padding: 1px 5px;
    font-size: 13px;
    background: #F5F5F5;
    line-height: 18px
}

.ppr li .right .title {
    display: block;
    font-weight: 700;
    color: #F13E3E;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

ppr li .right .title a {
    color: #F13E3E
}

.ppr li .right .latest {
    font-size: 12px;
    overflow: hidden;
    font-family: tahoma;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #555
}

.ppr li .right .latest a {
    color: #555
}

div#live-search_sb {
    width: 270px!important;
    top: 60px !important;
}

.th.headerni ~ div#live-search_sb {
    top: 42px!important
}

#live-search_results {
    background: #222;
    border-radius: 5px;
    z-index: 550!important;
    overflow: hidden;
    -webkit-box-shadow: 0 4px 20px #000;
    -khtml-box-shadow: 0 4px 20px #000;
    -moz-box-shadow: 0 4px 20px #000;
    -ms-box-shadow: 0 4px 20px #000;
    -o-box-shadow: 0 4px 20px #000;
    box-shadow: 0 4px 20px #000;
}

.live-search_more {
    display: none
}

.live-search_header {
    display: none
}

.live-search_result_container ul {
    margin: 0;
    padding: 0;
    overflow: hidden
}

.live-search_result_container li {
    font-family: inherit!important;
    padding: 10px;
    color: #999;
    border-bottom: 1px solid #373543;
    overflow: hidden;
}

.live-search_result_container li:hover {
    background: #2f2f2f;
}

.live-search_result_container li a {
    display: block
}

.live-search_result_container .post-thumbnail {
    margin-right: 10px;
    float: left;
    width: 50px;
    max-height: 71px;
    overflow: hidden;
    padding-bottom: 0;
}

.live-search_result_container .post-thumbnail img {
    width: 100%!important;
    height: auto!important
}

span.live-search_text {
    display: block;
    color: #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#live-search_loading {
    display: block!important;
    width: 100%;
    height: 31px!important
}

.live-search_result_container a:hover {
    text-decoration: none;
    color: #FFF
}

ul.live-search_main {
    margin: 0;
    padding: 0;
    list-style: none
}

.live-search_result_container .over {
    overflow: hidden
}

.live-search_result_container .over .autotitle {
    font-size: .95em;
    font-weight: 500;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.live-search_result_container .over span {
    display: block;
    margin-bottom: 2px;
    font-size: 12px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-family: 'Fira Sans',sans-serif;
}

.live-search_result_container .over span i {
    display: inline-block;
    margin: 2px 5px;
    width: 4px;
    height: 4px;
    background: #777;
    border-radius: 50%
}

.notf {
    text-align: center;
    margin: 30px 0
}

.ts-breadcrumb {
    overflow: hidden;
    padding: 10px 15px;
    font-size: 13px
}

.ts-breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0
}

.ts-breadcrumb ol li {
    display: inline-block;
    margin: 0 4px
}

.series-gen {
    position: relative;
    padding: 15px
}

.series-gen .nav-tabs {
    list-style: none;
    margin: 0;
    padding: 6px;
    overflow: hidden;
    background: #333;
    border-radius: 3px;
    font-weight: 500;
}

.series-gen .nav-tabs li {
    float: left;
    width: 20%
}

.series-gen .nav-tabs li a {
    display: block;
    text-align: center;
    padding: 4px;
    font-size: 13px
}

.series-gen .nav-tabs li.active a {
    background: #366ad3;
    border-radius: 3px;
    color: #FFF
}

.series-gen .tab-pane {
    display: none
}

.series-gen .tab-pane.active {
    display: block
}

.series-gen .listupd {
    padding: 10px 0;
    margin: 0 -7px
}

#content.manga-info .postbody.full.seriestu {
    max-width: 900px;
    margin: 0 auto
}

.seriestucon {
    background: #222;
    margin-bottom: 18px;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0,0,0,.1)
}

.seriestucon .seriestuhead {
    margin: 15px
}

.seriestucon .seriestuhead h1 {
    font-size: 18px;
    font-weight: 600;
    color: #FFF
}

.seriestucon .seriestuhead .lastend {
    margin: 0;
    overflow: visible
}

.seriestucon .seriestuhead .lastend .inepcx {
    width: auto;
    display: inline-block;
    float: none
}

.seriestucon .seriestuhead .lastend .inepcx span {
    display: inline-block;
    font-size: 12px
}

.seriestucon .seriestuhead .lastend .inepcx .epcur {
    margin: 0;
    font-size: 15px
}

.seriestucon .seriestuhead .lastend .inepcx a {
    padding: 7px 15px;
    margin: 0;
    margin-right: 5px;
    background: #363636;
    box-shadow: 0 1px 2px #070707
}

.seriestucon .seriestucont {
    margin: 15px;
    overflow: hidden
}

.seriestucon .seriestucont .seriestucontl {
    float: left;
    width: 200px;
    margin-right: 15px
}

.seriestucon .seriestucont .seriestucontr {
    overflow: hidden
}

.seriestucon .seriestucont .seriestucontr .infotable {
    width: 100%;
    border-spacing: 2.5px;
    border-collapse: separate;
    text-indent: initial;
    margin-bottom: 15px;
}

.seriestucon .seriestucont .seriestucontr .infotable td {
    line-height: 20px;
    text-align: left;
    padding: 5px 7px;
    border: 1px solid #434343
}

.seriestucon .seriestucont .seriestucontr .infotable td:nth-child(1) {
    font-weight: 600;
    background: #2c2c2c
}

.seriestucon .seriestucont .seriestucontr .seriestugenre {
    display: block;
    overflow: hidden;
    font-size: 13px;
}

.seriestucon .seriestucont .seriestucontr .seriestugenre a {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 6px;
    background: #343434;
    padding: 4px 12px;
    border-radius: 6px;
}

.seriestucon .seriestucont .seriestucontl .thumb {
    margin-bottom: 10px;
    position: relative
}

.seriestucon .seriestucont .seriestucontl .rating.bixbox {
    margin-top: 10px;
    background: #333;
    padding: 10px
}

.seriestucon .seriestucont .seriestucontl img {
    width: 100%
}

.seriestu .socialts {
    margin: 15px;
    margin-bottom: 0;
    text-align: center
}

.seriestu .search-chapter {
    margin-top: 15px
}

.bixbox.seriesearch {
    overflow: unset
}

#content.mangatere {
    max-width: 1220px
}

#content.mangatere .terebody {
    padding-top: 150px
}

#content.mangatere .postbody.seriestu.seriestere {
    position: relative
}

#content .seriestere .seriestuheader {
    margin: 0 15px;
    margin-bottom: 15px
}

#content .seriestere .seriestuheader h1 {
    font-size: 18px;
    font-weight: 600;
    color: #FFF;
    margin-bottom: 7px
}

#content .seriestere .seriestuheader .seriestualt {
    font-size: 13px;
    color: #999
}

#content .seriestere .seriestucontent {
    overflow: hidden
}

#content .seriestere .seriestucontent .seriestucontl {
    width: 180px;
    float: left;
    margin-left: 15px
}

#content .seriestere .seriestucontent .seriestucontentr {
    overflow: hidden
}

#content .seriestere .seriestucontent .seriestucontentr .seriestuhead {
    margin-top: 0
}

#content .seriestere .seriestucontent .seriestucontl .thumb {
    margin-bottom: 10px;
    position: relative
}

#content .seriestere .seriestucontent .seriestucontl .thumb img {
    width: 100%;
}

#content .seriestere .seriestucontent .seriestucontl .rating {
    background: #343434;
    padding: 8px;
    box-shadow: none;
    margin-top: 9px;
    height: 31px;
}

#content .seriestere .seriestucontent .seriestucontentr tr {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px
}

#content .seriestere .seriestucontent .seriestucontentr tbody {
    display: flex;
    flex-wrap: wrap
}

#content .seriestere .seriestucontent .seriestucontentr tr td {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 59%;
    max-width: 59%;
    border: 0;
    border-bottom: 1px solid #393939
}

#content .seriestere .seriestucontent .seriestucontentr tr td:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 40%;
    max-width: 40%;
    border-right: 1px solid #393939;
    background: none;
    color: #CCC
}

.bixbox .additional-content {
    padding: 20px;
    line-height: 160%;
}

.bixbox .additional-content table {
    border-collapse: collapse;
    width: 100%;
}

.bixbox .additional-content td,.bixbox .additional-content th {
    border: 1px solid #444;
    text-align: left;
    padding: 8px
}

.bixbox .additional-content tr:nth-child(even) {
    background-color: #333
}

#footer {
    margin-top: 30px;
    text-align: center;
    line-height: 20px;
    padding: 0;
    font-size: 13px;
    color: #a3a3a3;
    background: #222;
    position: absolute;
    width: 100%;
    bottom: 0;
}

#footer .footermenu {
    text-align: center;
    background: #366ad3;
    font-size: 14px;
}

#footer .footermenu ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    overflow: hidden
}

#footer .footermenu ul li {
    padding: 10px 15px;
    display: inline-block
}

#footer .footermenu ul li a {
    color: #FFF
}

.footer-az {
    margin-bottom: 10px;
    margin-top: 30px;
    text-align: center;
    position: relative;
    z-index: 5;
}

.footer-az span.ftaz {
    display: inline-block;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid rgba(255,255,255,0.3);
    line-height: 1em;
    font-size: 1.4em;
    font-weight: 600
}

.footer-az span.size-s {
    font-size: 13px;
}

.footer-az .az-list {
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 18px
}

.footer-az .az-list li {
    margin: 0 10px 10px 0;
    display: inline-block
}

.footer-az .az-list li a {
    font-size: 14px;
    padding: 4px 9px;
    display: inline-block;
    line-height: normal;
    color: #fff!important;
    background: #366ad3;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}

.footer-az .az-list li a:hover {
    color: #FFF!important
}

.footercopyright {
    max-width: 1220px;
    padding: 0 20px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.footercopyright p {
    margin: 0;
    margin-top: 5px;
    font-size: 12px;
    margin-bottom: 0;
    line-height: 20px;
    letter-spacing: .5px;
}

.footercopyright p i {
    font-style: normal;
    color: #FFF
}

.footercopyright .copyright {
    overflow: hidden;
    margin-bottom: 30px;
}

.footercopyright .copyright .footer-logo {
    float: left;
    margin-right: 20px;
    margin-bottom: 40px
}

.footercopyright .copyright .footer-logo img {
    height: 50px;
    width: auto
}

.footercopyright .copyright .txt {
    margin: 0 auto;
    max-width: 700px
}

.footercopyright .copyright.marx {
    padding-top: 20px;
    padding-bottom: 20px
}

.footercopyright .copyright.marx .footer-logo {
    float: none;
    margin: 0;
    margin-bottom: 5px
}

.footercopyright .copyright.marx .txt {
    float: none;
    width: auto;
    text-align: center
}

.footercopyright .copyright.marx .txt p {
    margin-top: 3px
}

.footercopyright .sosmedmrgn {
    margin-top: 30px;
}

.socialbutton {
    text-align: center;
    overflow: hidden
}

.socialbutton a {
    display: inline-block;
    margin: 0 2px;
    font-size: 15px;
    color: rgba(255,255,255,0.7);
    background: #2e2e2e;
    border-radius: 5px;
    width: 30px;
    border: 1px solid #4b4b4b
}

.socialbutton a .fab,.socialbutton a .fas {
    line-height: 28px
}

#footer .socialbutton {
    margin-bottom: 10px
}

#footer .socialbutton a {
    margin: 0 4px
}

.socialbutton a.scfb:hover {
    background: #1877f2!important;
    border-color: #1877f2!important;
    color: #FFF!important
}

.socialbutton a.sctw:hover {
    background: #1da1f2!important;
    border-color: #1da1f2!important;
    color: #FFF!important
}

.socialbutton a.scig:hover {
    background: linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d)!important;
    color: #FFF!important;
    border: 0
}

.socialbutton a.scig:hover .fab {
    line-height: 30px
}

.socialbutton a.scyt:hover {
    background: #c00!important;
    border-color: #c00!important;
    color: #FFF!important
}

.socialbutton a.scdc:hover {
    background: #404eed!important;
    border-color: #404eed!important;
    color: #FFF!important
}

.socialbutton a.scrss:hover {
    background: #ff8d00!important;
    border-color: #ff8d00!important;
    color: #FFF!important
}

.hothome .socialbutton {
    position: absolute;
    right: 15px;
    top: 10px;
    overflow: unset
}

.hothome .socialbutton a {
    width: 26px;
    font-size: 13px;
    background: rgba(0,0,0,0.3);
    border: 0;
    margin: 0 1px
}

.hothome .socialbutton a .fab,.hothome .socialbutton a .fas {
    line-height: 26px
}

.hothome .socialbutton a:hover {
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.hothome .socialbutton a.scig:hover .fab {
    line-height: 26px
}

.scrollToTop {
    z-index: 999;
    padding: 6px 12px;
    text-align: center;
    background: #366ad3;
    border-radius: 50%;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    position: fixed;
    bottom: 45px;
    right: 25px;
    display: none;
    cursor:pointer;
}

.scrollToTop:hover {
    color: #FFF
}

.pagination {
    overflow: hidden;
    line-height: normal;
    text-align: center;
    margin: 15px 0 30px
}

.pagination span.page-numbers.dots {
    color: #888;
    display: none
}

.pagination span.page-numbers.current {
    display: inline-block;
    background: #366ad3!important;
    padding: 8px 15px!important;
    margin: 2px;
    color: #DDD;
    border-radius: 3px
}

.pagination a {
    display: inline-block;
    background: #16151d;
    padding: 8px 15px!important;
    margin: 2px;
    border-radius: 3px
}

.hpage {
    clear: both;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    overflow: hidden
}

.hpage a {
    display: inline-block;
    background: #366ad3;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 2px;
    color: #DDD;
    width: 110px;
    text-align: center
}

.hpage a .dashicons {
    width: auto;
    height: auto;
    font-size: 16px
}

.hpage a i {
    font-size: 11px;
}

.cmt {
    padding: 15px
}

.commentx h3 {
    margin: 0;
    margin-bottom: 1.5rem;
    color: #FFF;
    font-size: 16px;
    font-weight: 500
}

.commentx .navigation {
    display: none
}

.comment-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.comment-list>li {
    border: 1px solid #312f40;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 15px
}

.comment-list .comment-body {
    margin-bottom: 10px;
    overflow: hidden
}

.comment-list .comment-body .comment-author .avatar {
    width: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 10px
}

.comment-list .comment-body .comment-author .fn {
    font-weight: 500;
    margin-top: 2px;
    display: block;
    font-style: normal
}

.comment-list .comment-body .comment-author .says {
    display: none
}

.comment-list .comment-body .comment-meta {
    color: #AAA;
    margin-bottom: 15px
}

.comment-list .comment-body .comment-meta a {
    color: #777;
    font-size: 12px
}

.comment-list .comment-body p {
    line-height: 22px
}

.comment-list .comment-body .reply {
    float: right
}

.comment-list .comment-body .reply a {
    display: block;
    border: 1px solid #366ad3;
    color: #366ad3;
    line-height: 25px;
    padding: 0 15px;
    border-radius: 50px
}

.comment-list .comment-body .reply a:hover {
    background: #366ad3;
    color: #FFF
}

.comment-list .children {
    list-style: none;
    border-left: 1px solid #312f40;
    padding-left: 20px;
    position: relative
}

.comment-list>li:hover {
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.42)
}

.commentx #respond label {
    display: block;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 7px
}

.commentx textarea {
    width: 100%;
    box-sizing: border-box;
    color: #FFF;
    padding: 15px;
    font-family: inherit;
    font-size: 14px;
    background-color: #202020;
    border: 1px solid #343434;
    border-radius: 5px;
}

.commentx #submit,#readerarea .post-password-form input[type=submit] {
    background-color: #366ad3;
    border-color: transparent;
    border-width: 0;
    color: #FFF;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 15px;
    text-align: center;
    white-space: nowrap;
    font-family: inherit;
    font-size: 14px;
    border-radius: 30px
}

.commentx #respond input[type="text"] {
    color: #FFF;
    padding: 10px;
    font-family: inherit;
    font-size: 15px;
    background-color: #202020;
    border: 1px solid #343434;
    border-radius: 5px;
}

.commentx #respond .comment-form-cookies-consent {
    display: block
}

.commentx #respond .comment-form-cookies-consent label {
    display: inline
}

p.comment-form-url {
    clear: both
}

p.comment-form-url input#url {
    width: 100%
}

p.comment-form-email,p.comment-form-author {
    float: left;
    width: 50%
}

p.comment-form-email input#email {
    width: 100%
}

p.comment-form-author input#author {
    width: 95%
}

.separator a {
    margin-left: 0!important;
    margin-right: 0!important
}

.switch {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 17px;
    top: 0;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0
}

#thememode {
    float: right;
    position: relative;
    margin-top: 14px;
    margin-right: 10px;
    line-height: normal;
}

#thememode .xt {
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    color: rgba(255,255,255,.5);
    margin-bottom: 2px;
    text-align: center;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.25);
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "\f186";
    font-family: "Font Awesome 5 Free";
    font-size: 11px;
    color: rgb(255 255 255 / 25%);
    line-height: 15px;
    width: 15px;
    text-align: center;
    left: 2px;
    bottom: 1px;
    background-color: #223a65;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: rgba(255,255,255,0.25)
}

input:focus + .slider {
    outline: none;
}

input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
    content: "\f185";
}

.slider.round {
    border-radius: 34px;
    background: rgba(0,0,0,.1)
}

.slider.round:before {
    border-radius: 50%
}

#switchtext{display:none;}

.mainslider {
    position: relative;
    overflow: hidden;
    cursor: grab
}

.mainslider:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 18%);
    content: "";
}

.mainslider .limit {
    position: relative;
    background: #222;
    overflow: hidden;
    height: 280px;
}

.mainslider .limit .bigbanner {
    background-position: 50% 35%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 280px
}

.mainslider .limit img {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto
}

.mainslider .limit:before {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    height: 25%;
    content: "";
    background-color: rgba(255,255,255,0);
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#1e2129));
    background-image: -webkit-linear-gradient(top,rgb(255 255 255 / 0%),#1e2129);
    background-image: -moz-linear-gradient(top,rgba(255,255,255,0),#1e2129);
    background-image: -ms-linear-gradient(top,rgba(255,255,255,0),#1e2129);
    background-image: -o-linear-gradient(top,rgba(255,255,255,0),#1e2129);
    background-image: linear-gradient(top,rgba(255,255,255,0),#1e2129);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(255,255,255,0)',endColorStr='#1e2129');
    z-index: 3;
}

.mainslider .limit .sliderinfo {
    position: absolute;
    bottom: 20%;
    z-index: 2;
    width: 100%;
    font-family: 'Poppins',sans-serif;
}

.mainslider .limit .sliderinfo .sliderinfolimit {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.mainslider .limit .sliderinfo .sliderinfolimit span.name {
    color: #FFF;
    font-weight: 400;
    font-size: 25px;
    margin-bottom: 10px;
    display: block;
    max-width: 700px;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mainslider .limit .sliderinfo .sliderinfolimit a.name:hover {
    color: #ccc
}

.mainslider .limit .sliderinfo .sliderinfolimit .meta {
    margin-bottom: 8px;
    box-shadow: none;
}

.mainslider .limit .sliderinfo .sliderinfolimit .meta .quality {
    display: inline-block;
    padding: 2px 7px;
    background: #ffffff;
    color: #333;
    vertical-align: top;
    font-weight: 700;
    font-size: 11px;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
    text-transform: uppercase;
}

.mainslider .limit .sliderinfo .sliderinfolimit .meta span.text {
    margin-right: 15px;
    color: #FFF;
    font-weight: 300;
    font-size: 13px
}

.mainslider .limit .sliderinfo .sliderinfolimit .meta span.text a {
    color: #FFF;
    font-weight: 400
}

.mainslider .limit .sliderinfo .sliderinfolimit .desc {
    color: #FFF;
    max-width: 520px;
    max-height: 42px;
    overflow: hidden;
    line-height: 19px;
    font-size: 13px;
    font-weight: 300
}

.mainslider .limit .sliderinfo .sliderinfolimit .desc p {
    margin: 0
}

.big-slider .paging {
    position: absolute;
    overflow: hidden;
    bottom: 35px;
    height: 16px;
    width: 100%;
}

.big-slider .paging .centerpaging {
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
}

.big-slider .paging .centerpaging .swiper-pagination {
    z-index: 5;
    right: 0;
}

.big-slider .paging .centerpaging .swiper-pagination span.swiper-pagination-bullet {
    margin: 0 4px;
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: .3
}

.big-slider .paging .centerpaging .swiper-pagination span.swiper-pagination-bullet-active {
    background: #366ad3;
    opacity: 1;
    cursor: pointer
}

.mainslider .limit .sliderinfo .sliderinfolimit span.name, .mainslider .limit .sliderinfo .sliderinfolimit .meta span.text, .mainslider .limit .sliderinfo .sliderinfolimit .desc {
    text-shadow: 0 1px 10px #000;
}

.home-genres {
    position: relative;
    max-width: 1080px;
    margin: 0 auto;
    background: #f90;
    border-radius: 6px;
    padding: 0 40px;
    padding-left: 30px;
    margin-top: -25px;
    z-index: 1;
    overflow: hidden;
    box-shadow: 0 2px 3px rgba(0,0,0,.1);
    font-weight: 500;
}

.home-genres .genre-listx {
    width: 80%;
    text-overflow: initial;
    white-space: nowrap;
    overflow: hidden;
    float: left
}

.home-genres .genre-listx a {
    line-height: 50px;
    color: rgba(0,0,0,0.7);
    padding: 0 20px;
    font-size: 16px;
    display: inline-block;
}

.home-genres .alman {
    float: right;
    margin-top: 15px
}

.home-genres .alman a {
    background: #333;
    color: #f90;
    padding: 8px 30px;
    border-radius: 6px;
}

.slidernom2 .mainslider .limit {
    height: 400px;
}

.slidernom2 .mainslider .limit .bigbanner {
    min-height: 400px;
}

.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit span.name {
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    white-space: normal;
    margin-bottom: 15px;
}

.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .desc {
    font-size: 15px;
    line-height: 160%;
    max-height: 50px;
}


.slidernom2 .meta .metas-slider-genres {
    margin-top: 5px;
    overflow: hidden;
    max-height: 56px;
}

.slidernom2 .meta .metas-slider-genres a {
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 5px;
    background: #222;
    color: #AAA;
    padding: 0 10px;
    font-size: 13px;
    line-height: 23px;
    border-radius: 3px;
}
.slidernom2 .meta .metas-slider-genres a:hover {
    background: rgba(255,255,255,0.8);
    color: #111;
}

.slidernom2 .mainslider .metas-slider-score, .slidernom2 .mainslider .metas-slider-type {
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    height: 22px;
    border-radius: 3px;
}

.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-slider-score span, .slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-slider-type span {
    float: left;
    margin-right: 0;
    padding: 0 5px;
    background: #333;
    line-height: 22px;
    font-size: 12px;
}

.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-slider-score .meta-score-values {
    background: #ffc107;
    color: #111;
    text-shadow: none;
    padding: 0 10px;
}

.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-slider-type .meta-type-values {
    background: #366ad3;
    text-shadow: none;
    padding: 0 10px;
    color: #FFF;
}

.slidernom2 .mainslider .limit .sliderinfo {bottom: 0;top: 45%;-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 4;}

.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit {
    margin: 0;
    max-width: 500px;
    margin-left: 50px;
}

.slidernom2 .mainslider .limit:before {
    height: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 15%, rgba(0,0,0,0) 100%);
}

.slidernom2 .mainslider:before {
    background: none;
}

.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading {
    margin-top: 10px;
}

.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading span {
    display: inline-block;
    font-weight: 300;
    font-size: 17px;
    padding: 7px 25px;
    color: #FFF;
    border: 2px solid #555;
    border-radius: 20px;
}

.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading span:hover {
    background: #366ad3;
    border-color: #366ad3;
    color: #FFF;
}

.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading span i {
    margin-left: 5px;
}

.slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .desc p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.home-genres.gennom2 {
    background: #16151d;
    border: 2px solid #f90;
}

.home-genres.gennom2 .alman a {
    background: #f90;
    color: #16151d;
}

.home-genres.gennom2 .genre-listx a {
    color: #828282;
    text-transform: none;
    font-weight: 500;
}

.home-genres.gennom2 .genre-listx a:hover {
    color: #FFF;
}

.wrapernum3 {
    max-width: 1220px;
    margin: 0 auto;
    margin-top: 30px;
    padding: 0 20px;
}

.slidernom3 {
    position: relative;
}

.slidernom3 .mainslider .limit {
    height: 350px;
    background: none;
}

.slidernom3 .mainslider .limit .bigbanner {
    min-height: 350px;
    filter: blur(8px);
}

.slidernom3 .mainslider .limit:before {
    display: none;
}

.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit span.name {
    font-weight: 600;
    font-size: 26px;
    text-shadow: none;
}

.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit {
    max-width: 48%;
    margin: 0;
    margin-left: 50px;
}

.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .slidlc {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 3px;
    color: #FFF;
}

.slidernom3 .paging {
    bottom: unset;
    bottom: 20px;
    right: 30px;
}

.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .desc {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 160%;
    max-height: 65px;
    text-shadow: none;
}

.slidernom3 .mainslider .limit .sliderinfo {
    bottom: 0;
    top: 44%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 4;
}

.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta {
    color: #FFF;
}

.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta>div {
    padding-right: 20px;
    height: 25px;
    overflow: hidden;
}

.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-genres-values a {
    font-size: 11px;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 5px;
    color: #FFF;
    border: 1px solid rgba(255,255,255, 0.6);
    margin-bottom: 4px;
}

.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-genres-values a:hover {
    background: #FFF;
    color: #333;
}

.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .meta-type-values {
    font-size: 12px;
    font-weight: 300;
    background: #366ad3;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 5px;
    text-align: center;
}

.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .meta-type-values.Manhwa, .slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-slider-type .meta-type-values.Manhwa {
    background: #a12e24;
}

.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .meta-type-values.Manhua, .slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-slider-type .meta-type-values.Manhua {
    background: #009688;
}

.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .meta-type-values.Comic, .slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-slider-type .meta-type-values.Comic {
    background: #7c3db5;
}

.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .meta-score-values {
    font-size: 12px;
    background: #e9b107;
    color: #111;
    font-weight: bold;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
    text-align: center;
}

.slidernom3 .mainslider:before {
    background: #221630;
    opacity: .6;
}

.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading {
    margin-top: 15px;
}

.slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading span {
    display: inline-block;
    background: #ffd702;
    color: #111;
    font-weight: 500;
    font-size: 14px;
    line-height: 35px;
    padding: 0 20px;
    border-radius: 4px;
}

.slidernom3 .mainslider .slidtrithumb {
    position: absolute;
    top: -58px;
    right: 12%;
    z-index: 9;
    width: 390px;
    height: 538px;
    overflow: hidden;
    transform: rotate(12deg);
    box-shadow: 0 30px 30px rgba(0,0,0,.2);
}

.gennom3 {
    margin-top: 10px;
    max-width: 1180px;
}

.home-genres.gennom1 a:hover, .home-genres.gennom3  a:hover{
    color: #FFFFFF;
}

#series-history ul li .eph-num span.chapternum {
    float: left
}

#series-history ul li .eph-num span.chapterdate {
    float: right
}

#series-history .clstyle li .eph-num {
    width: 100%
}

#readerarea .post-password-form {
    padding: 20px;
    line-height: 160%;
    display: block;
    text-align: center;
    margin: 20px auto;
    color: #fff;
    max-width: 560px;
    background: #222
}

#readerarea .post-password-form p {
    margin: 5px 0
}

#readerarea .post-password-form label {
    display: block;
    max-width: 300px;
    margin: 10px auto;
    text-align: center;
    font-size: 0;
    line-height: 0
}

#readerarea .post-password-form label input[type=password] {
    display: block;
    width: 100%;
    line-height: 21px;
    background: #16151d;
    border: 1px solid #3b3b3b;
    padding: 5px 10px;
    border-radius: 3px;
    color: #DDD;
    text-align: center;
    font-size: 12px
}

.tsfront {
    padding: 0 20px;
    margin: 0;
    position: relative;
}

.tsfront .headfront {
    padding: 80px 0 30px;
    position: relative;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.tsfront .headfront .fsearch {
    margin-bottom: 20px;
    position: relative;
}

.tsfront .headfront .fsearch input#s {
    width: 100%;
    background: #222;
    border: 0;
    font-family: inherit;
    border-radius: 10px;
    line-height: 60px;
    padding: 0 15px;
    font-size: 18px;
    color: #DDD;
    box-shadow: 0 3px 3px rgba(0,0,0,.05);
}

.tsfront .headfront .fsearch #submit {
    border: 0;
    background: #366ad3;
    color: #FFF;
    width: 90px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 20px;
    line-height: 58px;
    position: absolute;
    right: 0;
    cursor: pointer;
}

.tsfront .headfront .fdesc {
    color: #aaa;
    margin-bottom: 20px;
}

.tsfront .headfront .fhomebutton a {
    font-size: 18px;
    padding: 12px 40px;
    color: #FFF;
    display: inline-block;
    border-radius: 5px;
    background: #366ad3;
}

.tsfront .frontcontainer {
    line-height: 160%;
    margin-bottom: 50px;
}

.tsfront .frontcontainer h2,.tsfront .frontcontainer strong {
    color: #DDD;
}

.tsfront .frontcontainer h2 {
    font-weight: 600;
}

.tsfront .frontcontainer ul li {
    margin-bottom: 10px;
}

.tsfront .frontcontainer .pagination {
    display: none;
}

.tsfront .frontcontainer .stylesven .sveninner .svenbottom .svenmetabot .svenchapters li {
    margin-bottom: 0;
}

.tsfront .frontcontainer .bs.stylefiv .bsx .chfiv {
    line-height: 1.5;
}

#ts-episode-history {
    margin: 15px;
}

#ts-episode-history .eph-num {
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

#ts-episode-history .eph-num a {
    display: block;
    padding: 5px 10px;
    border: 1px solid #333;
    font-size: 14px;
    border-radius: 5px;
}

#ts-episode-history .eph-num a .post-date {
    font-size: 12px;
    color: #888;
    float: right;
}

#ts-episode-history .eph-num a:hover {
    background: #333;
}

#ts-history-header{margin:0!important;margin-bottom:15px!important}
#history-pool{display:block;margin-bottom:15px}
#ts-import-export-bookmark{margin:0 10px}
#ts-import-export,#ts-import-export-bookmark{overflow:hidden;display:block;margin-bottom:15px}
#ts-import-export .btn,#ts-import-export-bookmark .btn{font-family:inherit;border:1px solid #DDD;padding:5px 10px;border-radius:3px;cursor:pointer;background:#f1f1f1;color:#000;font-size:13px;margin-right:5px;margin-bottom:8px}
#ts-import-export .btn:hover,#ts-import-export-bookmark .btn:hover{background:#DDD}
#history-pool .history-item{border-bottom:1px solid #383838}
#history-pool .history-item .ts-history-item{display:block;padding:8px 0}
#history-pool .history-item .ts-history-item .post-date{display:block;font-size:12px;color:#999;font-style:italic}
.history-item-tree{overflow:hidden;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #383838}
.history-item-tree .hisimage{float:left;width:70px;margin-right:15px}
.history-item-tree .ts-history-item-content{overflow:hidden}
.history-item-tree .ts-history-item-content .ts-history-series-episodes{margin:5px 0;padding-left:20px;font-size:13px}
.history-item-tree .ts-history-item-content .ts-history-series-episodes .post-date{float:right;font-size:12px;color:#999;font-style:italic}
.history-item-tree .ts-history-item-content .ts-history-series-episodes li{margin-bottom:5px;color:#bbb;}
.paginationjs{overflow:hidden;text-align:center;font-size:13px}
.paginationjs ul{list-style:none;margin:0;padding:0}
.paginationjs ul li{display:inline-block;margin:0 3px;margin-bottom:5px}
.paginationjs ul li a{display:block;padding:5px 12px;background:#333;border-radius:3px;cursor:pointer}
.paginationjs ul li a:hover{color:#FFF;background:#0c70de}
.paginationjs ul li.disabled a{display:none}
.paginationjs ul li.active a{background:#0c70de;color:#FFF}
#ts-import-export #imex-notices,#ts-import-export-bookmark #imex-bm-notices{font-size:13px;margin-bottom:10px}
#ts-bookmark-pagination{margin-bottom:15px}
#ts-chapter-history{margin:15px}
#ts-chapter-history .eph-num{background:#333;margin-bottom:10px;position:relative;border-radius:5px}
#ts-chapter-history .eph-num .ts-latest-history-item{display:block;padding:5px 10px}
#ts-chapter-history .eph-num .ts-latest-history-item .post-date{font-size:12px;color:#999;float:right}
#import-upload,#bookmark-import-upload{clear:both;padding-top:5px;margin-bottom:10px}
.ts-loading{padding:20px;text-align:center;position:relative;overflow:hidden}
.ts-loading-spinner{border:4px solid rgba(0,0,0,0.1);border-top:4px solid #3498db;border-radius:50%;width:30px;height:30px;animation:spin 0.6s linear infinite;margin:auto;position:relative;top:50%;transform:translateY(-50%)}
@keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}

@media only screen and (max-width: 1096px) {
    .home-genres {
        border-radius:0
    }
    .gennom3 {
        border-radius: 10px;
    }
    .home-genres.gennom2 {
        border-right: 0;
        border-left: 0;
    }
    .slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit {
        margin-left: 25px;
    }
    .slidernom3 .mainslider .slidtrithumb {
        right: 5%;
    }
}

@media only screen and (max-width: 1080px) {
    .listupd .utao {
        width:50%
    }
}

@media only screen and (max-width: 1015px) {
    header {
        margin-right:10px
    }

    .searchx {
        width: 200px
    }

    #main-menu ul li {
        margin: 0
    }
}

@media only screen and (max-width: 1000px) {
    .full .bs {
        width:16.666666%
    }
}

@media only screen and (max-width: 978px) {
    .chapterbody .bs {
        width:20%
    }

    .chapterbody .bs:nth-child(6),.chapterbody .bs:nth-child(7) {
        display: none
    }

    #top-menu li a {
        color: #FFF
    }
}

@media only screen and (max-width: 950px) {
    .bxcl ul li {
        width:33.3333333%
    }
    .slidernom2 .mainslider .limit .sliderinfo {
        top: unset;
        bottom: 10%;
        transform: none;
    }

    .slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit {
        margin: 0 auto;
        max-width: 100%;
        padding: 0 50px;
        text-align: center;
    }

    .slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .desc {
        max-width: 100%;
    }

    .slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit span.name {
        max-width: 100%;
    }

    .slidernom2 .meta .metas-slider-genres {
        max-height: 28px;
    }

    .slidernom2 .mainslider .limit:before {
        background: linear-gradient(0deg, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 100%) !important;
    }
    
    .big-slider .paging {
        display: none;
    }
    
    .home-genres.gennom2 {
        margin: 0;
    }
    
    .slidernom3 .mainslider .slidtrithumb {
        right: 0;
        top: 0;
        transform: none;
        width: 250px;
    }

    .slidernom3 .mainslider .slidtrithumb img {
        min-height: 350px;
    }
    .bs.stylefiv.stylesix {
        width: 25%;
    }
}

@media only screen and (max-width: 900px) {
    #sidebar .section ul.genre:before,#sidebar .section ul.genre:after {
        display:none
    }

    #sidebar .section ul.genre li {
        float: left;
        width: 50%
    }

    .loop {
        width: 100%!important;
        float: none!important
    }

    .slidtop .trending {
        display: none
    }
    
    .listupd .utao.stylegg .uta .luf ul {
        display: block;
    }

    .listupd .utao.stylegg .uta .luf ul li {
        flex: unset;
    }

    .listupd .utao.stylegg .uta .luf ul li:nth-child(2) {
        margin-left: 0;
    }

    .listupd .utao.stylegg .uta .luf ul li span {
        text-align: left;
    }

    .listupd .utao.stylegg .uta .luf ul li a {
        padding-left: 10px;
    }

    .listupd .utao.stylegg .uta .luf ul li span.eggtime {
        display: none;
    }

    .listupd .utao.stylegg .uta .luf .statusind {
        display: none;
    }
}

@media only screen and (max-width: 890px) {
    .shme {
        display:block;
        float: left;
        font-size: 24px;
        margin-top: 8px;
        margin-right: 10px;
        color: #FFF;
        cursor: pointer
    }

    #main-menu {
        display: none
    }

    .shwx {
        display: block!important
    }

    .logos {
        width: auto
    }

    header {
        margin: 3px !important;
    }

    .logos img {
        max-height: 40px !important;
    }

    .searchx {
        margin: 0;
        margin-top: 9px;
        margin-bottom: 9px;
    }

    #thememode {
        margin-top: 6px;
    }

    #main-menu.shwx {
        position: absolute;
        top: 52px;
        left: 0;
        z-index: 3;
        width: 100%;
        height: 100%;
        background: #222
    }

    #main-menu.shwx ul {
        float: none;
        margin: 0 20px;
        margin-top: 15px
    }

    #main-menu.shwx ul li {
        float: none
    }

    #main-menu.shwx ul li a {
        text-align: left;
        height: auto !important;
        line-height: 36px !important;
        border-radius: 5px;
        font-weight: 400;
        font-size: 15px !important;
        color: #d3d3d3;
        padding: 0 !important;
    }

    #main-menu.shwx ul li a:hover {
        color: #FFF
    }

    #main-menu.shwx ul li ul {
        top: unset !important;
        position: relative;
        display: block;
        min-width: unset;
        margin: 0;
        background: #2c2c2c;
        padding: 5px 15px;
    }

    #main-menu.shwx ul li ul li a {
        font-size: 14px
    }

    #main-menu.shwx ul li ul li a:hover {
        background: none
    }

    .th.headerni .searchx {
        margin-top: 14px
    }

    .th.headerni #thememode .xt {
        display: block
    }

    .th.headerni #thememode {
        margin-top: 9px
    }

    div#live-search_sb,.th.headerni ~ div#live-search_sb {
        top: 52px!important
    }
}

@media only screen and (max-width: 880px) {
    .postbody,#sidebar {
        float:none;
        width: auto
    }

    #sidebar .section {
        margin-left: 0;
        margin-bottom: 5px
    }

    .quickfilter .filters .filter {
        position: static
    }

    .quickfilter .filters .filter ul,.quickfilter .filters .filter ul.dropdown-menu.c1 {
        right: 0;
        left: 0;
        top: auto;
        width: auto;
        max-width: unset
    }

    .quickfilter .filters .filter ul.dropdown-menu.c1 li {
        float: left;
        width: 25%
    }
    .slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-genres-values a {
        display: none;
    }
    .slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-genres-values a:nth-child(1), .slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-genres-values a:nth-child(2), .slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-genres-values a:nth-child(3) {
        display: inline-block;
        margin-right: 2px;
    }
    .listupd .utao.stylegg .uta .luf ul li span.eggtime{display:block;float:right;margin-right:5px}
    .listupd .utao.stylegg .uta .luf ul li span.eggchap{float:left}
}

@media only screen and (max-width: 850px) {
    .full .bs {
        width:20%
    }
}

@media only screen and (max-width: 800px) {
    .bloglist .blogbox {
        width:50%
    }

    .bigblogt {
        padding: 15px;
        padding-bottom: 0
    }

    .postbody,#sidebar {
        float: none;
        width: auto
    }

    #sidebar .section {
        margin-left: 0
    }

    .pd-expand.sxp {
        display: none
    }

    .megavid.xp {
        position: relative;
        top: 0;
        width: 100%
    }

    div#live-search_sb {
        width: 100%!important;
        left: 0!important;
        top: 52px!important;
        right: 0!important;
    }

    #live-search_results {
        box-shadow: none;
        border-radius: 0
    }

    #main-menu {
        display: none;
        position: absolute;
        top: 50px;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(28,28,28,0.95);
        height: 100%;
        overflow: auto;
        z-index: 999;
        width: auto;
        margin: 0
    }

    #main-menu ul li {
        float: none;
        position: relative;
        margin: 0
    }

    #main-menu ul li a,#main-menu ul li ul li a {
        text-align: left;
        color: #FFF
    }

    #main-menu ul {
        float: none
    }

    #main-menu ul li ul {
        display: block;
        position: relative;
        margin: 0;
        top: unset;
        min-width: unset;
        border-radius: 0;
        float: none;
        background: rgba(0,0,0,.32)
    }

    .wrapper {
        margin: 0
    }

    .loop {
        margin-bottom: 0
    }

    .bixbox {
        border-radius: 0;
        margin-bottom: 5px
    }

    .megavid,.meta {
        margin-bottom: 5px
    }

    .icol.expand {
        display: none
    }

    .headpost,#content.readercontent .bixbox,#content.readercontent .chdesc,.chnav,#content.readercontent .chaptertags {
        margin-left: 20px;
        margin-right: 20px
    }

    .footer-az {
        display: none
    }

    .footercopyright .copyright {
        overflow: hidden;
    }

    .footercopyright .copyright .footer-logo {
        margin: 0;
        float: none
    }

    .footercopyright .copyright .txt {
        float: none;
        width: auto;
        text-align: center;
        margin-top: 5px
    }

    .footercopyright p {
        margin-top: 0
    }

    .footercopyright .ftnaru {
        display: none
    }

    .chnav.ctop .slc {
        float: none;
        margin: 0;
        display: block;
        margin-bottom: 10px
    }

    .chnav .slc #chapter {
        width: 100%
    }

    #readerarea.rdminimal {
        margin: 10px 20px
    }

    .main-info .info-left {
        float: none !important;
        margin: 0px 20px !important;
        margin-bottom: 15px;
        width: auto;
    }

    .main-info .info-left .thumb {
        max-width: 200px;
        text-align: center;
        margin: 0 auto;
        border: 5px solid #16151d;
        border-radius: 5px;
        margin-bottom: 10px
    }

    .main-info .info-left #mobiletitle #titlemove {
        text-align: center;
        color: #FFF;
        margin-top: 10px;
        margin-bottom: 15px
    }

    .main-info .info-left #mobiletitle #titlemove .entry-title {
        font-size: 17px;
        font-weight: 500;
        margin: 0;
        margin-bottom: 3px
    }

    .main-info .info-left #mobiletitle #titlemove .alternative {
        font-size: 12px;
        color: #999;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .manga-info .bixbox,.seriestucon {
        margin: 0 20px;
        margin-bottom: 10px
    }

    .main-info .info-left .rating.bixbox,.main-info .info-left .tsinfo.bixbox {
        margin-right: 0;
        margin-left: 0
    }

    .alr {
        margin-right: 20px;
        margin-left: 20px
    }

    #footer .socialbutton {
        margin-top: 25px
    }

    .manga-info .seriestucon .seriestucont .seriestucontl .rating.bixbox,#content .seriestere .seriestucontent .seriestucontl .rating {
        margin-right: 0;
        margin-left: 0
    }
}

@media only screen and (max-width: 760px) {
    #content .seriestere .seriestuheader h1 {
        text-align:center
    }

    #content .seriestere .seriestuheader .seriestualt {
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    #content .seriestere .seriestucontent .seriestucontl {
        float: none !important;
        margin: 0 auto !important;
    }
    .slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit .start-reading {
        display: none;
    }

    .slidernom2 .mainslider .limit .sliderinfo {
        bottom: 10%;
    }

    .big-slider .paging {
        right: 15px;
        bottom: 15px;
    }
}

@media only screen and (max-width: 750px) {
    .home-genres {
        display: none;
    }
    .wrapernum3 {
        margin: 0;
        padding: 0;
    }
    .slidernom3 {
        border-radius: 0;
    }
    .slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit {
        padding: 0 30px;
    }

    .slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .meta .metas-slider-genres {
        display: none;
    }

    .slidernom3 .mainslider .limit {
        height: 280px;
    }

    .slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit span.name {
        font-size: 20px;
    }
    
    .slidernom3 .mainslider .slidtrithumb img {
        min-height: 215px;
    }

    .slidernom3 .mainslider .slidtrithumb {
        width: 155px;
        top: 33px;
        right: 35px;
        height: 215px;
    }
    
    .slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .slidlc {
        font-size: 15px;
    }
}

@media only screen and (max-width: 715px) {
    ul.taxindex li {
        width:33.3333333%
    }

    .chapterbody .bs {
        width: 25%
    }

    .chapterbody .bs:nth-child(5) {
        display: none
    }

    .bs.stylefor,.bs.stylefiv {
        width: 33.333333%
    }

    .mainslider .limit .sliderinfo .sliderinfolimit span.name {
        font-size: 17px;
        margin-bottom: 5px;
        font-weight: 400
    }

    .mainslider .limit .sliderinfo .sliderinfolimit .desc {
        display: none
    }

    .mainslider .limit .sliderinfo {
        bottom: 10%
    }

    .mainslider .limit {
        height: 180px
    }

    .mainslider .limit .sliderinfo .sliderinfolimit .meta .quality {
        margin-right: 5px;
        text-shadow: none
    }

    .mainslider .limit .sliderinfo .sliderinfolimit .meta span.text {
        margin-right: 5px
    }

    .mainslider .limit .sliderinfo .sliderinfolimit {
        text-shadow: 0 2px 4px #000
    }
    .slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit {
        text-shadow: none;
    }
    .slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .desc {
        display: block;
    }
}

@media only screen and (max-width: 695px) {
    .slide-item.full .slide-content {
        padding:20px!important
    }

    .iconx {
        line-height: 4px
    }

    .bigcontent {
        padding: 10px
    }

    .bigcontent.nobigcover .thumbook {
        margin-top: 10px
    }

    .bigcontent .thumb {
        margin: 0 auto;
        margin-bottom: 20px;
        max-width: 110px;
        width: auto;
        height: auto;
        position: relative;
        top: auto;
        left: auto;
        float: none
    }

    .bigcontent .infox {
        overflow: hidden;
        padding-left: 0
    }

    .bigcontent .infox h1,.bigcontent .infox .alter {
        text-align: center;
        margin-bottom: 10px
    }

    .bigcontent .rt {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        overflow: hidden
    }

    .bigcontent .thumbook {
        position: relative;
        left: auto;
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
        margin-top: -50px;
        margin-bottom: 20px;
        top: 0
    }

    .socialts {
        text-align: center
    }

    .bigcontent .infox .flex-wrap .fmed {
        width: 100%;
        margin-bottom: 10px
    }

    .bigcontent .infox .flex-wrap {
        margin: 0
    }
    
    .stylesven .sveninner .sventop .sveninfo .svendetop .svenmeta:nth-child(3) {
        display: none;
    }
}

@media only screen and (max-width: 670px) {
    .quickfilter .filters .filter ul li,.quickfilter .filters .filter ul.dropdown-menu.c1 li,.advancedsearch .quickfilter .filters .filter ul li {
        width:33.3333333% !important
    }

    .advancedsearch .quickfilter .filters .filter {
        width: 50%
    }

    .advancedsearch .quickfilter .filters .filter.submit {
        width: 100%
    }

    .bs,.full.seriestu .bs {
        float: left;
        width: 33.333333%
    }

    .series-gen .tab-pane.active .bs:nth-child(4), .series-gen .tab-pane.active .bs:nth-child(5) {
        display: none
    }

    .listupd .utao.styletwo {
        float: none;
        width: auto
    }

    #content.mangatere .terebody {
        padding-top: 100px
    }

    .quickfilter .filters .filter.open ul {
        overflow-y: scroll;
    }
    
    .full.seriestu .bs:nth-child(4), .full.seriestu .bs:nth-child(5) {
        display: none;
    }
    
    .stylesven .sveninner .sventop .sveninfo .svendetop {
        display: none;
    }

    .stylesven .sveninner .svenbottom {
        margin-top: 5px;
    }

    .stylesven .sveninner .sventop {
        overflow: unset;
        margin: 0;
    }

    .stylesven .sveninner {
        overflow: hidden;
        height: 128px;
    }

    .stylesven .sveninner .svenbottom .svenmetabot .statusind {
        display: none;
    }

    .stylesven .sveninner .svenbottom .svenmetabot .svenchapters {float: none;overflow: hidden;list-style: disc;padding-left: 16px;}

    .stylesven .sveninner .svenbottom .svenmetabot .svenchapters li {
        float: none;
        margin: 0;
        margin-bottom: 5px;
    }

    .stylesven .sveninner .sventop .sventhumb {
        height: 80px;
    }
    
    .stylesven .sveninner .svenbottom .svenmetabot .svenchapters li span {
        display: block;
        float: right;
        font-size: 11px;
        font-weight: normal;
        color: #7e7e7e;
    }
}

@media only screen and (max-width: 650px) {
    .slidernom3 .mainslider .slidtrithumb {
        right: unset;
        left: 20px;
        width: 120px;
        height: 170px;
    }

    .slidernom3 .mainslider .slidtrithumb img {
        min-height: auto;
    }

    .slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit {
        max-width: unset;
        margin-left: 135px;
    }

    .slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .slidlc {
        display: none;
    }

    .slidernom3 .mainslider .limit {
        height: 245px;
    }
    
    .full .bs {
        width:25%
    }

    .side.infomanga .imgprop {
        float: none;
        margin-right: 0;
        display: block
    }

    .side.infomanga .imgprop img {
        float: none;
        max-width: 190px;
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
        height: auto
    }

    .side.infomanga table.listinfo tr th {
        text-align: right
    }

    .genx {
        width: 50%
    }

    .kln a.col {
        width: auto;
        display: block;
        padding: 2px 0;
        float: none
    }

    .klnrec .mini {
        display: none
    }

    .klnrec .kln {
        float: none;
        width: auto;
        margin-right: 0
    }

    .klnrec .kln img,.klnrec .mini img {
        width: auto
    }

    .gnr {
        display: inline-block
    }

    tr.gnrx {
        display: none
    }

    tr.gnrx.shwgx {
        display: block
    }

    #readerarea img {
        border: 0
    }

    #teaser1,#teaser2 {
        display: none
    }

    .chnav.ctop .navrig {
        display: block;
        overflow: hidden;
        margin-bottom: 10px
    }

    .chnav.ctop .navrig .mirror,.chnav.ctop .navrig .readingmode {
        margin: 0;
        float: left;
        display: block;
        width: 50%
    }

    .chnav.ctop .navrig select {
        width: 100%
    }

    .chnav.ctop .navrig select#mirror {
        width: 97%
    }

    .chnav.ctop .navlef {
        display: block;
        overflow: hidden
    }

    .chnav.ctop .navlef .dlx {
        float: none;
        display: block;
        margin: 0;
        text-align: center;
        overflow: hidden
    }

    .chnav.ctop .navlef .dlx a {
        margin: 0
    }

    .chnav.ctop .navlef .amob.nodlx {
        display: block;
        overflow: hidden
    }

    .chnav.ctop .navlef .amob.nodlx .pagedsel {
        float: none;
        display: block;
        margin: 0;
        overflow: hidden
    }

    .chnav.ctop .navlef .amob.nodlx .pagedsel select {
        width: 100%
    }

    .chnav.ctop.nomirror .slc {
        float: left;
        width: 50%
    }

    .chnav.ctop.nomirror .slc .nvx {
        margin-right: 5px
    }

    .chnav.ctop.nomirror .navrig {
        width: 50%
    }

    .chnav.ctop.nomirror .navrig .readingmode {
        float: none;
        width: auto
    }

    .chnav.ctop.nomirror .navlef {
        clear: both
    }

    .main-info .info-left .thumb {
        max-width: 100px
    }

    .bigcover {
        height: 170px
    }

    .manga-info .seriestucon .seriestucont .seriestucontl .rating.bixbox {
        margin-right: 0;
        margin-left: 0
    }

    .seriestucon .seriestucont .seriestucontl {
        float: none !important;
        width: 100%;
        max-width: 200px;
        text-align: center;
        margin: 0 auto !important;
        margin-bottom: 20px
    }

    .seriestucon .seriestuhead .lastend {
        text-align: center
    }
    
    .bs.stylefiv.stylesix {
        width: 33.333333%;
    }
}

@media only screen and (max-width: 600px) {
    #wpadminbar {
        position:fixed!important
    }

    #content .seriestere .seriestucontent .seriestucontentr tbody {
        flex: none;
        display: block
    }

    #content .seriestere .seriestucontent .seriestucontentr tr {
        width: 100%
    }

    #content .seriestere .seriestucontent .seriestucontentr tr td:nth-child(1) {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%
    }
}

@media only screen and (max-width: 590px) {
    .sosmed {
        clear:both;
        position: relative;
        display: block;
        overflow: hidden;
        margin-top: 15px;
        top: 0;
        text-align: center;
        width: 100%;
        bottom: 0
    }

    .mobius {
        overflow: hidden;
        display: block
    }

    .iconx {
        float: right
    }

    .iconx .icol {
        margin: 0
    }

    .iconx .icol span {
        display: none
    }

    .naveps {
        float: none;
        padding: 0;
        margin: -15px;
        margin-top: 10px;
        overflow: hidden;
        position: relative;
        height: 38px
    }

    .naveps .nvs {
        display: block;
        width: 33.33333333%;
        text-align: center;
        min-height: 1px
    }

    .naveps .nvs.nvsc {
        margin: 0
    }

    .naveps .nvs a {
        border-radius: 0;
        padding: 8px 0
    }

    .slide-content .title a {
        font-size: 16px
    }

    .blogbox .boxlist .bma {
        width: 50%
    }

    .blogbox.homeblog .boxlist .bma:last-child {
        display: none
    }

    .series-gen .nav-tabs li {
        width: 33.333333%
    }

    .series-gen .nav-tabs li:nth-child(3),.series-gen .nav-tabs li:nth-child(4) {
        display: none
    }
}

@media only screen and (max-width: 570px) {
    .postbody .ldr .outbx:last-child {
        display:none
    }

    .postbody .ldr .outbx {
        float: left;
        width: 25%
    }

    .archx .arche .inx span b {
        width: auto;
        float: none
    }

    .soralist ul li {
        margin-left: 15px;
        float: none !important;
        line-height: 21px;
        width: auto
    }

    .genres li {
        width: 43%
    }

    ul.taxindex li,.bxcl ul li,.chapterbody .bs {
        width: 50%
    }

    .searchx {
        display: none
    }

    .srcmob {
        display: block!important;
        float: right;
        font-size: 14px;
        margin-top: 9px;
        color: #FFF;
        cursor: pointer;
        border-radius: 50%;
        width: 35px;
        text-align: center;
        background: rgba(0,0,0,.1);
    }

    .srcmob .fas {
        line-height: 35px
    }

    .searchx.minmbx {
        display: block;
        top: 0;
        left: 0;
        margin-top: 8px !important;
        width: 100% !important;
        position: absolute;
    }

    .searchx.minmbx #form {
        margin-right: 10px;
        margin-left: 10px;
        z-index: 1
    }

    .srcmob.srccls {
        position: absolute;
        top: 0;
        right: 8px;
        width: auto;
        margin: 0;
        font-size: 20px;
        color: #AAA
    }

    .searchx #form #submit {
        display: none
    }

    .th.headerni .searchx #form #s {
        background: #17151b;
        height: 34px
    }
    
    .stylesven {
        float:none;
        width:100%;
    }
    
    .stylesven .sveninner {
        height: auto;
    }
}

@media only screen and (max-width: 550px) {
    .full .bs {
        width:33.333333%
    }
    .slidernom2 .mainslider .limit {
        height: 275px;
    }

    .slidernom2 .mainslider .limit .bigbanner {
        min-height: 275px;
    }

    .slidernom2 .mainslider .limit .sliderinfo .sliderinfolimit span.name {
        font-weight: 400;
    }
    .listupd.popularslider .popconslide .bs {
        flex: 1 0 140px;
        max-width: 140px;
    }
}

@media only screen and (max-width: 500px) {
    .slidernom3 .mainslider .slidtrithumb {width: 70px;height: 95px;border-radius: 10px;top: 38px;}

    .slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit {
        margin-left: 80px;
    }

    .slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit .desc {max-height: 48px;}

    .slidernom3 .mainslider .limit .sliderinfo .sliderinfolimit span.name {
        font-size: 18px;
    }

    .slidernom3 .mainslider .limit {
        height: 200px;
    }

    .slidernom3 .mainslider .slidtrithumb img {
        min-height: 95px;
    }
    
    .postbody .ldr .outbx {
        float:left;
        width: 50%
    }
    
    .bs.stylefiv {
        width: 50%;
    }

    .listupd .lexa .thumb {
        float: none;
        overflow: hidden;
        width: 100%;
        max-height: unset;
        margin-right: 0
    }

    .listupd .lexa .thumb img {
        max-width: unset;
        height: auto;
        width: 100%
    }

    .bigcontent .infox .spe span {
        width: auto;
        float: none;
        display: block
    }

    .listupd .utao {
        float: none;
        width: auto;
        position: relative
    }

    .quickfilter .filters .filter ul li,.quickfilter .filters .filter ul.dropdown-menu.c1 li,.advancedsearch .quickfilter .filters .filter ul li {
        width: 50% !important
    }

    .searchx {
        width: 74%
    }

    .searchx.topcon {
        width: 67%
    }

    .chnav.ctop .navlef .amob {
        display: block;
        overflow: hidden;
        margin-bottom: 10px
    }

    .chnav.ctop .navlef .amob .pagedsel {
        float: none;
        display: block;
        margin: 0
    }

    .chnav.ctop .navlef .amob .pagedsel select {
        width: 100%
    }

    .bs.stylefor {
        width: 50%
    }

    .bxcl ul li .eph-num span.chapternum {
        text-overflow: unset;
        white-space: unset
    }

    .bxcl .clstyle li .eph-num {
        width: 80%
    }
}

@media only screen and (max-width: 450px) {
    .series-gen .tab-pane.active .bs:nth-child(4),.full.seriestu .bs:nth-child(5) {
        display:none
    }

    .hpage a {
        width: 90px
    }

    .advancedsearch .quickfilter .filters .filter,.full.seriestu .bs {
        width: 50%
    }

    .chnav.cbot .slc {
        float: none;
        margin: 0;
        margin-bottom: 10px;
        overflow: hidden;
        display: block
    }

    .chnav.cbot .amob {
        display: block;
        overflow: hidden
    }

    .chnav.cbot .amob .pagedsel {
        float: none;
        margin: 0;
        display: block;
        overflow: hidden
    }

    .chnav.cbot .amob .pagedsel select {
        width: 100%
    }

    .readingnav.rnavbot .readingnavbot .readingoption .mirror {
        display: none
    }

    .imptdt i,.imptdt a {
        float: none;
        display: block;
        margin-top: 2px
    }
    
    .full.seriestu .bs:nth-child(3),.full.seriestu .bs:nth-child(4){
        display: block;
    }
    
    .bs.stylefiv.stylesix {
        width: 50%;
    }
    .history-item-tree .ts-history-item-content .ts-history-series-episodes .post-date {
        float: none !important;
        display: block;
    }
    .history-item-tree .hisimage {
        width: 50px;
    }
}

@media only screen and (max-width: 380px) {
    .listupd .utao.styletwo .uta .luf ul li span{
        display:none;
    }
    .listupd .utao.stylegg .uta .luf ul li span.eggchap{
        display:block;
    }
}

@media only screen and (max-width: 320px) {
    #series-history ul li .eph-num span.chapternum,#series-history ul li .eph-num span.chapterdate {
        float:none
    }

    ul.taxindex li,.bxcl ul li {
        width: auto;
        float: none
    }
}

@media only screen and (max-width: 300px) {
    .bs,.full .bs,.full.seriestu .bs {
        float:left;
        width: 50%
    }

    .series-gen .tab-pane.active .bs:nth-child(3),.hothome.full .bs:nth-child(3),.bs.stylefiv .bsx .chfiv li .fivtime,.listupd .utao.styletwo .uta .luf ul li span {
        display: none
    }
}


/* ================================================================
   🔵 MANGAREADER ULTRA — Mejoras Visuales, Performance y UX
   ================================================================ */


/* ─── 1. SCROLLBAR GLOBAL ─────────────────────────────────────── */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #0e0d13;
}
::-webkit-scrollbar-thumb {
    background: var(--color-accent);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--color-accent-hover);
}
::-webkit-scrollbar-track {
    background: #0e0d13;
}


/* ─── 2. ANIMACIONES BASE ─────────────────────────────────────── */
@keyframes ultraFadeUp {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes ultraPulse {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.45; }
}

@keyframes ultraSkeleton {
    0%   { background-position: -400px 0; }
    100% { background-position: 400px 0; }
}

/* Entrada de cards */
.bs .bsx,
.listupd .utao .uta,
.bixbox,
.seriestucon {
    animation: ultraFadeUp .35s var(--transition-slow) both;
}


/* ─── 3. HEADER — GLASSMORPHISM STICKY ───────────────────────── */
.th {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: var(--glass-bg) !important;
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    border-bottom: 1px solid rgba(54,106,211,0.18);
    transition: transform 0.3s ease, box-shadow var(--transition), background var(--transition) !important;
}
/* .th.scrolled se aplica desde el bloque base (línea ~293) */


/* ─── 4. MANGA CARDS — HOVER PREMIUM ─────────────────────────── */
.bs .bsx {
    border-radius: var(--radius-md);
    transition: transform var(--transition), box-shadow var(--transition);
    will-change: transform;
}
.bs .bsx:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: var(--shadow-hover);
}

.bs .bsx .limit {
    border-radius: var(--radius-md);
    overflow: hidden;
}
.bs .bsx .limit img {
    transition: transform .4s ease;
    will-change: transform;
}
.bs .bsx:hover .limit img {
    transform: scale(1.07);
}

/* Overlay degradado al hover de cards */
.bs .bsx .limit::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        transparent 40%,
        rgba(22,21,29,0.92) 100%
    );
    opacity: 0;
    transition: opacity var(--transition);
    z-index: 0;
    pointer-events: none;
}
.bs .bsx:hover .limit::after {
    opacity: 1;
}


/* ─── 5. SKELETON LOADING EN PORTADAS ────────────────────────── */
.bs .bsx .limit:empty,
.bs .bsx .limit:not(:has(img[src])) {
    background: linear-gradient(
        90deg,
        #1a1924 25%,
        #252332 50%,
        #1a1924 75%
    );
    background-size: 800px 100%;
    animation: ultraSkeleton 1.4s infinite linear;
}


/* ─── 6. GÉNEROS — PILLS CON COLOR Y HOVER ───────────────────── */
.main-info .wd-full .mgen a,
.seriestucon .seriestucont .seriestucontr .seriestugenre a {
    background: #1e1c28;
    border: 1px solid #343255;
    color: #8899cc;
    border-radius: 20px;
    padding: 4px 14px;
    font-size: 12px;
    font-weight: 500;
    transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}
.main-info .wd-full .mgen a:hover,
.seriestucon .seriestucont .seriestucontr .seriestugenre a:hover {
    background: var(--color-accent);
    border-color: var(--color-accent);
    color: #fff;
}


/* ─── 7. CAPÍTULOS — VISITADO MÁS CLARO ─────────────────────── */
.bxcl ul li .chbox:has(a:visited),
.bxcl ul li .chbox.visited {
    opacity: 0.65;
}
.bxcl ul li .chbox a:visited {
    color: #7a9fd4;
}
.bxcl ul li .chbox:hover {
    background: #1e1c28;
    border-color: var(--color-accent);
    opacity: 1;
}


/* ─── 8. BOTONES — SCALE + RIPPLE ───────────────────────────── */
.bookmark,
.lastend .inepcx a,
.nextprev a,
.advancedsearch button.searchz,
.lista a,
.releases .vl {
    transition: transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast) !important;
}
.bookmark:hover,
.lastend .inepcx a:hover,
.nextprev a:hover,
.advancedsearch button.searchz:hover {
    transform: scale(1.04);
    box-shadow: 0 4px 16px rgba(54,106,211,0.4);
}


/* ─── 9. LECTOR — NAVBAR CON GLASSMORPHISM ──────────────────── */
.readingnav {
    background: var(--glass-bg) !important;
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    border-top: 1px solid rgba(54,106,211,0.15);
}

/* Progress bar gradiente */
.readingnav.rnavbot .readingnavbot .readingbar .readingprogress {
    background: linear-gradient(
        90deg,
        var(--color-accent) 0%,
        #6699ff 100%
    );
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(54,106,211,0.6);
}
.readingnav.rnavbot .readingnavbot .readingbar {
    border-radius: 10px;
    background: #1a1924;
}


/* ─── 10. IMÁGENES DEL LECTOR — FADE-IN ─────────────────────── */
#readerarea img {
    animation: ultraFadeUp .4s ease both;
    transition: opacity .3s ease;
    contain: layout paint;
}

@supports (content-visibility: auto) {
    #readerarea img {
        content-visibility: auto;
        contain-intrinsic-size: 1200px 1700px;
    }
}


/* ─── 11. BIXBOX — BORDES Y SOMBRA MEJORADOS ────────────────── */
.bixbox {
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-card) !important;
    border: 1px solid rgba(49,47,64,0.5);
    transition: box-shadow var(--transition);
}
.bixbox:hover {
    box-shadow: var(--shadow-hover) !important;
}


/* ─── 12. SEARCH — ESTILO MEJORADO ──────────────────────────── */
.searchx #form #s {
    border: 1px solid transparent !important;
    transition: border-color var(--transition-fast), background var(--transition-fast) !important;
}
.searchx #form #s:focus {
    border-color: var(--color-accent) !important;
    background: #1a1924 !important;
}


/* ─── 13. SIDEBAR POPULAR — BORDES ──────────────────────────── */
#sidebar .section {
    border: 1px solid var(--color-border);
    transition: border-color var(--transition);
}
#sidebar .section:hover {
    border-color: rgba(54,106,211,0.35);
}


/* ─── 14. RELEASES HEADER — LÍNEA ACCENT ────────────────────── */
.releases h1::after,
.releases h2::after,
.releases h3::after {
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background: var(--color-accent);
    margin-top: 4px;
    border-radius: 2px;
}


/* ─── 15. LIGHT MODE — AJUSTES ───────────────────────────────── */
.lightmode .th {
    background: rgba(240,240,245,0.9) !important;
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.lightmode .bixbox {
    border-color: rgba(0,0,0,0.08);
}


/* ─── 16. TABLET BREAKPOINT 1024px (FALTANTE) ───────────────── */
@media only screen and (min-width: 501px) and (max-width: 1024px) {
    .listupd .utao {
        width: 50%;
    }
    .bs,.full.seriestu .bs {
        width: 25%;
    }
    .full .bs {
        width: 20%;
    }
    #sidebar {
        width: 28%;
    }
    .postbody {
        width: 72%;
    }
}


/* ─── 17. MOBILE — MEJORAS TÁCTILES ──────────────────────────── */
@media only screen and (max-width: 570px) {
    .bs .bsx:hover {
        transform: none;
        box-shadow: none;
    }
    .bixbox:hover {
        box-shadow: var(--shadow-card) !important;
    }
    .bs .bsx {
        animation: none;
    }
    #readerarea img {
        animation: none;
    }
}


/* ================================================================
   🪙 CATEGORÍA 2 — SISTEMA DE MONEDAS
   ================================================================ */

/* ─── M4. NAVBAR COINS — PILL DORADO PREMIUM ─────────────────── */
li.insanos-coins-nav,
li.insanos-login-nav {
    display: flex;
    align-items: center;
}
li.insanos-coins-nav a,
li.insanos-login-nav a {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 4px 14px !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    transition: background var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast) !important;
}
li.insanos-coins-nav a {
    background: var(--isc-gold-bg) !important;
    border: 1px solid rgba(240,165,0,0.30) !important;
    color: var(--isc-gold) !important;
    font-weight: 700 !important;
}
li.insanos-coins-nav a:hover {
    background: rgba(240,165,0,0.22) !important;
    box-shadow: 0 0 14px var(--isc-gold-glow) !important;
    color: var(--isc-gold) !important;
}
/* Número de monedas con bounce al renderizar */
li.insanos-coins-nav a span {
    display: inline-block;
    min-width: 18px;
    text-align: right;
    animation: insanosCoinsBounce .55s cubic-bezier(.36,.07,.19,.97) both;
}
@keyframes insanosCoinsBounce {
    0%   { transform: scale(0.5); opacity: 0; }
    70%  { transform: scale(1.25); opacity: 1; }
    100% { transform: scale(1); }
}
li.insanos-login-nav a {
    background: rgba(54,106,211,0.10) !important;
    border: 1px solid rgba(54,106,211,0.28) !important;
    color: #fff !important;
    font-weight: 600 !important;
}
li.insanos-login-nav a:hover {
    background: var(--color-accent) !important;
    border-color: var(--color-accent) !important;
    box-shadow: 0 0 14px rgba(54,106,211,0.4) !important;
}

/* Spinner de carga AJAX del balance */
.insanos-balance-loading {
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 2px solid rgba(240,165,0,0.25);
    border-top-color: var(--isc-gold);
    border-radius: 50%;
    animation: insanosSpinner .7s linear infinite;
    vertical-align: middle;
}
@keyframes insanosSpinner {
    to { transform: rotate(360deg); }
}


/* ─── M5. CAPÍTULO BLOQUEADO / PREMIUM ───────────────────────── */
/* Overlay en thumbnails de capítulos bloqueados */
.chapter-locked-overlay {
    position: relative;
    overflow: hidden;
    cursor: default;
}
.chapter-locked-overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(22,21,29,0.75);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    z-index: 2;
    pointer-events: none;
    border-radius: var(--radius-sm);
}
.chapter-locked-badge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    background: linear-gradient(135deg, #c0392b, #e74c3c);
    color: #fff;
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 5px;
    box-shadow: 0 4px 14px rgba(192,57,43,0.5);
    white-space: nowrap;
    animation: ultraFadeUp .3s ease both;
    pointer-events: none;
}

/* Ítem con class .chapter-locked en lista de capítulos */
.bxcl ul li .chbox.chapter-locked {
    opacity: 0.65;
    position: relative;
}
.bxcl ul li .chbox.chapter-locked .chnum::before {
    content: '🔒 ';
    font-size: 11px;
}
.bxcl ul li .chbox.chapter-locked:hover {
    border-color: var(--color-locked) !important;
    background: rgba(192,57,43,0.07) !important;
    opacity: 1;
}


/* ─── M6. TOAST — SISTEMA DE NOTIFICACIONES ─────────────────── */
#insanos-toast-container {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 99999;
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    pointer-events: none;
}
.insanos-toast {
    min-width: 260px;
    max-width: 360px;
    padding: 14px 18px;
    border-radius: var(--radius-md);
    background: var(--color-surface-2);
    border-left: 4px solid var(--color-accent);
    box-shadow: var(--shadow-hover);
    color: var(--color-text-bright);
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    pointer-events: auto;
    animation: toastIn .35s cubic-bezier(.21,1.02,.73,1) both;
    transition: opacity .3s ease, transform .3s ease;
}
.insanos-toast.is-hiding {
    opacity: 0;
    transform: translateX(30px);
}
.insanos-toast .toast-icon {
    font-size: 18px;
    flex-shrink: 0;
    line-height: 1.3;
}
.insanos-toast .toast-body {
    flex: 1;
}
.insanos-toast .toast-title {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 2px;
    color: var(--color-text-bright);
}
.insanos-toast .toast-msg {
    font-size: 12px;
    color: var(--color-text-muted);
    line-height: 1.4;
}
.insanos-toast--success { border-left-color: var(--color-toast-ok); }
.insanos-toast--error   { border-left-color: var(--color-toast-err); }
.insanos-toast--coins   { border-left-color: var(--isc-gold); }

@keyframes toastIn {
    from { opacity: 0; transform: translateX(40px) scale(0.9); }
    to   { opacity: 1; transform: translateX(0)    scale(1);   }
}

/* Toast en mobile: ancho completo en parte inferior */
@media only screen and (max-width: 570px) {
    #insanos-toast-container {
        bottom: 12px;
        right: 12px;
        left: 12px;
    }
    .insanos-toast {
        min-width: 0;
        max-width: 100%;
    }
}


/* ─── M7. SPINNER AJAX BALANCE (estado de carga) ─────────────── */
li.insanos-coins-nav.is-loading a span {
    display: none;
}
li.insanos-coins-nav.is-loading a::after {
    content: '';
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 2px solid rgba(240,165,0,0.25);
    border-top-color: var(--isc-gold);
    border-radius: 50%;
    animation: insanosSpinner .7s linear infinite;
}


/* ─── SIDEBAR STICKY EN DESKTOP ──────────────────────────────── */
@media only screen and (min-width: 768px) {
    #sidebar {
        position: sticky;
        top: 76px;
        align-self: flex-start;
        max-height: calc(100vh - 90px);
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: thin;
        scrollbar-color: var(--color-accent) transparent;
    }
    #sidebar::-webkit-scrollbar { width: 3px; }
    #sidebar::-webkit-scrollbar-thumb { background: var(--color-accent); border-radius: 3px; }
}


/* ================================================================
   📖 CATEGORÍA 3 — EXPERIENCIA DE LECTURA
   ================================================================ */

/* ─── M8. BARRA DE PROGRESO DE LECTURA (top de pantalla) ─────── */
#insanos-read-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: linear-gradient(90deg, var(--color-accent), #6699ff);
    z-index: 99998;
    border-radius: 0 3px 3px 0;
    box-shadow: 0 0 8px rgba(54,106,211,0.6);
    transition: width .1s linear;
    pointer-events: none;
}
/* Se oculta al llegar al 100% */
#insanos-read-progress.complete {
    opacity: 0;
    transition: width .1s linear, opacity .5s ease .4s;
}


/* ─── M9. BADGE "CONTINUAR LEYENDO" EN CARDS ─────────────────── */
.bs .bsx .continue-badge {
    position: absolute;
    bottom: 8px;
    left: 8px;
    right: 8px;
    z-index: 5;
    background: linear-gradient(135deg, var(--color-accent), #5588ee);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    text-transform: uppercase;
    letter-spacing: .5px;
    box-shadow: 0 2px 8px rgba(54,106,211,0.5);
    animation: ultraFadeUp .3s ease both;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Banner de continuar en páginas de serie */
.insanos-continue-banner {
    display: flex;
    align-items: center;
    gap: 12px;
    background: rgba(54,106,211,0.10);
    border: 1px solid rgba(54,106,211,0.30);
    border-radius: var(--radius-md);
    padding: 12px 16px;
    margin-bottom: 14px;
    animation: ultraFadeUp .35s ease both;
}
.insanos-continue-banner .icb-icon {
    font-size: 22px;
    flex-shrink: 0;
}
.insanos-continue-banner .icb-text {
    flex: 1;
    font-size: 13px;
    color: var(--color-text);
}
.insanos-continue-banner .icb-text strong {
    display: block;
    font-size: 14px;
    color: var(--color-text-bright);
    margin-bottom: 2px;
}
.insanos-continue-banner .icb-btn {
    background: var(--color-accent);
    color: #fff !important;
    padding: 7px 18px;
    border-radius: var(--radius-md);
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    transition: background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
}
.insanos-continue-banner .icb-btn:hover {
    background: var(--color-accent-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(54,106,211,0.4);
}


/* ─── M10. MODOS DE ANCHO DEL LECTOR ─────────────────────────── */
/* Panel flotante de controles del lector */
#insanos-reader-controls {
    position: fixed;
    bottom: 80px;
    right: 18px;
    z-index: 9990;
    display: flex;
    flex-direction: column;
    gap: 6px;
    opacity: 0;
    transform: translateX(10px);
    transition: opacity var(--transition), transform var(--transition);
    pointer-events: none;
}
#insanos-reader-controls.visible {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
}
.irc-btn {
    background: var(--glass-bg);
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    border: 1px solid rgba(54,106,211,0.25);
    color: var(--color-text);
    padding: 7px 12px;
    border-radius: var(--radius-md);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
    white-space: nowrap;
    user-select: none;
}
.irc-btn:hover,
.irc-btn.active {
    background: var(--color-accent);
    color: #fff;
    border-color: var(--color-accent);
}
/* Modos de ancho del contenedor real del lector */
.reader-width-fit  #readerarea { max-width: 100%  !important; margin: 0 auto; }
.reader-width-page #readerarea { max-width: 800px !important; margin: 0 auto; }
.reader-width-wide #readerarea { max-width: 1100px!important; margin: 0 auto; }


/* ─── M11. SKELETON DE IMÁGENES DEL LECTOR ───────────────────── */
#readerarea img.img-loading {
    background: linear-gradient(
        90deg,
        #1a1924 25%,
        #252332 50%,
        #1a1924 75%
    );
    background-size: 800px 100%;
    animation: ultraSkeleton 1.4s infinite linear !important;
    /* Preservar dimensiones conocidas para evitar reflow */
    min-height: 200px;
    display: block;
    width: 100%;
}
#readerarea img.img-loaded {
    animation: ultraFadeUp .35s ease both !important;
    background: none;
    min-height: unset;
}


/* ─── M12. BOTÓN FLOTANTE PRÓXIMO CAPÍTULO ───────────────────── */
#insanos-next-fab {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9991;
    background: linear-gradient(135deg, var(--color-accent), #5588ee);
    color: #fff;
    border: none;
    border-radius: 28px;
    padding: 12px 22px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    box-shadow: 0 4px 20px rgba(54,106,211,0.55);
    opacity: 0;
    transform: translateY(20px) scale(0.9);
    transition: opacity .4s ease, transform .4s cubic-bezier(.21,1.02,.73,1), box-shadow var(--transition);
    pointer-events: none;
    white-space: nowrap;
    text-decoration: none;
}
#insanos-next-fab.visible {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}
#insanos-next-fab:hover {
    box-shadow: 0 8px 28px rgba(54,106,211,0.7);
    transform: translateY(-2px) scale(1.04) !important;
    color: #fff;
}
#insanos-next-fab .fab-arrow {
    font-size: 16px;
    transition: transform var(--transition-fast);
}
#insanos-next-fab:hover .fab-arrow {
    transform: translateX(4px);
}

/* FAB oculto en mobile cuando el reader nav ya lo provee */
@media only screen and (max-width: 570px) {
    #insanos-next-fab {
        bottom: 70px; /* Over mobile nav bar */
        right: 12px;
        padding: 10px 16px;
        font-size: 13px;
    }
    #insanos-reader-controls {
        bottom: 130px;
        right: 12px;
    }
}


/* ─── M21. BOTÓN BACK-TO-TOP ─────────────────────────────────── */
#insanos-back-top {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 9990;
    background: var(--glass-bg);
    -webkit-backdrop-filter: var(--glass-blur);
    backdrop-filter: var(--glass-blur);
    border: 1px solid rgba(54,106,211,0.25);
    color: var(--color-text-bright);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
    box-shadow: var(--shadow-card);
    opacity: 0;
    transform: translateY(10px);
    transition: opacity var(--transition), transform var(--transition), background var(--transition-fast), box-shadow var(--transition-fast);
    pointer-events: none;
}
#insanos-back-top.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
#insanos-back-top:hover {
    background: var(--color-accent);
    border-color: var(--color-accent);
    box-shadow: 0 4px 16px rgba(54,106,211,0.5);
}


/* ■ DARK/LIGHT MODE — transición suave ya en body {transition:...} ■ */
/* Toggle visible en navbar (inyectado por JS) */
#insanos-mode-toggle {
    cursor: pointer;
    background: none;
    border: none;
    color: var(--color-text-bright);
    font-size: 18px;
    line-height: 66px;
    height: 66px;
    padding: 0 10px;
    display: flex;
    align-items: center;
    transition: opacity var(--transition-fast);
}
#insanos-mode-toggle:hover { opacity: 0.7; }


/* ================================================================
   🛀 CATEGORÍA 5 — SISTEMA VISUAL COMPLETO
   ================================================================ */


/* ─── M19. WOOCOMMERCE — DARK THEME COMPLETO ──────────────────── */
.woocommerce,
.woocommerce-page {
    background: var(--color-bg);
    color: var(--color-text);
}

/* Formularios y campos */
.woocommerce input,
.woocommerce select,
.woocommerce textarea,
.woocommerce-page input,
.woocommerce-page select,
.woocommerce-page textarea {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-bright) !important;
    border-radius: var(--radius-md) !important;
    padding: 9px 13px !important;
    font-family: var(--font) !important;
    font-size: var(--text-sm) !important;
    transition: border-color var(--transition-fast), background var(--transition-fast) !important;
}
.woocommerce input:focus,
.woocommerce select:focus,
.woocommerce textarea:focus,
.woocommerce-page input:focus,
.woocommerce-page select:focus,
.woocommerce-page textarea:focus {
    border-color: var(--color-accent) !important;
    background: var(--color-surface-2) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(54,106,211,0.15) !important;
}
/* Labels */
.woocommerce label,
.woocommerce-page label {
    color: var(--color-text-muted) !important;
    font-size: var(--text-sm) !important;
    font-weight: 500 !important;
}

/* Botones primarios */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
    background: var(--color-accent) !important;
    color: #fff !important;
    border: none !important;
    border-radius: var(--radius-md) !important;
    font-family: var(--font) !important;
    font-weight: 600 !important;
    font-size: var(--text-sm) !important;
    padding: 10px 22px !important;
    transition: background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast) !important;
    cursor: pointer;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover {
    background: var(--color-accent-hover) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(54,106,211,0.40) !important;
    color: #fff !important;
}
/* Botón "alt" (secundario) */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce-page a.button.alt,
.woocommerce-page button.button.alt {
    background: var(--color-surface-2) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-bright) !important;
}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
    background: var(--color-surface-3) !important;
    border-color: var(--color-accent) !important;
}

/* Tabla de pedidos y carrito */
.woocommerce table.shop_table,
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce-checkout-review-order table {
    background: var(--color-surface) !important;
    border-color: var(--color-border) !important;
    color: var(--color-text) !important;
}
.woocommerce table.shop_table thead th {
    background: var(--color-surface-2) !important;
    color: var(--color-text-muted) !important;
    font-size: var(--text-xs) !important;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.woocommerce table.shop_table tr:hover td {
    background: var(--color-surface-2) !important;
}

/* Tarjeta de totales / checkout */
.woocommerce .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce .order-total,
.woocommerce .shop_table.order_details {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    padding: 20px !important;
}

/* Mensajes de estado */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice {
    background: var(--color-surface-2) !important;
    border-top-color: var(--color-accent) !important;
    color: var(--color-text-bright) !important;
    border-radius: 0 var(--radius-md) var(--radius-md) 0 !important;
    font-size: var(--text-sm) !important;
}
.woocommerce-error {
    border-top-color: var(--color-toast-err) !important;
}

/* Precio */
.woocommerce .price,
.woocommerce ins .amount,
.woocommerce .woocommerce-Price-amount {
    color: var(--isc-gold) !important;
    font-weight: 700 !important;
}
.woocommerce del .amount {
    color: var(--color-text-muted) !important;
    text-decoration: line-through;
}

/* Mini carrito del header */
.woocommerce-cart-form,
.woocommerce ul.cart_list,
.woocommerce ul.product_list_widget li {
    color: var(--color-text) !important;
}
.woocommerce ul.product_list_widget li a {
    color: var(--color-text-bright) !important;
}

/* Mi cuenta — navegación lateral */
.woocommerce .woocommerce-MyAccount-navigation ul {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
}
.woocommerce .woocommerce-MyAccount-navigation ul li a {
    color: var(--color-text) !important;
    padding: 10px 16px;
    display: block;
    transition: background var(--transition-fast), color var(--transition-fast);
}
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
    background: rgba(54,106,211,0.12) !important;
    color: var(--color-accent) !important;
}

/* Tarjeta de producto en tienda */
.woocommerce ul.products li.product {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 14px;
    transition: border-color var(--transition), box-shadow var(--transition);
}
.woocommerce ul.products li.product:hover {
    border-color: rgba(54,106,211,0.35);
    box-shadow: var(--shadow-hover);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: var(--color-text-bright) !important;
    font-size: var(--text-base) !important;
    font-weight: 600;
}

/* Formulario de login de WooCommerce */
.woocommerce form.login,
.woocommerce form.register,
.woocommerce form.checkout_login {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    padding: 28px !important;
}


/* ─── M20. PÁGINA 404 ──────────────────────────────────────────────── */
.error404 #content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    padding: 40px 20px;
}
.error404 .fourofour-wrap {
    text-align: center;
    max-width: 540px;
    animation: ultraFadeUp .5s ease both;
}
.error404 .fourofour-code {
    font-size: 8rem;
    font-weight: 800;
    line-height: 1;
    background: linear-gradient(135deg, var(--color-accent), #8bb4ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -4px;
    margin-bottom: 0;
}
.error404 .fourofour-emoji {
    font-size: 3.5rem;
    margin: 8px 0;
    display: block;
    animation: ultraPulse 2.5s ease infinite;
}
.error404 .fourofour-title {
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--color-text-bright);
    margin: 8px 0 12px;
}
.error404 .fourofour-msg {
    color: var(--color-text-muted);
    font-size: var(--text-sm);
    line-height: 1.7;
    margin-bottom: 28px;
}
.error404 .fourofour-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--color-accent);
    color: #fff !important;
    padding: 12px 28px;
    border-radius: 28px;
    font-weight: 700;
    font-size: var(--text-base);
    transition: background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);
    box-shadow: 0 4px 20px rgba(54,106,211,0.45);
}
.error404 .fourofour-btn:hover {
    background: var(--color-accent-hover);
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(54,106,211,0.6);
    color: #fff !important;
}


/* ─── M24. ESCALA TIPOGRÁFICA APLICADA ──────────────────────────── */
/* Título de serie */
.seriestucon .seriestucont .seriestuhead h1,
.postbody .entry-title,
.mangainfobox .infox .wd-full h1 {
    font-size: clamp(1.25rem, 2.5vw, var(--text-2xl)) !important;
    font-weight: 700;
    color: var(--color-text-bright) !important;
    line-height: 1.3;
}
/* Título de cards en portada */
.bs .bsx .bigor .tt {
    font-size: var(--text-xs) !important;
    font-weight: 600;
    color: var(--color-text-bright);
    line-height: 1.35;
}
/* Número de capítulo en lista */
.bxcl ul li .chbox .chnum {
    font-size: var(--text-sm) !important;
    font-weight: 600;
    color: var(--color-text-bright);
}
/* Fecha en lista de capítulos */
.bxcl ul li .chbox .chdate {
    font-size: var(--text-xs) !important;
    color: var(--color-text-muted);
}
/* Títulos de secciones / releases */
.releases h1, .releases h2, .releases h3 {
    font-size: var(--text-lg) !important;
    font-weight: 700;
    color: var(--color-text-bright);
}
/* Breadcrumb */
.ts-breadcrumb {
    font-size: var(--text-xs) !important;
    color: var(--color-text-muted);
}


/* ─── M25. GÉNEROS — ANIMACIÓN ESCALONADA EN TAXONOMÍA ──────────────── */
/* Tarjetas en página de género con entrada escalonada */
.tax-genres .listupd .bs,
.tag-template .listupd .bs,
.category-template .listupd .bs {
    animation: ultraFadeUp .4s ease both;
}
/* Delay automático para los primeros 18 items (JS añade el resto) */
.tax-genres .listupd .bs:nth-child(1)  { animation-delay: .04s; }
.tax-genres .listupd .bs:nth-child(2)  { animation-delay: .08s; }
.tax-genres .listupd .bs:nth-child(3)  { animation-delay: .12s; }
.tax-genres .listupd .bs:nth-child(4)  { animation-delay: .16s; }
.tax-genres .listupd .bs:nth-child(5)  { animation-delay: .20s; }
.tax-genres .listupd .bs:nth-child(6)  { animation-delay: .24s; }
.tax-genres .listupd .bs:nth-child(7)  { animation-delay: .28s; }
.tax-genres .listupd .bs:nth-child(8)  { animation-delay: .32s; }
.tax-genres .listupd .bs:nth-child(9)  { animation-delay: .36s; }
.tax-genres .listupd .bs:nth-child(10) { animation-delay: .40s; }
.tax-genres .listupd .bs:nth-child(11) { animation-delay: .44s; }
.tax-genres .listupd .bs:nth-child(12) { animation-delay: .48s; }
.tax-genres .listupd .bs:nth-child(13) { animation-delay: .52s; }
.tax-genres .listupd .bs:nth-child(14) { animation-delay: .56s; }
.tax-genres .listupd .bs:nth-child(15) { animation-delay: .60s; }
.tax-genres .listupd .bs:nth-child(16) { animation-delay: .64s; }
.tax-genres .listupd .bs:nth-child(17) { animation-delay: .68s; }
.tax-genres .listupd .bs:nth-child(18) { animation-delay: .72s; }

/* Header de la página de género */
.tax-genres .page-title,
.tax-genres .page-desc {
    text-align: center;
    animation: ultraFadeUp .4s ease both;
}
.tax-genres .page-title h1 {
    font-size: clamp(1.4rem, 3vw, 2rem) !important;
    color: var(--color-text-bright);
    margin-bottom: 6px;
}
.tax-genres .page-title h1::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, var(--color-accent), #8bb4ff);
    border-radius: 2px;
    margin: 8px auto 0;
}


/* ─── M27. PÁGINAS DE LOGIN / REGISTRO ──────────────────────────── */
body.login,
body.login #login {
    background: var(--color-bg) !important;
    font-family: var(--font);
}
body.login #login h1 a {
    filter: brightness(1.2);
}
body.login #loginform,
body.login #registerform,
body.login #lostpasswordform {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-card) !important;
    padding: 28px !important;
    color: var(--color-text) !important;
}
body.login #loginform label,
body.login #registerform label {
    color: var(--color-text-muted) !important;
    font-size: var(--text-sm) !important;
}
body.login #loginform input[type=text],
body.login #loginform input[type=password],
body.login #registerform input[type=text],
body.login #registerform input[type=email],
body.login #registerform input[type=password] {
    background: var(--color-surface-2) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-bright) !important;
    border-radius: var(--radius-md) !important;
    font-family: var(--font) !important;
}
body.login #loginform input:focus,
body.login #registerform input:focus {
    border-color: var(--color-accent) !important;
    box-shadow: 0 0 0 3px rgba(54,106,211,0.15) !important;
    outline: none !important;
}
body.login #wp-submit,
body.login .button-primary {
    background: var(--color-accent) !important;
    border-color: var(--color-accent-hover) !important;
    color: #fff !important;
    border-radius: var(--radius-md) !important;
    font-family: var(--font) !important;
    font-weight: 700 !important;
    transition: background var(--transition-fast), box-shadow var(--transition-fast) !important;
}
body.login #wp-submit:hover,
body.login .button-primary:hover {
    background: var(--color-accent-hover) !important;
    box-shadow: 0 4px 14px rgba(54,106,211,0.4) !important;
}
body.login #nav a,
body.login #backtoblog a {
    color: var(--color-text-muted) !important;
    transition: color var(--transition-fast);
}
body.login #nav a:hover,
body.login #backtoblog a:hover {
    color: var(--color-accent) !important;
}
body.login .privacy-policy-page-link a { color: var(--color-text-muted) !important; }


/* ─── M28. MENÚ HAMBURGUESA ANIMADO  ────────────────────────────── */
/* El padre usa .show-menu y input[type=checkbox] + #menu-menu */
/* Convertir el texto en 3 líneas animadas */
.show-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    position: relative;
    overflow: hidden;
}
/* Ocultar el texto original */
.show-menu::before,
.show-menu::after,
.show-menu span {
    content: '';
    display: block;
    width: 22px;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    left: 10px;
    transition: transform .3s ease, opacity .3s ease, top .3s ease;
}
.show-menu::before { top: 14px; }
.show-menu span    { top: 20px; }
.show-menu::after  { top: 26px; }

/* Estado OPEN: la X */
#main-menu input[type=checkbox]:checked ~ .show-menu::before {
    top: 20px;
    transform: rotate(45deg);
}
#main-menu input[type=checkbox]:checked ~ .show-menu span {
    opacity: 0;
    transform: scaleX(0);
}
#main-menu input[type=checkbox]:checked ~ .show-menu::after {
    top: 20px;
    transform: rotate(-45deg);
}
/* Menú desplegado — fade-in suave */
#main-menu input[type=checkbox]:checked ~ #menu-menu {
    animation: ultraFadeUp .2s ease both;
}
@media only screen and (max-width: 768px) {
    .show-menu { display: flex; }
}


/* M29 Timeline — REMOVIDO (código muerto, neutralizado por Chapter Cards Definitivo) */


/* ─── M30. BOOKMARK — FEEDBACK VISUAL ─────────────────────────────── */
.bookmark {
    position: relative;
    overflow: visible;
    transition: transform var(--transition-fast), background var(--transition-fast) !important;
}
/* Ripple al hacer clic */
.bookmark::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: rgba(54,106,211,0.25);
    opacity: 0;
    pointer-events: none;
    transform: scale(0.8);
    transition: opacity .4s ease, transform .4s ease;
}
.bookmark.bookmarked {
    background: var(--color-accent) !important;
    color: #fff !important;
    border-color: var(--color-accent) !important;
    transform: scale(1.06);
}
.bookmark.bookmarked::after {
    opacity: 1;
    transform: scale(1.8);
    animation: bookmarkRipple .5s ease forwards;
}
@keyframes bookmarkRipple {
    0%   { opacity: 0.5; transform: scale(1);   }
    100% { opacity: 0;   transform: scale(2.2); }
}
/* Badge flotante "+Seguimiento" */
.bookmark-badge {
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-accent);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 12px;
    white-space: nowrap;
    pointer-events: none;
    animation: bookmarkBadge .8s ease forwards;
    z-index: 10;
}
@keyframes bookmarkBadge {
    0%   { opacity: 0; transform: translateX(-50%) translateY(6px); }
    30%  { opacity: 1; transform: translateX(-50%) translateY(0); }
    70%  { opacity: 1; transform: translateX(-50%) translateY(0); }
    100% { opacity: 0; transform: translateX(-50%) translateY(-10px); }
}


/* ─── LIGHT MODE — AJUSTES WOO + ELEMENTOS CAT.5 ─────────────────── */
.lightmode .woocommerce input,
.lightmode .woocommerce select,
.lightmode .woocommerce textarea,
.lightmode .woocommerce-page input,
.lightmode .woocommerce-page select {
    background: #fff !important;
    border-color: #ddd !important;
    color: #222 !important;
}
.lightmode .woocommerce table.shop_table,
.lightmode .woocommerce table.shop_table th,
.lightmode .woocommerce table.shop_table td {
    background: #fff !important;
    border-color: #eee !important;
    color: #333 !important;
}
.lightmode .bxcl ul::before {
    background: linear-gradient(to bottom, var(--color-accent) 0%, rgba(54,106,211,0.08) 100%);
}
.lightmode .bxcl ul li::before {
    background: #e8e8e8;
    border-color: #ccc;
}


/* ================================================================
   🖼️ FIX LATEST UPDATE — IMÁGENES Y TEXTO EN MÓVIL/TABLET
   ================================================================ */

/* ─── Tablet (501px–900px): utao 2 col, bs 3 col ─────────────── */
@media only screen and (min-width: 501px) and (max-width: 900px) {
    .listupd .utao {
        width: 50%;
    }
    .listupd .utao .uta .imgu {
        height: 115px;
    }
    .listupd .utao .uta .imgu img {
        width: 85px;
    }
    .listupd .utao .uta .luf ul li a {
        max-width: 105px;
    }
    /* bs cards: máximo 3 columnas en tablet pequeña */
    .full .bs, .listupd .bs {
        width: 33.333% !important;
    }
}

/* ─── Móvil (≤ 500px): 2 columnas para bs, utao full-width ───── */
@media only screen and (max-width: 500px) {
    /* Cards de grilla: 2 columnas */
    .full .bs, .listupd .bs, .bs {
        width: 50% !important;
    }
    /* Texto de título: no truncar en 2 líneas separadas */
    .bs .bsx .tt {
        font-size: 12px;
        line-height: 1.3;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        max-height: 2.6em;
    }
    /* Imagen del card: proporción adecuada */
    .bs .limit {
        height: 140px;
    }
    /* utao: full-width con imagen más grande */
    .listupd .utao {
        float: none;
        width: 100% !important;
        position: relative;
    }
    .listupd .utao .uta .imgu {
        height: 130px;
    }
    .listupd .utao .uta .imgu img {
        width: 95px;
    }
    .listupd .utao .uta .luf h4 {
        font-size: 14px;
    }
    .listupd .utao .uta .luf ul {
        margin-top: 6px;
    }
    .listupd .utao .uta .luf ul li {
        font-size: 13px;
        margin-bottom: 6px;
    }
    .listupd .utao .uta .luf ul li a {
        max-width: calc(100% - 70px);
    }
    .listupd .utao .uta .luf ul li span {
        font-size: 11px;
    }
}


/* ================================================================
   ✅ HISTÓRICO DE CAPÍTULOS LEÍDOS
   ================================================================ */

/* Capítulo ya leído: atenuado con check verde */
.eplister ul li.insanos-read,
.clstyle li.insanos-read {
    opacity: 0.55;
}
.eplister ul li.insanos-read .epl-title,
.clstyle li.insanos-read .epl-title,
.eplister ul li.insanos-read .chapternum,
.clstyle li.insanos-read .chapternum {
    color: #888 !important;
}
.eplister ul li.insanos-read a::after,
.clstyle li.insanos-read a::after {
    content: ' ✓';
    color: #4caf50;
    font-weight: 700;
    font-size: 11px;
    margin-left: 4px;
    vertical-align: middle;
}
/* Badge “Nuevo” en capítulos NO leídos (dentro de lista activa) */
.eplister ul li:not(.insanos-read) .epl-title::before,
.clstyle li:not(.insanos-read) .epl-title::before {
    content: '';
}


/* ================================================================
   CONTADOR DE VISTAS DE CAPITULOS
   ================================================================ */

#insanos-view-badge {
    position: fixed;
    bottom: 90px;
    left: 20px;
    z-index: 900;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 16px 9px 12px;
    background: rgba(22, 21, 29, 0.82);
    -webkit-backdrop-filter: blur(14px) saturate(160%);
    backdrop-filter: blur(14px) saturate(160%);
    border: 1px solid rgba(54, 106, 211, 0.30);
    border-radius: 40px;
    color: #d0d4e8;
    font-family: 'Poppins', 'Fira Sans', sans-serif;
    font-size: 13px;
    line-height: 1;
    box-shadow: 0 4px 24px rgba(0,0,0,0.45);
    transition: box-shadow .3s, border-color .3s, transform .2s;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
    pointer-events: auto;
    animation: ivbEnter .5s cubic-bezier(.16,.84,.44,1) both;
}

@keyframes ivbEnter {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}

.ivb-eye {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: var(--color-link, #366ad3);
    flex-shrink: 0;
    transition: color .3s;
}
.ivb-eye svg {
    width: 18px;
    height: 18px;
}

.ivb-count {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    letter-spacing: .01em;
    min-width: 32px;
    text-align: center;
    transition: color .3s;
}

.ivb-label {
    font-size: 11px;
    color: #888;
    font-weight: 400;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ivb-pulse {
    position: absolute;
    inset: 0;
    border-radius: 40px;
    pointer-events: none;
    border: 2px solid rgba(54,106,211,0);
}
#insanos-view-badge.ivb--counted .ivb-pulse {
    animation: ivbPulse 1.8s ease-out forwards;
}
@keyframes ivbPulse {
    0%   { border-color: rgba(54,106,211,0.8); transform: scale(1);   opacity: 1; }
    100% { border-color: rgba(54,106,211,0);   transform: scale(1.3); opacity: 0; }
}

#insanos-view-badge.ivb--counted .ivb-eye,
#insanos-view-badge.ivb--counted .ivb-count {
    color: #60a5fa;
}

#insanos-view-badge.ivb--manga-page {
    position: static;
    display: inline-flex;
    margin: 8px 0 4px;
    box-shadow: none;
    animation: none;
    background: rgba(54,106,211,0.10);
    border-color: rgba(54,106,211,0.25);
    padding: 6px 14px 6px 10px;
}

@media only screen and (max-width: 500px) {
    #insanos-view-badge:not(.ivb--manga-page) {
        bottom: 80px;
        left: 12px;
        padding: 8px 13px 8px 10px;
        font-size: 12px;
    }
    .ivb-count { font-size: 14px; }
}


/* ================================================================
   MODERN UI — PROGRESO SERIE + MÉTRICAS FRONT
   ================================================================ */

.insanos-series-progress {
    margin: 10px 0 14px;
    padding: 10px 12px;
    border: 1px solid rgba(54,106,211,0.22);
    border-radius: 10px;
    background: rgba(54,106,211,0.08);
}
.insanos-series-progress .isp-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #b9c3e8;
    margin-bottom: 8px;
}
.insanos-series-progress .isp-top strong {
    color: #e7ecff;
    font-weight: 600;
}
.insanos-series-progress .isp-meta {
    color: #90a2da;
}
.insanos-series-progress .isp-bar {
    height: 8px;
    border-radius: 999px;
    background: rgba(255,255,255,0.08);
    overflow: hidden;
}
.insanos-series-progress .isp-fill {
    display: block;
    height: 100%;
    width: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, #366ad3 0%, #6b9bff 100%);
    transition: width .45s ease;
}

.insanos-metrics-widget {
    border: 1px solid rgba(54,106,211,0.25);
    border-radius: 12px;
    background: rgba(22,21,29,0.65);
    padding: 12px 14px;
}
.insanos-metrics-widget h3 {
    margin: 0 0 10px;
    color: #f2f4ff;
    font-size: 15px;
}
.insanos-metrics-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.insanos-metrics-item {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 10px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.insanos-metrics-item:last-child {
    border-bottom: 0;
}
.insanos-metrics-item a {
    color: #d6ddff;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.insanos-metrics-item .im-views,
.insanos-metrics-item .im-comp {
    font-size: 12px;
    color: #9aa4c5;
    white-space: nowrap;
}

@media only screen and (max-width: 500px) {
    .insanos-metrics-item {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}


/* ================================================================
   FASE 1/2 — CONSOLIDACIÓN UX + PERFORMANCE
   ================================================================ */

/* Asegurar jerarquía visual estable del badge frente a overlays */
#insanos-view-badge {
    z-index: 1100;
}

/* Dispositivos táctiles: evitar hover costoso que genera saltos */
@media (hover: none), (pointer: coarse) {
    .bs .bsx,
    .bs .bsx:hover {
        transform: none !important;
        box-shadow: var(--shadow-card) !important;
    }

    .bs .bsx .limit img,
    .bs .bsx:hover .limit img {
        transform: none !important;
    }

    .bs .bsx .limit::after,
    .bs .bsx:hover .limit::after {
        opacity: 0 !important;
    }
}

/* Accesibilidad: respeta usuarios con reducción de movimiento */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* Compatibilidad: si no hay soporte para :has, usar clases fallback */
@supports not selector(:has(*)) {
    .bxcl ul li .chbox {
        opacity: 1;
    }
    .bxcl ul li .chbox.visited {
        opacity: 0.65;
    }
}


/* ================================================================
   MODERN UI — LATEST UPDATE / POPULAR TODAY / CHAPTER LIST
   ================================================================ */

/* ─── Latest Update: tarjetas más limpias, aire visual y jerarquía ─── */
.listupd {
    padding: 12px;
}

.listupd .utao .uta {
    border: 1px solid rgba(54,106,211,0.10);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.00) 100%);
    transition: border-color var(--transition), transform var(--transition), box-shadow var(--transition);
}

.listupd .utao .uta:hover {
    border-color: rgba(54,106,211,0.35);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}

.listupd .utao .uta .imgu {
    border-radius: 8px;
}

.listupd .utao .uta .luf h4 {
    color: var(--color-text-bright);
    font-size: 14px;
}

.listupd .utao .uta .luf ul li a {
    color: #8db1ff;
    max-width: 120px;
}

.listupd .utao .uta .luf ul li a:hover {
    color: #c6d8ff;
}

/* ─── Popular Today: carrusel/card más premium ───────────────────── */
.listupd.popularslider {
    padding: 12px 12px 14px;
}

.listupd.popularslider .popconslide {
    padding-bottom: 6px;
    scroll-snap-type: x mandatory;
}

.listupd.popularslider .popconslide .bs {
    scroll-snap-align: start;
}

.listupd.popularslider .popconslide .bs .bsx {
    border: 1px solid rgba(255,255,255,0.08);
    background: rgba(255,255,255,0.02);
    border-radius: 12px;
    padding: 8px;
    margin: 8px;
}

.listupd.popularslider .popconslide .bs .bsx:hover {
    border-color: rgba(54,106,211,0.40);
}

.listupd.popularslider .popconslide .bs .bsx .tt {
    font-size: 15px;
    line-height: 1.35;
    margin-top: 10px;
    min-height: 40px;
}

.listupd.popularslider .popconslide .bs .bsx .adds {
    margin-top: 6px;
}

/* ─── Lista de capítulos: aspecto moderno y legibilidad alta ─────── */
.bxcl ul {
    border: 1px solid rgba(54,106,211,0.16);
    border-radius: 12px;
    overflow: hidden;
    background: rgba(255,255,255,0.015);
}

.bxcl ul li {
    border-bottom: 1px solid rgba(255,255,255,0.06);
    transition: background var(--transition), border-color var(--transition);
}

.bxcl ul li:hover {
    background: rgba(54,106,211,0.10);
    border-color: rgba(54,106,211,0.20);
}

.bxcl ul li .chbox {
    padding: 12px 14px;
    border-left: 2px solid transparent;
    transition: border-color var(--transition), background var(--transition);
}

.bxcl ul li:hover .chbox {
    border-left-color: var(--color-accent);
}

.bxcl ul li .lchx,
.bxcl ul li .lchx a {
    font-size: 14px;
    font-weight: 500;
    color: #dce4ff;
}

.bxcl ul li span.dt,
.bxcl ul li span.dt a {
    color: #8b95b6;
}

.bxcl ul li.insanos-read,
.eplister ul li.insanos-read,
.clstyle li.insanos-read {
    background: rgba(76,175,80,0.08);
}

/* Paginado capítulos con look moderno */
.bixbox .bvlcen {
    margin-top: 14px;
    display: flex;
    justify-content: center;
}

.bixbox .bvlcen .bvl {
    border: 1px solid rgba(54,106,211,0.28);
    border-radius: 20px;
    padding: 8px 16px;
    background: rgba(54,106,211,0.10);
    color: #dbe6ff;
    font-weight: 600;
}

.bixbox .bvlcen .bvl:hover {
    background: rgba(54,106,211,0.22);
    border-color: rgba(54,106,211,0.45);
}

@media only screen and (max-width: 900px) {
    .listupd .utao .uta .luf ul li a {
        max-width: 100px;
    }

    .listupd.popularslider .popconslide .bs .bsx .tt {
        font-size: 14px;
    }
}

@media only screen and (max-width: 500px) {
    .listupd {
        padding: 8px;
    }

    .listupd .utao .uta {
        padding: 12px 8px;
    }

    .bxcl ul li .chbox {
        padding: 11px 10px;
    }
}

/* ─── Ultra polish: skeleton + reveal escalonado ───────────────── */
.listupd.popularslider .bs .bsx .limit.ins-pop-skeleton {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #1c1b27 20%, #2b2940 45%, #1c1b27 70%);
    background-size: 220% 100%;
    animation: insPopularSkeleton 1.25s linear infinite;
}

.listupd.popularslider .bs .bsx .limit.ins-pop-skeleton img {
    opacity: 0;
}

@keyframes insPopularSkeleton {
    0% { background-position: 200% 0; }
    100% { background-position: -20% 0; }
}

.ins-reveal-init {
    opacity: 0;
    transform: translateY(10px) scale(0.99);
    transition:
        opacity .45s ease,
        transform .45s ease;
    transition-delay: var(--ins-reveal-delay, 0ms);
}

.ins-reveal-init.ins-reveal-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
    .ins-reveal-init,
    .ins-reveal-init.ins-reveal-visible {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }

    .listupd.popularslider .bs .bsx .limit.ins-pop-skeleton {
        animation: none !important;
    }
}

/* ================================================================
   INSANOS ULTRA v3 — CONSOLIDATED OVERRIDES
   Fecha: 2026-03-03
   Este bloque reemplaza FORCE POLISH, READER MODE, FINAL POLISH,
   CHAPTER CARDS DEFINITIVO y FINAL FIX con reglas limpias y unificadas.
   ================================================================ */


/* ────────────────────────────────────────────────────────────────
   1. HEADER — DISEÑO PREMIUM + SCROLL BEHAVIOR
   ──────────────────────────────────────────────────────────────── */

/* Header principal: glassmorphism + borde sutil */
.th {
    background: var(--glass-bg) !important;
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    transition: transform .3s cubic-bezier(.4,0,.2,1),
                box-shadow .3s ease,
                background .3s ease,
                min-height .3s ease,
                border-color .3s ease !important;
    will-change: transform;
}

.th .centernav {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 20px;
    max-width: 1220px;
    margin: 0 auto;
    transition: padding .25s ease;
}

/* Header al hacer scroll */
.th.scrolled {
    box-shadow: 0 4px 24px rgba(0,0,0,.65), 0 1px 0 rgba(255,255,255,.04) inset !important;
    background: rgba(22,21,29,0.97) !important;
    border-bottom-color: rgba(54,106,211,0.15) !important;
}

/* Header oculto por scroll — DEFINITIVO */
.th.header-hidden {
    transform: translateY(-110%) !important;
    pointer-events: none !important;
    opacity: 0;
}

/* Logo */
header {
    flex-shrink: 0;
}

.logos img {
    max-height: 46px;
    width: auto;
    transition: max-height .25s ease, filter .3s ease;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.3));
}

.logos img:hover {
    filter: drop-shadow(0 2px 8px rgba(54,106,211,.35)) brightness(1.08);
}

/* Navegación principal */
#main-menu ul li a {
    position: relative;
    font-weight: 500;
    letter-spacing: .2px;
    transition: color .2s ease !important;
}

/* Underline hover animado */
#main-menu > .centernav > ul > li > a::after,
#main-menu > ul > li > a::after {
    content: '';
    position: absolute;
    bottom: 12px;
    left: 50%;
    width: 0;
    height: 2px;
    background: var(--color-accent);
    border-radius: 2px;
    transition: width .25s ease, left .25s ease;
}

#main-menu > .centernav > ul > li > a:hover::after,
#main-menu > ul > li > a:hover::after,
#main-menu > .centernav > ul > li.current-menu-item > a::after,
#main-menu > ul > li.current-menu-item > a::after {
    width: 60%;
    left: 20%;
}

/* Dropdown mejorado */
#main-menu ul li ul {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 36px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.04) inset !important;
    padding: 6px !important;
    transform: translateY(8px);
    opacity: 0;
    visibility: hidden;
    transition: transform .2s ease, opacity .2s ease, visibility .2s ease;
}

#main-menu ul li:hover > ul {
    display: block;
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

#main-menu ul li ul li a {
    color: var(--color-text) !important;
    border-radius: 6px !important;
    padding: 8px 14px !important;
    transition: background .15s ease, color .15s ease !important;
}

#main-menu ul li ul li a:hover {
    background: var(--color-surface-2) !important;
    color: var(--color-text-bright) !important;
}

/* Search bar en header mejorado */
.searchx {
    flex-shrink: 0;
}

.searchx #form #s {
    background: var(--color-surface-2) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 8px !important;
    color: var(--color-text-bright) !important;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.searchx #form #s:focus {
    border-color: var(--color-accent) !important;
    box-shadow: 0 0 0 3px rgba(54,106,211,.15) !important;
    background: var(--color-surface-3) !important;
}

/* Theme mode toggle mejorado */
#thememode {
    transition: opacity .2s ease;
}

#thememode .switch .slider {
    border-radius: 20px !important;
}

/* Fallback header (non-.th) */
header.insanos-scrolled,
.site-header.insanos-scrolled,
#masthead.insanos-scrolled {
    box-shadow: var(--shadow-card) !important;
}

header.insanos-header-hidden,
.site-header.insanos-header-hidden,
#masthead.insanos-header-hidden {
    transform: translateY(-110%) !important;
    pointer-events: none !important;
    transition: transform .3s ease !important;
}


/* ────────────────────────────────────────────────────────────────
   2. READER MODE — HEADER COMPACTO EN CAPÍTULOS
   ──────────────────────────────────────────────────────────────── */

/* Transiciones suaves al cambiar a modo lectura */
body.insanos-reading-mode .th,
body.insanos-reading-mode header,
body.insanos-reading-mode .site-header,
body.insanos-reading-mode #masthead {
    transition: transform .25s cubic-bezier(.4,0,.2,1),
                box-shadow .25s ease,
                background .25s ease,
                min-height .25s ease !important;
}

body.insanos-reading-mode .th .centernav {
    transition: padding .25s ease;
}

body.insanos-reading-mode .logos img {
    transition: max-height .25s ease;
    max-height: 38px !important;
}

body.insanos-reading-mode #main-menu ul li a {
    transition: height .25s ease, line-height .25s ease, font-size .25s ease;
    height: 50px !important;
    line-height: 50px !important;
}

body.insanos-reading-mode .searchx {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

body.insanos-reading-mode .searchx #form #s {
    height: 32px !important;
}

/* Compact: header más pequeño al bajar un poco */
body.insanos-reading-compact .th,
body.insanos-reading-compact header,
body.insanos-reading-compact .site-header,
body.insanos-reading-compact #masthead {
    box-shadow: 0 4px 18px rgba(0,0,0,.55) !important;
}

body.insanos-reading-compact .th .centernav {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.insanos-reading-compact header {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

body.insanos-reading-compact .logos img {
    max-height: 28px !important;
}

body.insanos-reading-compact #main-menu ul li a {
    height: 40px !important;
    line-height: 40px !important;
    font-size: .88rem !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* Ultra-compact: ocultar elementos secundarios */
body.insanos-reading-compact .searchx,
body.insanos-reading-compact #thememode,
body.insanos-reading-compact #main-menu .random {
    display: none !important;
}

/* Ocultar header completamente en scroll largo */
body.insanos-reading-mode .th.header-hidden,
body.insanos-reading-mode header.insanos-header-hidden,
body.insanos-reading-mode .site-header.insanos-header-hidden,
body.insanos-reading-mode #masthead.insanos-header-hidden {
    transform: translateY(-115%) !important;
    pointer-events: none !important;
}

@media only screen and (max-width: 890px) {
    body.insanos-reading-compact .logos img {
        max-height: 24px !important;
    }
    body.insanos-reading-compact .searchx {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
    }
}


/* ────────────────────────────────────────────────────────────────
   3. LATEST UPDATES — TARJETAS PREMIUM
   ──────────────────────────────────────────────────────────────── */

/* Cards base: todas las variantes */
.listupd:not(.popularslider) .utao .uta,
.listupd:not(.popularslider) .bs .bsx,
.listupd:not(.popularslider) .lexa {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 12px !important;
    box-shadow: var(--shadow-card) !important;
    overflow: hidden !important;
    transition: transform var(--transition),
                box-shadow var(--transition),
                border-color var(--transition) !important;
}

.listupd:not(.popularslider) .utao .uta:hover,
.listupd:not(.popularslider) .bs .bsx:hover,
.listupd:not(.popularslider) .lexa:hover {
    border-color: var(--color-accent) !important;
    box-shadow: var(--shadow-hover) !important;
    transform: translateY(-3px) !important;
}

/* Títulos */
.listupd:not(.popularslider) .utao .uta .luf h4,
.listupd:not(.popularslider) .lexa .dtl h2,
.listupd:not(.popularslider) .lexa .dtl h2 a,
.listupd:not(.popularslider) .bs .bsx .tt,
.listupd:not(.popularslider) .bs .bsx .tt a {
    color: var(--color-text-bright) !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    word-break: break-word;
    margin-bottom: 6px !important;
    line-height: 1.35 !important;
}

/* Links de capítulos */
.listupd:not(.popularslider) .utao .uta .luf ul li a,
.listupd:not(.popularslider) .bs .bsx .epxs,
.listupd:not(.popularslider) .bs .bsx .epxs a {
    color: var(--color-accent) !important;
}

.listupd:not(.popularslider) .utao .uta .luf ul li a:hover,
.listupd:not(.popularslider) .bs .bsx .epxs a:hover {
    color: var(--color-text-bright) !important;
}

.listupd:not(.popularslider) .lexa .dtl span,
.listupd:not(.popularslider) .bs .bsx .epxdate {
    color: var(--color-text-muted) !important;
}

/* Text overflow containment */
.listupd:not(.popularslider) .utao .uta .luf,
.listupd:not(.popularslider) .lexa .dtl,
.listupd:not(.popularslider) .bs .bsx .bigor,
.listupd:not(.popularslider) .bs .bsx .adds,
.listupd:not(.popularslider) .bs .bsx .tt,
.listupd:not(.popularslider) .bs .bsx .epxs {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

/* Padding y respiración */
.listupd:not(.popularslider) .utao .uta {
    padding: 8px !important;
}

.listupd:not(.popularslider) .utao .uta .luf,
.listupd:not(.popularslider) .lexa .dtl,
.listupd:not(.popularslider) .bs .bsx .bigor,
.listupd:not(.popularslider) .bs .bsx .adds {
    padding-top: 6px !important;
}

/* Chapter links como flex items */
.listupd:not(.popularslider) .utao .uta .luf ul {
    margin-top: 6px !important;
}

.listupd:not(.popularslider) .utao .uta .luf ul li {
    display: flex !important;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin-bottom: 5px !important;
}

.listupd:not(.popularslider) .utao .uta .luf ul li a {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.listupd:not(.popularslider) .utao .uta .luf ul li span,
.listupd:not(.popularslider) .lexa .dtl span,
.listupd:not(.popularslider) .bs .bsx .epxs,
.listupd:not(.popularslider) .bs .bsx .epxdate {
    display: block;
    max-width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin-top: 4px !important;
    line-height: 1.25 !important;
}


/* ── Card container sizing: override parent's small widths ── */

/* Latest Updates cards (.utao): 2 per row instead of 3, flexbox instead of float */
.listupd .utao {
    float: none !important;
    width: 50% !important;
    box-sizing: border-box !important;
}

.listupd {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important;
}

/* .utao .uta: flex layout for image + text side by side */
.listupd .utao .uta {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 12px !important;
    border-bottom: 1px solid var(--color-border) !important;
    min-height: 130px !important;
}

/* Image container: bigger */
.listupd .utao .uta .imgu {
    float: none !important;
    flex-shrink: 0 !important;
    width: 95px !important;
    height: 130px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.listupd .utao .uta .imgu img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Text area: take all remaining space */
.listupd .utao .uta .luf {
    flex: 1 1 0% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

/* Title: allow 2 lines */
.listupd .utao .uta .luf h4 {
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: break-word !important;
    margin-bottom: 6px !important;
    line-height: 1.35 !important;
}

/* Chapter entries: remove float, use flex, REMOVE max-width:80px */
.listupd .utao .uta .luf ul {
    padding-left: 0 !important;
    list-style: none !important;
    margin-top: 6px !important;
}

.listupd .utao .uta .luf ul li {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    margin-bottom: 4px !important;
    font-size: 13px !important;
}

.listupd .utao .uta .luf ul li a {
    float: none !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.listupd .utao .uta .luf ul li span {
    float: none !important;
    flex-shrink: 0 !important;
    font-size: 11px !important;
    color: var(--color-text-muted) !important;
    white-space: nowrap !important;
}

/* Manga grid cards (.bs): 5→4 columns, bigger */
.bs,
.full.seriestu .bs {
    float: none !important;
    width: 25% !important;
    box-sizing: border-box !important;
}

.full .bs {
    width: 20% !important;
}

/* .bs grid uses flex */
.postbody .ldr .outbx,
.seriestucon .listupd,
.hothome .listupd {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* .bsx image bigger */
.bs .bsx .limit img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 4;
    object-fit: cover !important;
}

/* ── Responsive breakpoints for cards ── */
@media only screen and (max-width: 1024px) {
    .listupd .utao {
        width: 50% !important;
    }
    .bs, .full.seriestu .bs, .full .bs {
        width: 25% !important;
    }
}

@media only screen and (max-width: 768px) {
    .listupd .utao {
        width: 100% !important;
    }
    .bs, .full.seriestu .bs, .full .bs {
        width: 33.333% !important;
    }
    .listupd .utao .uta .imgu {
        width: 85px !important;
        height: 115px !important;
    }
}

@media only screen and (max-width: 480px) {
    .listupd .utao {
        width: 100% !important;
    }
    .bs, .full.seriestu .bs, .full .bs {
        width: 50% !important;
    }
    .listupd .utao .uta {
        gap: 10px !important;
        padding: 10px !important;
        min-height: 110px !important;
    }
    .listupd .utao .uta .imgu {
        width: 75px !important;
        height: 105px !important;
    }
    .listupd .utao .uta .luf h4 {
        font-size: 0.88rem !important;
    }
}


/* ────────────────────────────────────────────────────────────────
   4. RECOMMENDED — BARRA MEJORADA
   ──────────────────────────────────────────────────────────────── */
.recommended {
    display: flex !important;
    align-items: center;
    flex-wrap: wrap !important;
    gap: 6px 10px;
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 10px !important;
    padding: 8px 14px !important;
    margin-bottom: 18px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.5 !important;
    font-size: var(--text-sm);
}

.recommended h2 {
    flex: 0 0 auto;
    background: var(--color-accent) !important;
    border-radius: 7px !important;
    padding: 2px 12px !important;
    margin: 0 8px 0 0 !important;
    color: var(--color-text-bright) !important;
    font-size: var(--text-sm) !important;
    font-weight: 600;
    white-space: nowrap;
}

.recommended a {
    max-width: 200px;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: var(--color-text) !important;
    transition: color var(--transition-fast) !important;
    padding: 2px 0;
}

.recommended a:hover {
    color: var(--color-text-bright) !important;
}

@media only screen and (max-width: 700px) {
    .recommended {
        padding: 6px 10px !important;
    }
    .recommended a {
        max-width: 100%;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }
}


/* ────────────────────────────────────────────────────────────────
   5. CHAPTER LIST — DISEÑO DEFINITIVO (Grid + Cards)
   ──────────────────────────────────────────────────────────────── */

/* Container del chapter list */
#chapterlist {
    border: 1px solid var(--color-border) !important;
    border-radius: 14px !important;
    background: var(--color-surface) !important;
    padding: 14px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,.2);
}

/* Grid container */
.bxcl ul,
#chapterlist ul.clstyle,
#chapterlist .bxcl ul,
#chapterlist .eplister ul {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 !important;
    padding: 4px 0 !important;
    max-height: 600px !important;
    overflow-y: auto !important;
    scrollbar-color: var(--color-accent) transparent;
    list-style: none;
}

/* Kill timeline pseudo-elements */
.bxcl ul::before,
.bxcl ul li::before,
#chapterlist .bxcl ul::before,
#chapterlist .eplister ul::before,
#chapterlist .bxcl ul li::before,
#chapterlist .eplister ul li::before,
.bxcl ul.clstyle::before,
.bxcl ul.clstyle li::before {
    content: none !important;
    display: none !important;
}

/* Grid items */
.bxcl ul li,
#chapterlist .bxcl ul li,
#chapterlist .eplister ul li,
.bxcl ul.clstyle li {
    float: none !important;
    width: calc(25% - 8px) !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    display: flex;
    position: relative;
}

/* Card interior */
.bxcl ul li .chbox,
#chapterlist .bxcl ul li .chbox,
#chapterlist .eplister ul li .chbox,
.bxcl ul.clstyle li .chbox {
    width: 100%;
    min-height: 108px;
    margin: 0 !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-left: 3px solid var(--color-accent) !important;
    position: relative !important; /* Required for badge absolute positioning */
    border-radius: 12px !important;
    padding: 14px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 6px;
    position: relative;
    background: var(--color-surface-2) !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.12);
    transition: border-color .2s ease,
                box-shadow .2s ease,
                background .2s ease,
                transform .2s cubic-bezier(.4,0,.2,1) !important;
}

/* Hover state */
.bxcl ul li:hover .chbox,
#chapterlist .bxcl ul li:hover .chbox,
#chapterlist .eplister ul li:hover .chbox,
.bxcl ul.clstyle li:hover .chbox {
    border-color: rgba(54,106,211,0.7) !important;
    border-left-color: var(--color-accent) !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.25), 0 0 0 1px rgba(54,106,211,.2) !important;
    background: var(--color-surface-3) !important;
    transform: translateY(-2px) scale(1.01) !important;
    transform-origin: center center;
}

/* Chapter number layout */
.bxcl ul li .eph-num,
#chapterlist .bxcl ul li .eph-num,
#chapterlist .eplister ul li .eph-num,
.bxcl ul.clstyle li .eph-num {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100% !important;
}

.bxcl ul li .eph-num span.chapternum,
#chapterlist .bxcl ul li .eph-num span.chapternum,
#chapterlist .eplister ul li .eph-num span.chapternum,
.bxcl ul.clstyle li .eph-num span.chapternum {
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .2px;
    margin: 0 !important;
    line-height: 1.3 !important;
    color: var(--color-text-bright) !important;
}

.bxcl ul li .eph-num span.chapterdate,
#chapterlist .bxcl ul li .eph-num span.chapterdate,
#chapterlist .eplister ul li .eph-num span.chapterdate,
.bxcl ul.clstyle li .eph-num span.chapterdate {
    font-size: 11px !important;
    opacity: .75;
    margin: 0 !important;
    line-height: 1.25 !important;
    color: var(--color-text-muted) !important;
}

/* Chapter link colors */
.bxcl ul li .lchx a,
.bxcl ul li .eph-num a {
    color: var(--color-text-bright) !important;
    font-weight: 600 !important;
}

.bxcl ul li span.dt,
.bxcl ul li span.dt a {
    color: var(--color-text-muted) !important;
}

/* Responsive grid */
@media only screen and (max-width: 1100px) {
    .bxcl ul li,
    #chapterlist .bxcl ul li,
    #chapterlist .eplister ul li,
    .bxcl ul.clstyle li {
        width: calc(33.333% - 7px) !important;
    }
}

@media only screen and (max-width: 760px) {
    .bxcl ul li,
    #chapterlist .bxcl ul li,
    #chapterlist .eplister ul li,
    .bxcl ul.clstyle li {
        width: calc(50% - 5px) !important;
    }
}

@media only screen and (max-width: 520px) {
    .bxcl ul li,
    #chapterlist .bxcl ul li,
    #chapterlist .eplister ul li,
    .bxcl ul.clstyle li {
        width: 100% !important;
    }
    .bxcl ul li .chbox,
    #chapterlist .bxcl ul li .chbox,
    #chapterlist .eplister ul li .chbox,
    .bxcl ul.clstyle li .chbox {
        min-height: 80px;
    }
}

@media only screen and (max-width: 640px) {
    .bxcl ul,
    #chapterlist ul.clstyle,
    #chapterlist .bxcl ul,
    #chapterlist .eplister ul {
        max-height: 480px !important;
    }
}


/* ────────────────────────────────────────────────────────────────
   6. READ STATUS BADGES (Visto / No visto)
   ──────────────────────────────────────────────────────────────── */
.insanos-read-badge {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    border-radius: 999px;
    padding: 5px 10px;
    letter-spacing: .4px;
    text-transform: uppercase;
    border: 1px solid transparent;
    user-select: none;
    pointer-events: none;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 2;
    transition: opacity .2s ease, transform .2s ease;
}

.insanos-read-badge.is-unread {
    color: #ffcece;
    background: rgba(220, 53, 69, 0.25);
    border-color: rgba(220, 53, 69, 0.5);
}

.insanos-read-badge.is-read {
    color: #b8ffd4;
    background: rgba(46, 204, 113, 0.25);
    border-color: rgba(46, 204, 113, 0.5);
}

/* Capítulo leído: refuerzo visual en la tarjeta */
#chapterlist .bxcl ul li.insanos-read .chbox,
#chapterlist .eplister ul li.insanos-read .chbox,
.bxcl ul.clstyle li.insanos-read .chbox,
.bxcl ul li.insanos-read .chbox {
    border-left-color: #2ecc71 !important;
    background: linear-gradient(135deg,
        rgba(46,204,113,0.12) 0%,
        rgba(46,204,113,0.04) 100%) !important;
}

/* Capítulo no leído: acento sutil */
#chapterlist .bxcl ul li:not(.insanos-read) .chbox,
.bxcl ul li:not(.insanos-read) .chbox {
    border-left-color: var(--color-accent) !important;
}

/* Progress bar */
.insanos-series-progress {
    margin-bottom: 14px;
    padding: 12px 16px;
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border);
    border-radius: 12px;
}

.insanos-series-progress .isp-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-size: var(--text-sm);
}

.insanos-series-progress .isp-top strong {
    color: var(--color-text-bright);
}

.insanos-series-progress .isp-meta {
    color: var(--color-text-muted);
    font-size: var(--text-xs);
}

.insanos-series-progress .isp-bar {
    width: 100%;
    height: 6px;
    background: var(--color-surface-3);
    border-radius: 999px;
    overflow: hidden;
}

.insanos-series-progress .isp-fill {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, var(--color-accent), #2ecc71);
    border-radius: 999px;
    transition: width .4s ease;
}

@media only screen and (max-width: 640px) {
    .insanos-read-badge {
        font-size: 9px;
        padding: 4px 7px;
        right: 6px;
        top: 6px;
    }
}


/* ────────────────────────────────────────────────────────────────
   7. SERIES INFO PAGE — MEJORAS
   ──────────────────────────────────────────────────────────────── */
.seriestucon,
#content .seriestere {
    border: 1px solid var(--color-border) !important;
    border-radius: 14px !important;
    background: var(--color-surface) !important;
    box-shadow: var(--shadow-card) !important;
}

.seriestucon .seriestucont .seriestucontl .thumb,
#content .seriestere .seriestucontent .seriestucontl .thumb {
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px rgba(0,0,0,.35);
}

.seriestucon .seriestucont .seriestucontr .seriestugenre a,
#content .seriestere .seriestucontent .seriestucontentr .seriestugenre a {
    border: 1px solid var(--color-border) !important;
    border-radius: 999px !important;
    background: var(--color-surface-2) !important;
    color: var(--color-text) !important;
    padding: 4px 12px !important;
    font-size: var(--text-xs);
    transition: all var(--transition-fast) !important;
}

.seriestucon .seriestucont .seriestucontr .seriestugenre a:hover,
#content .seriestere .seriestucontent .seriestucontentr .seriestugenre a:hover {
    border-color: var(--color-accent) !important;
    color: var(--color-text-bright) !important;
    background: rgba(54,106,211,0.12) !important;
    transform: translateY(-1px);
}

.releases.series {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    box-shadow: var(--shadow-card) !important;
}

.releases.series h1 {
    color: var(--color-text-bright) !important;
}

.releases.series .alter {
    color: var(--color-text-muted) !important;
}


/* ────────────────────────────────────────────────────────────────
   8. LOGIN / REGISTRO — DISEÑO MEJORADO
   ──────────────────────────────────────────────────────────────── */

/* Página de login de WordPress */
body.login,
body.login #login {
    background: var(--color-bg) !important;
    font-family: var(--font);
}

body.login #login {
    max-width: 380px;
    padding-top: 6vh !important;
}

body.login #login h1 a {
    filter: brightness(1.2) drop-shadow(0 4px 12px rgba(54,106,211,.3));
    transition: filter .3s ease;
}

body.login #login h1 a:hover {
    filter: brightness(1.4) drop-shadow(0 4px 16px rgba(54,106,211,.5));
}

body.login #loginform,
body.login #registerform,
body.login #lostpasswordform {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 32px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.03) inset !important;
    padding: 32px !important;
    color: var(--color-text) !important;
}

body.login #loginform label,
body.login #registerform label,
body.login #lostpasswordform label {
    color: var(--color-text-muted) !important;
    font-size: var(--text-sm) !important;
    font-weight: 500;
    margin-bottom: 4px;
}

body.login #loginform input[type=text],
body.login #loginform input[type=password],
body.login #registerform input[type=text],
body.login #registerform input[type=email],
body.login #registerform input[type=password],
body.login #lostpasswordform input[type=text] {
    background: var(--color-surface-2) !important;
    border: 1px solid var(--color-border) !important;
    color: var(--color-text-bright) !important;
    border-radius: 8px !important;
    font-family: var(--font) !important;
    font-size: var(--text-sm) !important;
    padding: 10px 14px !important;
    height: auto !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}

body.login #loginform input:focus,
body.login #registerform input:focus,
body.login #lostpasswordform input:focus {
    border-color: var(--color-accent) !important;
    box-shadow: 0 0 0 3px rgba(54,106,211,0.15) !important;
    outline: none !important;
}

body.login #wp-submit,
body.login .button-primary {
    background: linear-gradient(135deg, var(--color-accent), var(--color-accent-hover)) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-family: var(--font) !important;
    font-weight: 700 !important;
    font-size: var(--text-sm) !important;
    padding: 10px 24px !important;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .2s ease, opacity .2s ease !important;
    box-shadow: 0 4px 14px rgba(54,106,211,0.3) !important;
}

body.login #wp-submit:hover,
body.login .button-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(54,106,211,0.45) !important;
    opacity: .92;
}

body.login #wp-submit:active,
body.login .button-primary:active {
    transform: translateY(0);
}

body.login #nav,
body.login #backtoblog {
    text-align: center;
}

body.login #nav a,
body.login #backtoblog a {
    color: var(--color-text-muted) !important;
    transition: color var(--transition-fast);
    font-size: var(--text-xs);
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
    color: var(--color-accent) !important;
}

body.login .privacy-policy-page-link a {
    color: var(--color-text-muted) !important;
}

/* In-site login (theme profile/account dropdown) */
.ts-header-login {
    position: relative;
}

.ts-header-login .ts-login-panel {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.55) !important;
    padding: 16px !important;
}

.ts-header-login .ts-login-panel input[type=text],
.ts-header-login .ts-login-panel input[type=password] {
    background: var(--color-surface-2) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 6px !important;
    color: var(--color-text-bright) !important;
    padding: 8px 12px !important;
}

.ts-header-login .ts-login-panel input:focus {
    border-color: var(--color-accent) !important;
    box-shadow: 0 0 0 2px rgba(54,106,211,.12) !important;
}

.ts-header-login .ts-login-panel .ts-btn,
.ts-header-login .ts-login-panel button {
    background: var(--color-accent) !important;
    border: none !important;
    border-radius: 6px !important;
    color: #fff !important;
    font-weight: 600;
    transition: background .2s ease !important;
}

.ts-header-login .ts-login-panel .ts-btn:hover,
.ts-header-login .ts-login-panel button:hover {
    background: var(--color-accent-hover) !important;
}

/* User avatar & profile link in header */
.ts-header-user {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ts-header-user img {
    border-radius: 50%;
    border: 2px solid var(--color-border);
    transition: border-color .2s ease;
    width: 32px;
    height: 32px;
}

.ts-header-user:hover img {
    border-color: var(--color-accent);
}

/* User dropdown panel */
.ts-header-user .ts-userdrop {
    background: var(--color-surface) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 40px rgba(0,0,0,.55) !important;
}

.ts-header-user .ts-userdrop a {
    color: var(--color-text) !important;
    padding: 8px 16px !important;
    border-radius: 6px;
    transition: background .15s ease !important;
}

.ts-header-user .ts-userdrop a:hover {
    background: var(--color-surface-2) !important;
    color: var(--color-text-bright) !important;
}


/* ────────────────────────────────────────────────────────────────
   9. BIXBOX & SECTION CONTAINERS — MEJORAS
   ──────────────────────────────────────────────────────────────── */
.bixbox {
    border-radius: var(--radius-lg) !important;
    border: 1px solid rgba(255,255,255,0.04);
    transition: box-shadow var(--transition);
}

.releases h1,
.releases h2,
.releases h3 {
    color: var(--color-text-bright) !important;
    font-weight: 700 !important;
    font-size: var(--text-lg) !important;
    position: relative;
    padding-bottom: 8px;
}

.releases h1::after,
.releases h2::after,
.releases h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background: var(--color-accent);
    border-radius: 2px;
}


/* ────────────────────────────────────────────────────────────────
   10. LIGHT MODE — AJUSTES V3
   ──────────────────────────────────────────────────────────────── */
.lightmode .th {
    background: rgba(255,255,255,0.95) !important;
    border-bottom-color: rgba(0,0,0,0.08) !important;
}

.lightmode .th.scrolled {
    box-shadow: 0 4px 20px rgba(0,0,0,.12) !important;
}

.lightmode #main-menu ul li a {
    color: #333 !important;
}

.lightmode #main-menu ul li a:hover {
    color: var(--color-accent) !important;
}

.lightmode #main-menu ul li ul {
    background: #fff !important;
    border-color: rgba(0,0,0,.08) !important;
    box-shadow: 0 8px 28px rgba(0,0,0,.12) !important;
}

.lightmode #main-menu ul li ul li a {
    color: #555 !important;
}

.lightmode #main-menu ul li ul li a:hover {
    background: #f5f5f5 !important;
    color: #222 !important;
}

.lightmode .listupd:not(.popularslider) .utao .uta,
.lightmode .listupd:not(.popularslider) .bs .bsx,
.lightmode .listupd:not(.popularslider) .lexa {
    background: #fff !important;
    border-color: rgba(0,0,0,.08) !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
}

.lightmode .listupd:not(.popularslider) .utao .uta:hover,
.lightmode .listupd:not(.popularslider) .bs .bsx:hover,
.lightmode .listupd:not(.popularslider) .lexa:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,.1) !important;
}

.lightmode .recommended {
    background: #f8f8f8 !important;
    border-color: rgba(0,0,0,.06) !important;
}

.lightmode #chapterlist {
    background: #fff !important;
    border-color: rgba(0,0,0,.08) !important;
}

.lightmode .bxcl ul li .chbox,
.lightmode #chapterlist .bxcl ul li .chbox,
.lightmode #chapterlist .eplister ul li .chbox,
.lightmode .bxcl ul.clstyle li .chbox {
    background: #f5f6f8 !important;
    border-color: rgba(0,0,0,.06) !important;
    border-left-color: var(--color-accent) !important;
}

.lightmode .bxcl ul li:hover .chbox,
.lightmode #chapterlist .bxcl ul li:hover .chbox {
    background: #eef0f4 !important;
    border-color: rgba(54,106,211,.3) !important;
}

.lightmode .bxcl ul li .eph-num span.chapternum {
    color: #222 !important;
}

.lightmode .insanos-read-badge.is-unread {
    color: #a22;
    background: rgba(220, 53, 69, 0.08);
    border-color: rgba(220, 53, 69, 0.25);
}

.lightmode .insanos-read-badge.is-read {
    color: #1a7;
    background: rgba(46, 204, 113, 0.08);
    border-color: rgba(46, 204, 113, 0.25);
}


/* ────────────────────────────────────────────────────────────────
   11. ACCESSIBILITY & PERFORMANCE IMPROVEMENTS
   ──────────────────────────────────────────────────────────────── */

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Focus visible for keyboard navigation */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--color-accent) !important;
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

/* Content-visibility for heavy sections */
.listupd,
#chapterlist,
.bxcl,
#sidebar {
    content-visibility: auto;
    contain-intrinsic-size: auto 500px;
}

/* Smooth scrolling in chapter list */
.bxcl ul::-webkit-scrollbar,
#chapterlist ul::-webkit-scrollbar {
    width: 5px;
}

.bxcl ul::-webkit-scrollbar-thumb,
#chapterlist ul::-webkit-scrollbar-thumb {
    background: var(--color-accent);
    border-radius: 10px;
}

.bxcl ul::-webkit-scrollbar-track,
#chapterlist ul::-webkit-scrollbar-track {
    background: transparent;
}

/* Selection color */
::selection {
    background: rgba(54,106,211,.35);
    color: var(--color-text-bright);
}


/* ============================================================
   FIX: Candados y monedas mal posicionados en el menú
   ============================================================ */

/* Ocultar badges de candado/moneda inyectados DENTRO de los
   links del menú principal de navegación */
#main-menu ul li a .chapter-lock-badge,
#main-menu ul li a .coin-badge,
#main-menu ul li a img[src*="lock"],
#main-menu ul li a .lock-icon,
#main-menu ul li a .coin-icon,
#main-menu ul li a [class*="lock"],
#main-menu ul li a [class*="coin"] {
    display: none !important;
}

/* Asegurar que el pill de monedas li.insanos-coins-nav
   se muestre inline con los demás items del menú principal */
#menu-menu > li.insanos-coins-nav,
#menu-menu > li.insanos-login-nav {
    display: flex !important;
    align-items: center !important;
    float: left !important;
    margin: 0 5px !important;
}

/* Corregir el <a> directo dentro del <ul> si fue mal insertado
   (sin el <li> envolvente) */
#menu-menu > a[href*="mi-cuenta"],
#menu-menu > a[class*="coin"],
#menu-menu > a[class*="login"] {
    display: none !important;
}

/* El pill de monedas debe estar en la barra del header,
   no flotando en segunda fila */
li.insanos-coins-nav {
    line-height: 66px !important;
    height: 66px !important;
    display: flex !important;
    align-items: center !important;
}

li.insanos-coins-nav a {
    line-height: normal !important;
    height: auto !important;
}

/* Compacto en modo lectura */
body.insanos-reading-compact li.insanos-coins-nav {
    line-height: 40px !important;
    height: 40px !important;
}

/* ============================================================
   FIX v2: Pill de monedas suelto en el <ul> del menú
   El plugin lo inyecta como <a> directo dentro de <ul>
   Lo convertimos en un elemento estilizado correcto
   ============================================================ */

/* El <a> de monedas suelto dentro de #menu-menu */
#menu-menu > a {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    float: left !important;
    margin: 0 5px !important;
    line-height: 66px !important;
    height: 66px !important;
    padding: 0 14px !important;
    color: var(--isc-gold) !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    background: var(--isc-gold-bg) !important;
    border: 1px solid rgba(240,165,0,0.30) !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    /* Centrar verticalmente */
    align-self: center !important;
    margin-top: auto !important;
    margin-bottom: auto !important;
    height: auto !important;
    line-height: normal !important;
    padding: 4px 14px !important;
}

#menu-menu > a:hover {
    background: rgba(240,165,0,0.22) !important;
    box-shadow: 0 0 14px var(--isc-gold-glow) !important;
}


/* Ocultar cualquier emoji/imagen no textual dentro de items del menú nav */
#main-menu ul > li > a > img,
#main-menu ul > li > a > span.dashicons,
#main-menu ul > li > a > span[class*="lock"],
#main-menu ul > li > a > span[class*="coin"],

/* ===== FIX: Card/Tarjeta Design ===== */
/* Consistent card heights and proper text handling */
.bs .bsx,
.listupd .bs {
  display: flex;
  flex-direction: column;
}

.bs .bsx .bigor,
.listupd .bs .bigor {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.bs .bsx .bigor .tt,
.listupd .bs .bigor .tt {
  font-size: 13px;
  line-height: 1.3;
  max-height: 2.6em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-word;
}

.bs .bsx a img,
.listupd .bs a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.bs .bsx .limit,
.listupd .bs .limit {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

/* Popular Today slider cards fix */
.owl-item .bs {
  height: auto !important;
}

.owl-item .bs .bsx {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.owl-item .bs .bsx .limit {
  aspect-ratio: 3/4;
  overflow: hidden;
}

.owl-item .bs .bsx .limit img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.owl-item .bs .bsx .bigor {
  padding: 6px 4px;
  flex: 1;
}

.owl-item .bs .bsx .bigor .tt {
  font-size: 13px;
  line-height: 1.3;
  max-height: 2.6em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

/* Latest updates grid cards fix */
.listupd .bsx .limit {
  aspect-ratio: 3/4;
  overflow: hidden;
}

.listupd .bsx .limit img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.listupd .bsx .bigor {
  padding: 6px 4px;
}

.listupd .bsx .bigor .tt {
  font-size: 13px;
  line-height: 1.3;
  max-height: 2.6em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
/* ===== END FIX: Card/Tarjeta Design ===== */
#main-menu ul > li > a > span[style] {
    display: none !important;
}

/* ============================================================
   FIX v3: REVERTIR selector menu-item-25 incorrecto
   y corregir pill de monedas con JS approach
   ============================================================ */

/* Restaurar visibilidad de todos los hijos del link Inicio */
#menu-item-25 > a > * {
    display: inline !important;
}

/* Solo ocultar el candado (emoji + span del plugin de monedas)
   El plugin inyecta spans con clase especifica, no texto plano */
#menu-item-25 > a > span.chapter-lock-badge,
#menu-item-25 > a > span[class*="lock"],
#menu-item-25 > a > span[class*="coin"],
#menu-item-25 > a > .insanos-lock-badge {
    display: none !important;
}

/* ============================================================
   FIX v4: RESTAURAR "Inicio" en el menú - override definitivo
   ============================================================ */

/* Anular el selector not(:first-child) del FIX v2 que era incorrecto */
#menu-item-25 > a > *:not(:first-child) {
    display: inline !important;
}

/* El texto "Inicio" vive en un generic/span que es el único hijo del <a>
   Asegurar que siempre sea visible */
#menu-item-25 > a {
    visibility: visible !important;
    opacity: 1 !important;
}

#menu-item-25 > a > * {
    display: inline !important;
    visibility: visible !important;
}

/* El JS del functions.php (insanos_fix_nav_menu_badges) se encarga
   de limpiar los badges de candado/moneda del DOM en tiempo real.
   El CSS no puede hacer eso ya que son nodos de texto */

/* ===== OCULTAR DISQUS - USAR WPDISCUZ ===== */
#disqus_thread {
    display: none !important;
}
/* ===== FIN OCULTAR DISQUS ===== */

/* ===== OCULTAR SECCION DISQUS DEL TEMA ===== */
#insanos-comments-section {
    display: none !important;
}
/* ===== FIN OCULTAR SECCION DISQUS ===== */