.qwerty-bottom-999 {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background: #111;
      display: flex;
      justify-content: space-around;
      align-items: center;
      padding: 8px 0;
      border-top: 1px solid #222;
      z-index: 10;
    }

    .qwerty-bottom-999 a {
      text-decoration: none;
      color: #aaa;
      font-size: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      flex: 1;
      transition: 0.3s;
    }

    body {
      margin: 0;
      background: #0b0b0b;
      font-family: Arial, sans-serif;
      color: #fff;
      padding-bottom: -1px;
    }

    /* нижняя панель */
    .xx11zz88 {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      background: #111;
      display: flex;
      justify-content: space-around;
      align-items: center;
      padding: 10px 0;
      border-top: 1px solid #222;
      z-index: 10;
    }

    .xx11zz88 .a9b2c3 {
      text-decoration: none;
      color: #aaa;
      font-size: 13px;
      display: flex;
      flex-direction: column;
      align-items: center;
      flex: 1;
      transition: 0.3s;
    }

    .xx11zz88 .a9b2c3 i {
      font-size: 22px;
      margin-bottom: 3px;
    }

    .xx11zz88 .a9b2c3:hover,
    .xx11zz88 .a9b2c3.pppp9999 {
      color: #fff;
    }

    /* логотип */
    .qq00ww77 {
      position: fixed;
      bottom: 28px;
      left: 50%;
      transform: translateX(-50%);
      width: 70px;
      height: 70px;
      border-radius: 50%;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0,0,0,0.6);
      z-index: 20;
      pointer-events: none; /* нельзя нажать */
    }

    .qq00ww77 img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 50%;
    }

    /* 📱 только мобильные */
    @media (max-width: 768px) {
      .xx11zz88,
      .qq00ww77 {
        display: flex;
      }
    }

    /* 💻 скрыть на ПК */
    @media (min-width: 769px) {
      .xx11zz88,
      .qq00ww77 {
        display: none;
      }
    }

    .qwerty-bottom-999 a i {
      font-size: 22px;
      margin-bottom: 3px;
    }

    .qwerty-bottom-999 a.active,
    .qwerty-bottom-999 a:hover {
      color: #fff;
    }

    /* Центральное фото */
    .crazy-center-logo-777 {
      position: fixed;
      bottom: 25px;
      left: 50%;
      transform: translateX(-50%);
      width: 65px;
      height: 65px;
      border-radius: 50%;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0,0,0,0.5);
      z-index: 20;
      pointer-events: none;
    }

    .crazy-center-logo-777 img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 50%;
    }

    /* 📱 Адаптив для мобильных */
    @media (max-width: 768px) {
      .qwerty-bottom-999,
      .crazy-center-logo-777 {
        display: flex;
      }

      .crazy-center-logo-777 {
        width: 60px;
        height: 60px;
        bottom: 30px;
      }
    }

    /* 💻 На ПК скрываем */
    @media (min-width: 769px) {
      .qwerty-bottom-999,
      .crazy-center-logo-777 {
        display: none;
      }
    }

.footer-left,.nav-button {
    align-items:center;
    display:flex
}
.nav-arrow,.nav-button,.toggle-button {
    transform:translateY(-50%);
    cursor:pointer
}
.header-logo,.nav-button {
    position:absolute;
    transition:.3s
}
#anime-container,#series-container,.sound-button .icon-muted,.sound-button.muted .icon-unmuted,.sound-button.muted svg:last-child {
    display:none
}
.nav-button,.nav-icon,.profile-menu,.quantumSearchInterface,.read-more-btn,.superDragonNotify,.voidFilterPanel {
    backdrop-filter:blur(10px)
}
* {
    margin:0;
    padding:0;
    box-sizing:border-box
}
body {
    background-color: #060606;
    color: #ffffff;
    font-family: 'Montserrat', 'Rubik', 'Poppins', 'Arial', sans-serif;
    line-height: 1.6;
    font-weight: 500; /* чуть легче для более мягкого вида */
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-font-smoothing: antialiased; /* сглаживание шрифта для WebKit */
    -moz-osx-font-smoothing: grayscale;  /* сглаживание шрифта для Firefox */
}

body::-webkit-scrollbar {
    display:none
}
.nav-button {
    top:50%;
    background:rgba(0,0,0,.8);
    border:2px solid rgba(255,255,255,.2);
    color:#fff;
    width:48px;
    height:48px;
    border-radius:50%;
    z-index:10;
    opacity:0;
    overflow-x:none;
    justify-content:center
}
.featured-card,.featured-poster {
    overflow:hidden;
    border-radius:11px
}
.nav-button:hover {
    background:rgba(0,0,0,.95);
    border-color:rgba(255,255,255,.4);
    transform:translateY(-50%) scale(1.1);
    overflow-x:none
}
.nav-button:active {
    transform:translateY(-50%) scale(.95)
}
.nav-button.prev {
    left:-24px
}
.nav-button.next {
    right:4px
}

 

.nav-button.hidden {
    opacity:0!important;
    pointer-events:none
}
.nav-button svg {
    width:20px;
    height:20px;
    fill:currentColor;
    transition:transform .2s
}
.footer-links a,.nav-panel a {
    transition:color .3s;
    text-decoration:none
}
.nav-button:hover svg {
    transform:scale(1.1)
}
.anime-card:hover .anime-poster::after,.hero-video.active,.nav-wrapper:hover .toggle-button,.section:hover .nav-button {
    opacity:1
}
.subtitle {
    font-size:14px;
    color:#888;
    margin-top:-23px;
    font-weight:400;
    margin-left:12px
}
.header-logo {
    left:81px;
    top:12px;
    color:#d1d1d1;
    font-size:28px;
    font-weight:800;
    text-decoration:none;
    z-index:994;
    text-shadow:0 0 10px rgba(255,255,255,.5),2px 2px 4px rgba(0,0,0,.5);
    letter-spacing:-1px;
    font-family:Montserrat,Arial,sans-serif
}
.footer {
    background:#1a1a1a45;
    color:#999;
    padding:2rem 0 1.5rem;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    font-size:14px;
    border-radius:9px
}
.footer-container {
    max-width:1400px;
    margin:0 auto;
    padding:0 2rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:1.5rem
}
.footer-left {
    gap:2rem
}
.footer-logo {
    display:flex;
    align-items:center;
    gap:.5rem;
    color:#f36;
    font-weight:600;
    font-size:1.1rem;
    text-decoration:none
}
.footer-logo svg {
    width:24px;
    height:24px
}
.footer-copyright {
    color:#666;
    font-size:13px
}
.footer-question {
    background:#333;
    color:#ccc;
    border:none;
    padding:.5rem 1rem;
    border-radius:6px;
    font-size:13px;
    cursor:pointer;
    transition:background .3s
}

@media (max-width: 480px) {
    .anime-poster {
        height: 221px !important;
    }
}

.scroll-top,.social-link {
    width:32px;
    height:32px;
    background:#333;
    border-radius:6px;
    color:#999;
    transition:.3s;
    text-decoration:none
}
.footer-question:hover {
    background:#444
}
.footer-center,.footer-links {
    display:flex;
    align-items:center;
    gap:1.5rem;
    flex-wrap:wrap
}
.footer-links a {
    color:#999;
    font-size:13px;
    white-space:nowrap
}
.footer-links a:hover {
    color:#f36
}
.footer-links a.premium {
    color:#f36;
    display:flex;
    align-items:center;
    gap:.3rem
}
.footer-links a.premium::before {
    content:"★";
    font-size:12px
}
.footer-right {
    display:flex;
    align-items:center;
    gap:1rem
}
.search-bar,.search-item,.social-link,.social-links {
    display:flex;
    align-items:center
}
.social-links {
    gap:.5rem
}
.social-link {
    justify-content:center
}
.scroll-top:hover,.social-link:hover {
    background:#f36;
    color:#fff;
    transform:translateY(-2px)
}
.social-link svg {
    width:16px;
    height:16px
}
.scroll-top {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:.5rem
}
.hero-section,.sidebar-icon {
    display:flex;
    border-radius:11px
}
.scroll-top svg {
    width:14px;
    height:14px
}
@media (max-width:1024px) {
    .footer-container {
        flex-direction:column;
        text-align:center;
        gap:1rem
    }
    .footer-left {
        flex-direction:column;
        gap:1rem
    }
    .footer-links {
        justify-content:center
    }
}
.header-logo:hover {
    text-shadow:0 0 15px rgba(255,255,255,.8),3px 3px 6px rgba(0,0,0,.7);
    transform:scale(1.05)
}
.container {
    max-width:1200px;
    margin:8px auto 0 580px;
    padding:0 10px
}
header {
    background-color:#00000000;
    padding:2px 0;
    border-bottom:1px solid #33333300
}
.header-content {
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin-bottom:11px
}
.nav-icons {
    display:flex;
    gap:20px
}
.nav-icon {
    background-color:#fff
}
.sidebar {
    position:fixed;
    left:0;
    top:0;
    height:100vh;
    width:60px;
    background-color:#111;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:20px 0;
    z-index:100
}
.sidebar-icon {
    width:32px;
    height:32px;
    background-color:#333;
    margin-bottom:20px;
    cursor:pointer;
    transition:background-color .3s;
    align-items:center;
    justify-content:center
}
.sidebar-icon:hover {
    background-color:#8b5cf6
}
.main-content {
    margin-left:60px;
    padding-left:0
}
.featured-section,.hero-section {
    margin-left:10px;
    margin-right:10px
}
.hero-section {
    position:relative;
    height:70vh;
    background-size:cover;
    background-position:center;
    align-items:center;
    margin-bottom:40px;
    overflow:hidden
}
.hero-meta,.meta-item {
    align-items:center;
    display:flex
}
.hero-overlay,.hero-video {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    z-index:1;
    top:0
}
.hero-video {
    object-fit:cover;
    opacity:0;
    transition:opacity 1s ease-in-out
}
.hero-overlay {
    background:linear-gradient(135deg,rgba(20,20,20,.8),rgba(40,40,40,.6))
}

/* Сильный градиент для плавного перехода */
.hero-overlay {
    background: linear-gradient(to top, rgb(0 0 0) 0%, rgba(20, 20, 20, 0.85) 40%, rgba(30, 30, 30, 0.5) 70%, #060606 100%);
}
.anime-poster,.featured-card,.featured-poster {
    background-size:cover;
    background-position:center
}
.hero-content {
    position:relative;
    z-index:2;
    max-width:600px;
    padding-left:20px;
    transition:opacity .5s ease-in-out
}
.trending-badge {
    display:inline-block;
    background-color:#e91e63;
    color:#fff;
    padding:6px 12px;
    border-radius:15px;
    font-size:14px;
    font-weight:700;
    margin-bottom:15px
}
.hero-title {
    font-size:48px;
    font-weight:800;
    margin-bottom:20px;
    line-height:1.2;
    text-shadow:2px 2px 4px rgba(0,0,0,.5)
}
.hero-meta {
    gap:20px;
    margin-bottom:20px;
    font-size:14px;
    color:#ccc;
    font-weight:600
}
.meta-item {
    gap:5px
}
.hero-description {
    font-size:16px;
    line-height:1.6;
    margin-bottom:30px;
    color:#ddd;
    font-weight:500
}
.hero-buttons {
    display:flex;
    gap:15px
}
.sound-button,.watch-button {
    display:inline-flex;
    align-items:center;
    transition:.3s;
    cursor:pointer
}
.watch-button {
    gap: 10px;
    background-color: rgb(255 255 255 / 10%);
    color: rgb(255 255 255);
    padding: 12px 25px;
    border-radius: 58px;
    text-decoration: none;
    font-weight: 700;
    border: 1px solid rgba(255, 255, 255, .1);
    font-size: 16px;
}
.watch-button:hover {
    background-color:#353535;
    transform:translateY(-2px)
}
.sound-button {
    justify-content:center;
    width:45px;
    height:45px;
    background-color:rgb(87 87 87 / 20%);
    border:2px solid rgba(255,255,255,.3);
    border-radius:50%;
    color:#fff
}
.sound-button:hover {
    background-color:rgba(255,255,255,.3)
}
.featured-section {
    margin-bottom:50px
}
.section-title {
    font-size:28px;
    font-weight:700;
    margin-bottom:25px;
    color:#fff;
    border-left:4px solid #fff;
    padding-left:10px;
    text-align:left;
    margin-left:0;
    border-radius:2px
}
.featured-card {
    padding:20px;
    display:flex;
    align-items:center;
    gap:20px;
    position:relative;
    min-height:250px
}
.featured-card::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:linear-gradient(178deg, rgb(4 4 4) 2%, rgb(0 0 0 / 70%) 100%);
    backdrop-filter:blur(5px);
    z-index:1
}
.featured-poster {
    width:160px;
    height:230px;
    flex-shrink:0;
    position:relative;
    box-shadow:0 10px 30px rgba(0,0,0,.3);
    z-index:2;
    transition:.3s
}
.featured-poster:hover {
    transform:scale(1.05);
    filter:brightness(.8)
}
.featured-info {
    flex:1;
    z-index:2
}
.featured-title {
    font-size:28px;
    font-weight:800;
    margin-bottom:10px;
    color:#fff
}
.featured-description {
    font-size:14px;
    line-height:1.6;
    margin-bottom:20px;
    color:#e0e0e0;
    max-width:600px;
    font-weight:500
}
.featured-meta {
    display:flex;
    gap:15px;
    margin-bottom:15px;
    font-size:14px;
    color:#ccc;
    font-weight:600
}
.play-button {
    display:inline-flex;
    align-items:center;
    gap:10px;
    background-color:#8b5cf6;
    color:#fff;
    padding:10px 20px;
    border-radius:11px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
    border:none;
    cursor:pointer;
    font-size:14px
}
.play-button:hover {
    background-color:#7c3aed;
    transform:translateY(-2px)
}
.play-icon {
    width:0;
    height:0;
    border-left:6px solid #fff;
    border-top:4px solid transparent;
    border-bottom:4px solid transparent
}
.section {
    margin-bottom:40px;
    position:relative;
    margin-left:10px;
    margin-right:10px
}
.anime-grid {
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:15px;
    transition:transform .4s cubic-bezier(.25, .46, .45, .94);
    padding:10px 15px;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;
    flex:0 0 auto
}
.nav-arrow,.toggle-button {
    align-items:center;
    display:flex
}
.anime-grid::-webkit-scrollbar {
    display:none
}
.nav-arrow {
    position:absolute;
    top:50%;
    background-color:rgba(0,0,0,.8);
    color:#fff;
    border:none;
    width:40px;
    height:40px;
    border-radius:50%;
    font-size:16px;
    justify-content:center;
    z-index:10;
    opacity:1;
    transition:opacity .3s,background-color .3s
}
.anime-card,.anime-poster {
    position:relative;
    transition:.3s
}
.nav-arrow:hover {
    background-color:rgba(139,92,246,.9)
}
.nav-arrow.prev {
    left:-15px
}
.nav-arrow.next {
    right:-15px
}
.anime-card {
    flex:0 0 auto;
    cursor:pointer;
    flex:0 0 160px;
    margin-left:0;
    text-decoration:none
}
.anime-card:hover {
    transform:translateY(-5px);
    box-shadow:0 10px 20px transparent
}
.anime-poster {
    width:91%;
    height:224px;
    border-radius:11px;
    overflow:hidden
}
.anime-poster::after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,.3);
    opacity:0;
    transition:opacity .3s
}
.sound-button.muted .icon-muted {
    display:inline
}
.episode-badge {
    position:absolute;
    top:6px;
    right:6px;
    background-color:rgba(255,255,255,.9);
    color:#e91e63;
    padding:3px 6px;
    border-radius:10px;
    font-size:10px;
    font-weight:700;
    border:1px solid rgba(0,0,0,.1);
    z-index:2
}
.anime-title {
    margin-top:8px;
    font-size:13px;
    font-weight:600;
    color:#fff;
    text-align:left;
    line-height:1.3;
    padding:0
}
.nav-wrapper {
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    z-index:999;
    transition:.3s
}
.nav-panel {
    position:relative;
    width:60px;
    height:100%;
    background-color:#0d0d0d;
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:15px 0;
    transition:transform .3s
}
.toggle-button,.url-display {
    position:absolute;
    background-color:#333
}
.nav-panel.closed {
    transform:translateX(-60px)
}
.toggle-button {
    right:-20px;
    top:50%;
    width:20px;
    height:50px;
    border-radius:0 5px 5px 0;
    justify-content:center;
    opacity:0;
    transition:opacity .3s
}
.toggle-button:after {
    content:"◀";
    color:#fff;
    font-size:12px
}
.nav-panel.closed+.toggle-button:after {
    content:"▶"
}
.nav-panel a {
    margin:15px 0;
    font-size:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    color:gray
}
.nav-panel a:hover {
    opacity:.8
}
.top-icons {
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center
}
.bottom-icons {
    display:flex;
    flex-direction:column;
    align-items:center
}
.url-display {
    bottom:0;
    left:0;
    width:100%;
    color:#fff;
    font-size:10px;
    padding:2px 0;
    text-align:center
}
.nav-panel a.active {
    color:#fff
}
.nav-panel a.active svg {
    stroke:white
}
.conta {
    width:100%;
    padding:0 15px
}
.search-bar {
    padding:15px 0;
    background-color:#000
}
.back-arrow {
    color:#fff;
    margin-right:15px;
    cursor:pointer;
    margin-top:5px
}
.search-input-container {
    flex:1;
    position:relative
}
.search-input {
    width:100%;
    border:none;
    background:#1a1a1a;
    color:#fff;
    padding:12px 15px;
    font-size:15px;
    border-radius:16px;
    outline:0
}
.category-tabs {
    display:flex;
    padding:15px 0
}
.tab {
    padding:8px 15px;
    border-radius:15px;
    margin-right:10px;
    font-size:14px;
    cursor:pointer;
    transition:.3s
}
.tab.active {
    background-color:#fff;
    color:#000
}
.tab.inactive {
    background-color:#333;
    color:#fff
}
.popular-searches {
    padding:20px 0
}
.popular-title {
    font-size:16px;
    font-weight:500;
    margin-bottom:15px;
    color:#aaa
}
.search-items {
    display:flex;
    flex-direction:column
}
.search-item {
    padding:12px 0;
    border-bottom:1px solid #222
}
.astralMeta,.nav-icon,.nav-icons,.quantumResult {
    align-items:center;
    display:flex
}
.history-icon {
    margin-right:15px;
    color:#777
}
.content-message {
    margin-top:20px;
    padding:15px;
    background-color:rgba(255,255,255,.05);
    border-radius:8px;
    text-align:center;
    color:#aaa;
    font-size:14px;
    display:none
}
@media (min-width:768px) {
    .conta {
        max-width:800px;
        margin:0 auto;
        padding:20px
    }
    .search-input {
        font-size:15px;
        padding:15px 20px
    }
    .tab {
        padding:10px 14px;
        font-size:15px
    }
    .popular-title {
        font-size:18px;
        margin-bottom:20px
    }
    .search-item {
        padding:15px 0;
        font-size:16px
    }
    .search-item:hover {
        background-color:#111;
        cursor:pointer
    }
    .tab:hover {
        transform:translateY(-2px)
    }
}
@media (max-width:767px) {
    .conta {
        padding:10px
    }
    .search-bar {
        padding:10px 0
    }
}
.search-results {
    display:none;
    margin-top:20px
}
.content-card {
    display:flex;
    margin-bottom:15px;
    background-color:#111;
    border-radius:8px;
    overflow:hidden;
    transition:transform .3s
}
.nav-icons {
    gap:15px
}
.nav-icon {
    width:40px;
    height:40px;
    background:rgb(255 255 255 / 20%);
    border-radius:31%;
    justify-content:center;
    border:1px solid rgba(0,0,0,.2);
    cursor:pointer;
    transition:.3s;
    box-shadow:0 8px 32px rgba(0,0,0,.2);
    position:relative
}
.nav-icon:hover {
    background:rgba(0,0,0,.5);
    transform:translateY(-2px);
    box-shadow:0 12px 40px rgba(0,0,0,.3)
}
.nav-icon svg {
    width:20px;
    height:20px;
    stroke:rgba(255,255,255,0.9);
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
.nav-icon.profile svg {
    fill:rgba(255,255,255,0.9);
    stroke:none
}
.nav-icon.notification svg {
    stroke:rgba(255,255,255,0.9);
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round
}
.nav-icon .notification-dot {
    position:absolute;
    top:6px;
    right:6px;
    width:8px;
    height:8px;
    background:#ff4757;
    border-radius:50%;
    border:2px solid rgba(255,255,255,.9);
    animation:2s infinite pulse-dot
}
.profile-menu {
    position:absolute;
    right:25px;
    top:65px;
    background:#161617;
    border-radius:14px;
    box-shadow:0 10px 25px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);
    width:300px;
    z-index:1000;
    display:none;
    font-family:Inter,"Segoe UI",sans-serif;
    overflow:hidden;
    border:1px solid #33415500;
    -webkit-backdrop-filter:blur(10px)
}
.profile-header {
    display:flex;
    align-items:center;
    padding:20px;
    border-bottom:1px solid #8989892d;
    background:linear-gradient(135deg,#252525 0,#000 100%)
}
.profile-pic {
    width:52px;
    height:52px;
    border-radius:30%;
    object-fit:cover;
    margin-right:15px;
    border:2px solid #c3cfdf30;
    box-shadow:0 2px 8px rgba(0,0,0,.3)
}
.notification-box {
    position: fixed;
    top: 70px;
    right: 20px;
    width: 509px;
    background: #101010;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgb(177 177 177 / 10%);
    z-index: 1000;
    display: none;
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.3s, transform 0.3s;
    border: 1px solid #ffffff33;
}

.notification-box.show {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.notification-header {
    padding: 14px;
    border-bottom: 1px solid #eeeeee57;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.notification-title {
    font-weight: 700;
    font-size: 16px;
}

/* Прокручиваемый контент + скрытие скроллбара */
#notificationContent {
    max-height: 400px;
    overflow-y: auto;

    /* Скрытие скроллбаров */
    scrollbar-width: none;           /* Firefox */
    -ms-overflow-style: none;        /* IE 10+ */
}
#notificationContent::-webkit-scrollbar {
    display: none;                   /* Chrome, Safari, Opera */
}

.notification-item {
    transition: background 0.2s;
    animation: 0.3s forwards fadeIn;
    opacity: 0;
    padding: 15px;
    border-bottom: 1px solid #333;
}
.notification-item:last-child,
.quantumResult:last-child {
    border-bottom: none;
}

.notification-item:hover {
    background: #2b2b2b;
    border-radius: 15px;
    border: 1px solid #ffffff33;
}

.notification-dot {
    position: absolute;
    background: #ff4757;
    color: #fff;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: none;
    width: 16px;
    height: 16px;
    font-size: 9px;
    top: -3px;
    right: -3px;
}

.nav-icon.notification {
    position: relative;
    cursor: pointer;
}

.content-rating,
.nav-panel,
.poisk,
.top-icons {
    display: flex;
}

/* Анимация появления */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.profile-email {
    font-size:14px;
    color:#94a3b8;
    font-weight:400
}
.logout-btn,.menu-option {
    font-size:15px;
    position:relative;
    display:flex
}
.menu-options {
    padding:10px 0
}
.menu-option {
    align-items:center;
    padding:14px 20px;
    text-decoration:none;
    color:#e2e8f0;
    font-weight:500;
    transition:.25s cubic-bezier(.4, 0, .2, 1)
}
.menu-option:hover {
    background:rgba(255,255,255,.05);
    color:#fff;
    padding-left:22px
}
.menu-option:hover::before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:#6366f1;
    border-radius:0 4px 4px 0
}
.menu-option svg {
    margin-right:15px;
    color:#94a3b8;
    width:20px;
    height:20px;
    transition:.25s
}
.menu-option:hover svg {
    color:#818cf8;
    transform:scale(1.05)
}
.logout-btn {
    width:100%;
    align-items:center;
    justify-content:center;
    padding:15px;
    background:linear-gradient(135deg,rgba(239,68,68,.1) 0,rgba(220,38,38,.1) 100%);
    border:none;
    border-top:1px solid #535353;
    color:#f87171;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
    overflow:hidden
}
.logout-btn:hover {
    background:linear-gradient(135deg,rgba(239,68,68,.2) 0,rgba(220,38,38,.2) 100%);
    color:#ef4444
}
.logout-btn::after {
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);
    transition:.5s
}
.logout-btn:hover::after {
    left:100%
}
.logout-btn svg {
    margin-right:12px;
    transition:transform .3s
}
.logout-btn:hover svg {
    transform:translateX(3px)
}
.nav-icon.profile:hover {
    background:linear-gradient(135deg,#475569 0,#334155 100%);
    transform:translateY(-2px);
    box-shadow:0 4px 12px rgba(0,0,0,.3)
}
.nav-icon.profile svg {
    width:18px;
    height:18px;
    color:#cbd5e1;
    transition:.3s
}
.nav-icon.profile:hover svg {
    color:#fff;
    transform:scale(1.1)
}
@keyframes fadeIn {
    from {
        transform:translateX(10px);
        opacity:0;
        transform:translateY(-15px)
    }
    to {
        transform:translateX(0);
        opacity:1;
        transform:translateY(0)
    }
}
.profile-menu[style*="display: block"] {
    animation:.35s cubic-bezier(.4,0,.2,1) forwards fadeIn
}
.logout-btn:active,.menu-option:active {
    transform:scale(.98)
}
.content-card:hover {
    transform:translateY(-2px)
}
.content-image {
    width:145px;
    height:200px;
    background-color:#00000000;
    object-fit:cover;
    border-radius:9px
}
.content-info {
    padding:10px;
    flex:1
}
.content-title {
    font-weight:500;
    margin-bottom:5px
}
.content-meta {
    color:#aaa;
    font-size:14px;
    margin-bottom:8px
}
.content-rating {
    align-items:center;
    color:gold;
    font-size:14px
}
#anime-container.active,#series-container.active {
    display:block
}
.nav-panel {
    justify-content:space-between;
    align-items:center
}
.poisk {
    align-items:center;
    justify-content:center;
    text-decoration:none
}
#search-menu,.quantumOverlay,.quantumSearchCenter {
    display:none;
    position:fixed
}
.read-more-btn {
    background:rgba(255,255,255,.2);
    color:#fff;
    border:1px solid rgba(255,255,255,.3);
    padding:3px 9px;
    border-radius:15px;
    font-size:.9rem;
    cursor:pointer;
    margin-left:10px;
    transition:.3s
}
.novaReset,.quantumClose {
    transition:.2s;
    cursor:pointer
}
.read-more-btn:hover {
    background:rgba(255,255,255,.3);
    transform:translateY(-1px)
}
.input {
    padding:10px 15px;
    border-radius:25px;
    border:none;
    background-color:#1a1a1a;
    color:#fff;
    font-size:15px;
    outline:0;
    width:328px;
    margin-left:108px
}
#search-menu {
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    z-index:2900;
    overflow-y:auto
}
@media (max-width:768px) {
    .nav-arrow,.nav-button,.nav-icons .input,.nav-wrapper,.sidebar {
        display:none
    }
    .footer-links {
        flex-direction:column;
        gap:.8rem
    }
    .footer-container {
        padding:0 1rem
    }
    .header-logo {
        font-size:22px;
        left:15px;
        top:15px;
        text-shadow:0 0 8px rgba(255,255,255,.5),1px 1px 3px rgba(0,0,0,.5)
    }
    .section-title {
        font-size:22px;
        margin-bottom:20px
    }
    .main-content {
        margin-left:0
    }
    .featured-card {
        flex-direction:column;
        text-align:center
    }
    .featured-title {
        font-size:22px
    }
    .notification-item,.notification-title {
        font-size:14px;
        color:#fff
    }
    .notification-box {
        position:fixed;
        top:60px;
        left:10px;
        right:10px;
        width:auto;
        max-width:calc(100vw - 20px);
        border-radius:8px;
        box-shadow:0 8px 25px rgba(0,0,0,.15);
        transform:translateY(-10px)
    }
    .notification-header {
        padding:12px 15px;
        border-bottom:1px solid #333
    }
    #notificationContent {
        max-height:60vh;
        overflow-y:auto
    }
    .anime-grid {
        grid-template-columns:repeat(auto-fill,minmax(118px, 1fr))!important;
    }
    .profile-menu {
        width:280px;
        right:15px;
        top:60px
    }
    .profile-header {
        padding:16px
    }
    .menu-option {
        padding:12px 16px
    }
    .featured-section,.hero-section,.section {
        margin-left:0!important;
        margin-right:-29px!important
    }
    .container {
        margin-left:0!important;
        padding:0 15px;
        width:100%
    }
    .hero-section {
        height:62vh!important;
        border-radius:3!important
    }
    .hero-content {
        padding:0 15px!important;
        max-width:100%!important
    }
    .hero-title {
        font-size:1.8rem!important;
        line-height:1.3!important
    }
    .hero-meta {
        flex-wrap:wrap;
        gap:10px!important
    }
    .featured-card {
        flex-direction:column;
        padding:15px!important
    }
    .featured-poster {
        width:130px!important;
        height:180px!important;
        margin:0 auto 15px
    }
    .anime-card {
        flex:0 0 140px!important
    }
    .anime-poster {
        height:190px!important
    }
}
.fluxSection,.nebulaTitle {
    margin-bottom:24px
}
@media (min-width:769px) and (max-width:1024px) {
    .header-logo {
        font-size:25px;
        left:20px;
        top:18px
    }
    .container {
        margin-left:180px!important;
        padding:0 20px
    }
    .hero-section {
        height:60vh!important
    }
    .hero-title {
        font-size:2.2rem!important
    }
    .featured-poster {
        width:140px!important;
        height:200px!important
    }
    .anime-card {
        flex:0 0 150px!important
    }
}
@media (max-width:768px) and (orientation:landscape) {
    .hero-section {
        height:70vh!important
    }
}
.quantumOverlay {
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.95);
    z-index:999
}
@keyframes fluxPulse {
    0% {
        opacity:.3;
        transform:scale(1)
    }
    50% {
        opacity:.4
    }
    100% {
        opacity:.3;
        transform:scale(1.05)
    }
}
.quantumSearchCenter {
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:90%;
    max-width:1200px;
    z-index:1000
}
.quantumSearchCenter.active::before {
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.5);
    z-index:-1;
    backdrop-filter:blur(3px);
    animation:.3s ease-out forwards fadeInBackground
}
@keyframes fadeInBackground {
    from {
        opacity:0
    }
    to {
        opacity:1
    }
}
.quantumSearchCenter.active {
    display:flex;
    flex-direction:row;
    height:auto;
    overflow:visible
}
.singularityInterface {
    display:flex;
    gap:20px;
    flex:1;
    min-height:0;
    max-height:90vh
}
.quantumSearchInterface {
    flex:1;
    background:rgba(20,20,20,.95);
    border:1px solid #333;
    border-radius:12px;
    padding:24px;
    box-shadow:0 4px 20px rgba(0,0,0,.5);
    animation:.3s ease-out quantumAppear;
    max-width:800px;
    position:relative;
    display:flex;
    flex-direction:column;
    overflow:hidden
}
.multiverseResults,.voidFilterPanel {
    overflow-y:auto;
    box-shadow:0 4px 20px rgba(0,0,0,.5)
}
.quantumClose {
    position:absolute;
    top:15px;
    right:15px;
    width:32px;
    height:32px;
    background:rgba(40,40,40,.7);
    border:1px solid #444;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:1003
}
.quantumClose:hover {
    background:rgba(60,60,60,.9);
    transform:rotate(90deg)
}
.novaReset:hover,.quantumResult:hover {
    background:#262626
}
.quantumClose svg {
    width:18px;
    height:18px;
    fill:#aaa
}
@keyframes quantumAppear {
    from {
        opacity:0;
        transform:translateY(-10px)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}
.voidFilterPanel {
    width:280px;
    background:rgba(20,20,20,.95);
    border:1px solid #333;
    border-radius:12px;
    padding:24px;
    height:fit-content;
    z-index:1001;
    max-height:80vh;
    display:block
}
.nebulaTitle {
    font-size:18px;
    font-weight:600;
    color:#fff;
    text-align:center
}
.cosmicLabel,.novaReset {
    color:#fff;
    font-size:14px
}
.fluxSection:last-child {
    margin-bottom:0
}
.cosmicLabel {
    font-weight:600;
    margin-bottom:12px;
    display:block
}
.singularityItem,.wormholeAccess {
    display:flex;
    align-items:center;
    gap:8px
}
.quantumGroup.genre-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px
}
.singularityItem {
    cursor:pointer;
    padding:4px 0
}
.singularityItem input[type=checkbox] {
    width:16px;
    height:16px;
    background:#0a0a0a;
    border:1px solid #333;
    border-radius:3px;
    cursor:pointer;
    position:relative;
    appearance:none
}
.darkMatterInput,.novaReset {
    width:100%;
    border:1px solid #333
}
.singularityItem input[type=checkbox]:checked {
    background:#fff;
    border-color:#ccc
}
.singularityItem input[type=checkbox]:checked::after {
    content:"✓";
    position:absolute;
    top:-1px;
    left:2px;
    color:#000;
    font-size:12px;
    font-weight:700
}
.singularityItem label {
    font-size:13px;
    color:#fff;
    cursor:pointer
}
.novaReset {
    padding:10px 16px;
    background:#1a1a1a;
    border-radius:6px;
    margin-top:20px
}
.novaReset:hover {
    border-color:#444
}
.wormholeAccess {
    margin-bottom:16px;
    font-size:13px;
    color:#aaa;
    justify-content:center
}
.quantumSearchContainer {
    position:relative
}
.darkMatterInput {
    padding:12px 16px 12px 40px;
    background:#0a0a0a;
    border-radius:6px;
    color:#fff;
    font-size:16px;
    transition:border-color .2s
}
.cosmicSearchIcon {
    position:absolute;
    left:12px;
    top:50%;
    transform:translateY(-50%);
    color:#aaa;
    width:16px;
    height:16px
}
.darkMatterInput:focus {
    outline:0;
    border-color:#fff;
    box-shadow:0 0 0 3px rgba(255,255,255,.2)
}
.darkMatterInput::placeholder {
    color:#666
}
.multiverseResults {
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:#1a1a1a;
    border:1px solid #333;
    border-radius:6px;
    margin-top:4px;
    max-height:500px;
    z-index:1002;
    display:none
}
.multiverseResults.visible {
    display:block;
    animation:.15s ease-out fadeIn
}
.quantumResult {
    padding:12px 16px;
    border-bottom:1px solid #333;
    cursor:pointer;
    transition:background-color .15s
}
.stellarPoster {
    width:48px;
    height:64px;
    border-radius:4px;
    object-fit:cover;
    margin-right:12px;
    background:#1a1a1a;
    flex-shrink:0;
    border:1px solid #333
}
.cosmicInfo {
    flex:1;
    min-width:0
}
.quantumTitle {
    font-size:14px;
    font-weight:600;
    color:#fff;
    margin-bottom:4px;
    line-height:1.3;
    text-align:left
}
.quantumDetails {
    font-size:12px;
    color:#ccc;
    margin-bottom:6px
}
.astralMeta {
    gap:12px;
    font-size:11px;
    color:#aaa;
    flex-wrap:wrap
}
.quantumState,.realityType {
    font-size:10px;
    text-transform:uppercase;
    font-weight:500
}
.metaQuantum {
    display:flex;
    align-items:center;
    gap:4px
}
.metaSingularity {
    width:12px;
    height:12px;
    fill:currentColor
}
.pulsarRating {
    color:orange
}
.pulsarRating .metaSingularity {
    fill:#ffa500
}
.realityType,.temporalIcon {
    color:#aaa
}
.realityIcon {
    color:#f89
}
.quantumState {
    padding:2px 6px;
    border-radius:12px;
    letter-spacing:.5px
}
.stateStable {
    background:rgba(79,200,100,.15);
    color:#4fc864
}
.stateFluctuating {
    background:rgba(255,180,50,.15);
    color:#ffb432
}
.stateCollapsed {
    background:rgba(100,150,255,.15);
    color:#6496ff
}
.stateSingularity {
    background:rgba(180,120,255,.15);
    color:#b478ff
}
.voidResult {
    padding:32px 16px;
    text-align:center;
    color:#aaa;
    font-size:14px
}
.multiverseResults::-webkit-scrollbar {
    width:6px
}
.multiverseResults::-webkit-scrollbar-track {
    background:#1a1a1a
}
.multiverseResults::-webkit-scrollbar-thumb {
    background:#666;
    border-radius:3px
}
.multiverseResults::-webkit-scrollbar-thumb:hover {
    background:#888
}
@keyframes fadeIn {
    from {
        opacity:0;
        transform:translateY(-4px)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}
.mobileFilterToggle {
    display:none;
    position:fixed;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
    padding:10px 20px;
    background:rgba(26,26,26,.9);
    border:1px solid #333;
    border-radius:25px;
    color:#fff;
    z-index:1001;
    font-size:14px;
    cursor:pointer;
    box-shadow:0 4px 10px rgba(0,0,0,.5)
}
@media (max-width:1024px) {
    .quantumSearchCenter.active {
        flex-direction:column;
        height:95vh;
        overflow:hidden;
        width:95%;
        max-height:95vh;
        top:50%;
        transform:translate(-50%,-50%)
    }
    .singularityInterface {
        flex-direction:column;
        max-height:none
    }
    .quantumSearchInterface {
        max-width:100%;
        padding:60px 16px 20px;
        flex:none;
        height:auto;
        margin-bottom:20px
    }
    .voidFilterPanel {
        display:none;
        position:fixed;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%);
        width:90%;
        max-width:500px;
        height:80vh;
        max-height:none;
        background:rgba(20,20,20,.98);
        border:1px solid #333;
        border-radius:12px;
        padding:24px;
        box-shadow:0 4px 20px rgba(0,0,0,.7);
        z-index:1002;
        overflow-y:auto
    }
    .mobileFilterToggle,.voidFilterPanel.visible {
        display:block
    }
    .quantumSearchCenter:not(.filter-active) .voidFilterPanel {
        display:none
    }
    .multiverseResults {
        position:static;
        margin-top:0;
        flex:1;
        max-height:50vh;
        padding:0
    }
    .astralMeta {
        flex-wrap:wrap;
        gap:8px
    }
    .quantumResult {
        padding:12px
    }
    .stellarPoster {
        width:40px;
        height:54px
    }
    .quantumClose {
        top:15px;
        right:15px
    }
    .darkMatterInput {
        padding:10px 14px 10px 36px;
        font-size:15px
    }
    .cosmicSearchIcon {
        left:10px;
        width:14px;
        height:14px
    }
    .novaReset {
        padding:12px;
        font-size:15px
    }
}
@media (max-width:768px) {
    .quantumSearchCenter.active {
        top:40px;
        transform:translate(-50%,0);
        max-height:calc(100vh - 80px);
        overflow-y:auto
    }
}
.superDragonNotify {
    position:fixed;
    bottom:20px;
    right:20px;
    transform:translateX(100px);
    background:rgb(25 24 24 / 66%);
    border-radius:12px;
    padding:16px 20px;
    max-width:350px;
    width:395px;
    color:#fff;
    font-size:14px;
    line-height:1.4;
    box-shadow:0 10px 30px rgba(0,0,0,.3);
    z-index:1000;
    opacity:0;
    animation:.5s ease-out forwards slideInMagic;
    border:1px solid rgba(255,255,255,.1)
}
.superDragonNotify.vanishNow {
    animation:.5s ease-in forwards slideOutMagic
}
.headerOfMysticBox {
    display:flex;
    align-items:center;
    margin-bottom:8px
}
.titleOfTheAncients {
    font-weight:600;
    font-size:13px;
    opacity:.9
}
.textWisdomLine {
    color:rgba(255,255,255,.9)
}
.linkToTheBotUniverse {
    color:#75baff;
    text-decoration:none;
    font-weight:600
}
.linkToTheBotUniverse:hover {
    text-decoration:underline;
    color:#0d6efd
}
@keyframes slideInMagic {
    from {
        transform:translateX(100px);
        opacity:0
    }
    to {
        transform:translateX(0);
        opacity:1
    }
}
@keyframes slideOutMagic {
    from {
        transform:translateX(0);
        opacity:1
    }
    to {
        transform:translateX(100px);
        opacity:0
    }
}
@media (max-width:480px) {
    .section-title {
        font-size:18px;
        margin-bottom:15px;
        padding-left:8px;
        border-left:3px solid #fff
    }
    .notification-box {
        top:55px;
        left:5px;
        right:5px;
        max-width:calc(100vw - 10px);
        border-radius:6px
    }
    .notification-header {
        padding:10px 12px
    }
    .cosmicLabel,.notification-title {
        font-size:13px
    }
    #notificationContent {
        max-height:50vh
    }
    .notification-item {
        padding:12px;
        font-size:13px;
        line-height:1.4
    }
    .notification-dot {
        width:14px;
        height:14px;
        font-size:8px
    }
    .hero-title {
        font-size:1.5rem!important
    }
    .hero-description {
        font-size:.9rem!important
    }
    .anime-card {
        flex:0 0 110px!important
    }
    .anime-poster {
        height: 211px !important;
    }
    .watch-button {
        padding:10px 20px!important
    }
    .fluxSection,.nebulaTitle {
        margin-bottom:16px
    }
    .quantumSearchCenter.active {
        width:98%;
        top:20px;
        max-height:calc(149vh - 67px);
        height:890px
    }
    .quantumSearchInterface {
        padding:60px 12px 16px
    }
    .voidFilterPanel {
        padding:12px
    }
    .quantumGroup.genre-grid {
        grid-template-columns:1fr
    }
    .nebulaTitle {
        font-size:16px
    }
    .superDragonNotify {
        bottom:15px;
        right:15px;
        width:calc(100% - 30px);
        max-width:300px;
        font-size:13px
    }
}