[data-theme=dark] {
    --bg-primary: #121212;
    --bg-secondary: #1E1E1E;
    --text-primary: #FFFFFF;
    --text-secondary: #E0E0E0;
    --accent-color: #f01c3d;
    --hover-color: #f01c3d;
    --border-color: #2A2A2A
}

[data-theme=dark] body {
    background-color: var(--bg-primary);
    color: var(--text-primary)
}

[data-theme=dark] header {
    background-color: var(--bg-secondary);
    border-bottom: 1px solid var(--border-color)
}

[data-theme=dark] #synopsis h2,[data-theme=dark] .logo a,[data-theme=dark] .menu-close,[data-theme=dark] .menu-item a,[data-theme=dark] .menu-title,[data-theme=dark] .search-modal-close,[data-theme=dark] .search-modal-title,[data-theme=dark] .search-submit,[data-theme=dark] .text-dark {
    color: var(--text-primary)
}

[data-theme=dark] .search-modal {
    background-color: rgba(0,0,0,.9)
}

[data-theme=dark] .menu-dropdown,[data-theme=dark] .search-modal-content {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color)
}

[data-theme=dark] .search-input {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    border: 1px solid var(--border-color)
}

[data-theme=dark] .search-input::placeholder {
    color: var(--text-secondary)
}

[data-theme=dark] .menu-overlay {
    background-color: rgba(0,0,0,.5)
}

[data-theme=dark] .menu-item a:hover {
    color: var(--accent-color);
    background-color: rgb(115 115 115 / 29%)
}

[data-theme=dark] .player-container {
    background-color: #000;
    border: 1px solid var(--border-color)
}

[data-theme=dark] .next-episode,[data-theme=dark] .prev-episode {
    background-color: var(--accent-color);
    color: var(--text-primary)
}

[data-theme=dark] .next-episode:hover,[data-theme=dark] .prev-episode:hover {
    background-color: var(--hover-color)
}

[data-theme=dark] .sinopse {
    background-color: var(--bg-secondary);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px
}

[data-theme=dark] .sinopse h2 {
    color: var(--text-primary);
    border-bottom: 2px solid var(--accent-color);
    padding-bottom: 8px;
    margin-bottom: 16px
}

[data-theme=dark] .sinopse p {
    color: var(--text-secondary);
    line-height: 1.6
}

[data-theme=dark] .show-less,[data-theme=dark] .show-more {
    background-color: #2a2a2a;
    color: var(--text-primary);
    padding: 8px 16px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    transition: .3s;
    border: 1px solid var(--border-color);
    margin-top: 10px;
    display: block;
    width: 100%
}

[data-theme=dark] .show-less:hover,[data-theme=dark] .show-more:hover {
    background-color: var(--accent-color);
    border-color: var(--accent-color)
}

[data-theme=dark] .sinopse-content {
    max-height: 80px;
    overflow: hidden;
    transition: max-height .3s
}

[data-theme=dark] .sinopse-content.expanded {
    max-height: none
}

.dark-mode-toggle {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #f3f4f6;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    transition: .3s
}

.dark-mode-toggle:hover {
    background-color: rgba(0,0,0,.05);
    color: var(--accent-color)
}

.dark-mode-toggle::before {
    content: '\f186';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 20px
}

[data-theme=dark] .dark-mode-toggle {
    color: #fff
}

[data-theme=dark] .dark-mode-toggle:hover,[data-theme=dark] .nxheader-btn:hover {
    background-color: rgba(255,255,255,.1)
}

[data-theme=dark] .dark-mode-toggle::before {
    content: '\f185'
}

[data-theme=dark] .nxheader-btn {
    color: var(--text-primary);
    background: #666
}

[data-theme=dark] #homei2d {
    color: var(--text-primary);
    background-color: #666
}

[data-theme=dark] .text-white {
    color: var(--text-primary)!important
}

[data-theme=dark] .caps,[data-theme=dark] .text-gray-600 {
    color: var(--text-secondary)
}

[data-theme=dark] .border-b {
    border-color: var(--border-color)
}

[data-theme=dark] .bg-gray-200 {
    background-color: var(--bg-secondary)
}

[data-theme=dark] .episode-list {
    background: #1e1e1e!important;
    border: 1px solid rgba(255,255,255,.1);
    border-top: none
}