:root{--body:#110920;--text:#fff;--link:#eeee22;--link-hover:#03c1ef;--primary:#03c1ef;--secondary:#8c3596;--tertiary:#666;--dark:#000;--light:#fff;--gray:#1b0f30;--gray-light:#311e54;--gray-dark:#eee}
      .section-title{
    position: relative;
    color: #cfcfcf;
    padding-left: 1rem;
}
.section-title::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 70%;
    background: linear-gradient(135deg, #7c3aed, #9333ea);
    border-radius: 20px;
}
.notify-btn{
    position:fixed;
    right:22px;
    bottom:22px;
    width:64px;
    height:64px;

    border:none;
    outline:none;
    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;
    z-index:999999;

    color:#fff;

    background:linear-gradient(135deg,#ff7b00,#ff3d7f,#7b3cff);
    background-size:250% 250%;

    box-shadow:
        0 10px 35px rgba(255,80,80,.45),
        0 0 25px rgba(123,60,255,.35);

    animation:
        gradientMove 6s ease infinite,
        floatBell 3s ease-in-out infinite;
        
    transition:.25s;
}

.notify-btn:hover{
    transform:scale(1.08);
    box-shadow:
        0 14px 40px rgba(255,80,80,.6),
        0 0 35px rgba(123,60,255,.5);
}

.notify-btn:active{
    transform:scale(.95);
}

.notify-btn svg{
    width:28px;
    height:28px;
    animation:ring 2.5s infinite;
}

.notify-btn::before{
    content:"";
    position:absolute;
    inset:-7px;
    border-radius:50%;
    border:2px solid rgba(255,255,255,.35);
    animation:pulse 2s infinite;
}

.notify-btn::after{
    content:"";
    position:absolute;
    inset:-16px;
    border-radius:50%;
    background:radial-gradient(circle,
        rgba(255,95,109,.25) 0%,
        rgba(123,60,255,.15) 45%,
        transparent 75%);
    z-index:-1;
    filter:blur(12px);
}

@keyframes gradientMove{

    0%{
        background-position:0% 50%;
    }

    50%{
        background-position:100% 50%;
    }

    100%{
        background-position:0% 50%;
    }

}

@keyframes floatBell{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-6px);
    }

}

@keyframes ring{

    0%,90%,100%{
        transform:rotate(0deg);
    }

    5%{
        transform:rotate(18deg);
    }

    10%{
        transform:rotate(-18deg);
    }

    15%{
        transform:rotate(12deg);
    }

    20%{
        transform:rotate(-12deg);
    }

    25%{
        transform:rotate(6deg);
    }

    30%{
        transform:rotate(-6deg);
    }

}

@keyframes pulse{

    0%{
        transform:scale(.9);
        opacity:.9;
    }

    70%{
        transform:scale(1.35);
        opacity:0;
    }

    100%{
        opacity:0;
    }

}

@media(max-width:768px){

    .notify-btn{
        width:58px;
        height:58px;
        right:16px;
        bottom:16px;
    }

    .notify-btn svg{
        width:25px;
        height:25px;
    }

}
.notify-btn.blocked{
    background:linear-gradient(135deg,#ff4d4d,#d10000);
}
/* =========================
   LANGUAGE TABS
========================= */

@media (min-width: 993px) {

  .btr {

    display: flex;

    flex-wrap: nowrap;

    overflow-x: auto;

    padding-bottom: 8px;

    scrollbar-width: none;
  }

  .btr::-webkit-scrollbar {
    display: none;
  }

  .btr .btn.rtg {

    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 170px;

    height: 58px;

    padding: 0 24px;

    border-radius: 999px;

    font-size: 15px;
    font-weight: 700;

    white-space: nowrap;

    color: rgba(255,255,255,.75);

    background:
      rgba(255,255,255,.05);

    border:
      1px solid
      rgba(255,255,255,.08);

    transition:
      .25s ease;

    cursor: pointer;
  }

  /* HOVER */

  .btr .btn.rtg:hover {

    transform:
      translateY(-2px);

    color: #fff;

    border-color:
      rgba(139,92,246,.4);

    background:
      rgba(139,92,246,.12);
  }

  /* ACTIVE */

  .btr .btn.rtg.active {

    color: #fff;

    background:
      linear-gradient(
        135deg,
        #7c3aed,
        #9333ea
      );

    border-color:
      transparent;

    box-shadow:
      0 10px 30px
      rgba(124,58,237,.35);
  }
.d-flex-ch.mb-10.btr {
    grid-auto-flow: row !important;
}
  /* INACTIVE */

  .btr .btn.rtg.inactive {

    opacity: .85;
  }

}
.cyber-modal{

  position: fixed;

  inset: 0;

  z-index: 99999;

  display: none;

  align-items: center;

  justify-content: center;

  padding: 20px;
}

.cyber-modal.active{

  display: flex;
}

.cyber-overlay{

  position: absolute;

  inset: 0;

  background:
  rgba(0,0,0,.8);

  backdrop-filter:
  blur(5px);
}

#cyberpunkCard{

  position: relative;

  z-index: 2;
}

.cyber-modal{

  position: fixed;

  inset: 0;

  z-index: 99999;

  display: none;

  align-items: center;

  justify-content: center;

  padding: 16px;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;
}

.cyber-modal.active{

  display: flex;
}

.cyber-overlay{

  position: fixed;

  inset: 0;

  background:
  rgba(0,0,0,.82);

  backdrop-filter:
  blur(6px);
}

#cyberpunkCard{

  position: relative;

  z-index: 2;

  width: 100%;

  max-height: 90vh;

  overflow-y: auto;

  -webkit-overflow-scrolling: touch;
}

/* BODY LOCK */

body.cyber-modal-open{

  overflow: hidden;

  touch-action: none;
}
        .animex_root_container {
            width: 100%;
            max-width: 900px;
            background: #0a061a;
            border: 1px solid #1f1640;
            border-radius: 28px;
            padding: 20px 18px;
            box-shadow: 0 20px 30px rgba(0, 0, 0, 0.6);
            justify-self: center;
        }

        /* ----- HEADER section ----- */
        .animex_main_header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: linear-gradient(135deg, #0e0a25, #140e34);
            border: 1px solid #23194c;
            border-radius: 22px;
            padding: 20px;
            margin-bottom: 18px;
        }
        .animex_header_left {
            display: flex;
            align-items: center;
            gap: 14px;
        }
        .animex_back_btn {
            font-size: 1.2rem;
            color: #a5a1b8;
            cursor: pointer;
            transition: 0.2s;
        }
        .animex_back_btn:hover { color: #5185ff; }
        .animex_title_group h1 {
            font-size: 1.2rem;
            font-weight: 800;
            letter-spacing: 0.5px;
            margin: 0;
            color: white;
        }
        .animex_subtitle {
            font-size: small;
            color: #7f7a99;
            margin-top: 4px;
        }
        .animex_header_right {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .animex_clock_icon {
            color: #3b2d75;
            font-size: 1.5rem;
        }
        .animex_avatar_img {
            width: 60px;
            display: block;
        }

        /* ----- NOTICE BOX ----- */
        .animex_notice_panel {
            background: rgba(223, 66, 173, 0.05);
            border: 1px solid #3c153b;
            border-radius: 18px;
            padding: 12px 14px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 12px;
            margin-bottom: 24px;
        }
        .animex_notice_left {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .animex_info_badge {
            background: #2a205a;
            border-radius: 30px;
            color: white;
            width: 24px;
            height: 24px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold;
            font-size: 0.8rem;
        }
        .animex_notice_text {
            font-size: small;
            color: #b5b0d0;
            line-height: 1.4;
            margin: 0;
        }
        .animex_notice_cal_icon {
            color: #3c153b;
            font-size: 1.8rem;
        }
        .animex_highlight_blue {
            color: #5185ff;
        }
        .animex_highlight_pink {
            color: #df42ad;
            font-weight: 600;
        }

        /* ----- DAY SLIDER + CUSTOM NAV ----- */
        .animex_slider_wrap {
            position: relative;
            margin-bottom: 28px;
            display: flex;
            align-items: center;
            gap: 10px;
            background: rgba(0,0,0,0.2);
            border-radius: 60px;
            padding: 6px 0;
        }
        .animex_days_swiper {
            flex: 1;
            overflow: hidden;
            touch-action: pan-y;
        }
        .animex_days_swiper .swiper-slide {
            width: auto !important;
        }
        .animex_day_button {
            background: #110b29;
            border: 1px solid #2a1f4a;
            color: #c0bbe3;
            padding: 10px 22px;
            border-radius: 40px;
            font-size: 0.8rem;
            font-weight: 700;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            white-space: nowrap;
            transition: 0.2s;
            backdrop-filter: blur(2px);
        }
        .animex_day_button i { font-size: 0.85rem; }
        .animex_day_button.active {
            background: linear-gradient(135deg, #2e5eff, #a61eff);
            border: none;
            color: white;
            box-shadow: 0 6px 14px rgba(46, 94, 255, 0.5);
            transform: scale(1.02);
        }
        .animex_swiper_nav_btn {
            background: #16102e;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: 0.2s;
            color: white;
            border: 1px solid #3a2a6e;
            flex-shrink: 0;
            font-size: 1rem;
        }
        .animex_swiper_nav_btn:hover {
            background: #2e1f5e;
            border-color: #5185ff;
        }
        @media (max-width: 480px) {
            .animex_day_button { padding: 7px 16px; font-size: 0.7rem; }
            .animex_swiper_nav_btn { width: 32px; height: 32px; }
        }

        /* ----- SCHEDULE header + timeline layout ----- */
        .animex_schedule_head {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 20px;
            border-bottom: 1px solid #1f1640;
            padding-bottom: 10px;
        }
        .animex_section_clock_icon {
            font-size: 1.4rem;
            color: #5185ff;
        }
        .animex_schedule_head h2 {
            font-size: 1.25rem;
            font-weight: 700;
            margin: 0;
            color: white;
        }
        .animex_timeline_wrapper {
            position: relative;
            padding-left: 32px;
            margin-bottom: 28px;
        }
        .animex_timeline_vertical_line {
            position: absolute;
            left: 8px;
            top: 12px;
            bottom: 20px;
            width: 2.5px;
            background: linear-gradient(to bottom, #2e5eff, #a61eff, #df42ad);
            border-radius: 4px;
        }
        .animex_schedule_list {
            display: flex;
            flex-direction: column;
            gap: 18px;
        }
        /* schedule card */
        .animex_schedule_card {
            position: relative;
            display: flex;
            align-items: center;
        }
        .animex_timeline_dot_base {
            position: absolute;
            left: -28px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background: white;
            outline: 3px solid rgba(255, 255, 255, 0.15);
        }
        .animex_dot_cyan {
            background: #00f0ff;
            box-shadow: 0 0 8px #00c8ff;
        }
        .animex_dot_purple {
            background: #d000ff;
            box-shadow: 0 0 8px #d000ff;
        }
        .animex_dot_pink {
            background: #ff4d9e;
            box-shadow: 0 0 8px #ff4d9e;
        }
        .animex_card_time {
            width: 70px;
            text-align: center;
            flex-shrink: 0;
        }
        .animex_card_time h3 {
            font-size: 1.1rem;
            font-weight: 800;
            background: linear-gradient(135deg, #b3e4ff, #8cbbff);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            margin: 0;
        }
        .animex_card_time p {
            font-size: 0.65rem;
            color: #8f89b3;
            font-weight: 600;
            margin: 0;
        }
        .animex_card_content {
            flex-grow: 1;
            border: 1px solid #2c214f;
            border-radius: 20px;
            min-height: 80px;
            background-size: cover;
            background-position: center 30%;
            display: flex;
            align-items: center;
            padding: 12px 16px;
        }
        .animex_card_info h4 {
            font-size: 0.8rem;
            font-weight: 700;
            color: #ffffff;
            margin-bottom: 6px;
            text-shadow: 0 1px 2px rgba(0,0,0,0.5);
        }
        .animex_badge_tag {
            font-size: 0.55rem;
            font-weight: 800;
            color: #ffb3f0;
            background: rgba(0,0,0,0.5);
            padding: 2px 10px;
            border-radius: 30px;
            display: inline-flex;
            align-items: center;
            gap: 5px;
        }
        .animex_badge_tag i { font-size: 0.55rem; color: #ffdd77; }

        /* ----- FOOTER unique ----- */
        .animex_footer_banner {
            background: linear-gradient(135deg, rgba(14, 10, 37, 0.95), rgba(20, 14, 52, 0.95));
            border: 1px solid #1f1640;
            border-radius: 20px;
            padding: 10px 18px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            position: relative;
            overflow: hidden;
        }
        .animex_footer_left {
            display: flex;
            align-items: center;
            gap: 1rem;
        }
        .animex_megaphone_icon {
            font-size: 1.8rem;
            color: #3b2d75;
            transform: rotate(-8deg);
        }
        .animex_footer_text h3 {
            font-size: 0.85rem;
            font-weight: 700;
            margin: 0;
            color: white;
        }
        .animex_footer_text p {
            font-size: small;
            color: #a59fc7;
            margin-top: 4px;
        }
        .animex_footer_chibi {
            width: 105px;
            right: 8px;
            opacity: 0.85;
         
        }
        .tac {
              text-align: start !important;
          }
          @media (max-width: 460px) {
            .animex_root_container { padding: 14px; }
            .animex_card_time { width: 60px; }
            .animex_card_time h3 { font-size: 1rem; }
            .animex_card_info h4 { font-size: 0.7rem; }
        }
        @media (max-width: 490px) {
        .animex_footer_left {
            gap: 2rem;
        }
    }
    .ft {
    padding-top: 2rem!important;
}


.entry-header .play {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    position: relative;

    color: #fff;
    font-size: 12px;

    background: #0b0620;
    border: 2px solid transparent;

    background-image:
        linear-gradient(#0b0620, #0b0620),
        linear-gradient(90deg, #00c8ff, #d946ef);

    background-origin: border-box;
    background-clip: padding-box, border-box;

    flex-shrink: 0;
}
.post.episodes {
    border-radius: 7px;
    padding: .1rem;
    -webkit-transition: .2s;
    transition: .2s;
    line-height: 1rem;
    backdrop-filter: blur(10px);
    border: 1px solid transparent;
    background-image: linear-gradient(#110920, #110920), linear-gradient(90deg, #00475b, #670077);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    overflow: hidden;
}
.post.episodes .num-epi {
    font-weight: 800 !important;
}
header.entry-header {
    padding-right: .3rem !important;
    padding-left: .3rem !important;
}
div.post-thumbnail.alg-ss,
div.post-thumbnail {

    border-radius: 7px;
    padding: .1rem;
    -webkit-transition: .2s;
    transition: .2s;
    line-height: 1rem;
    backdrop-filter: blur(10px);

    border: 1px solid transparent;
    background-image:
        linear-gradient(#110920, #110920), linear-gradient(90deg, #00475b, #670077);

    background-origin: border-box;
    background-clip: padding-box, border-box;

    overflow: hidden;
}
@media (max-width: 676px) {
    .entry-header .play {
        width: 30px;
        height: 30px;
        font-size: 10px;
    }
}
.d-flex-ch.j-center {
    padding: 12px !important;
}
@media (max-width: 498px) {
    h5.entry-title1 {
    font-size: 0.7rem !important;
}
}
@media (max-width: 313px) {
   .entry-header .play {
       display: none !important;
    }
}
.post.episodes.lg .num-epi {
    display: inline-table !important;
}
h5.entry-title1 {
    font-size: 0.8rem;
    font-weight: 100;
}

.post-thumbnail2 {
    border-radius: 7px;
    overflow: hidden;
}

.post-thumbnail2 img {
    display: block;
    width: 100%;
    border-radius: inherit;
}
.post:hover .post-thumbnail2 .play {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.post.episodes.watched {
    background: #2c774d !important;
}
.post.episodes.watched span.play.fa-play{
    background:darkgreen !important;
}

.post-thumbnail2 .play {
    width: 4rem;
    height: 4rem;
    border-radius: 4rem;
    border: .1rem solid var(--light);
    line-height: 3.9rem;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    color: var(--light);
    padding-left: .25rem;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}