:root{color-scheme:dark}.theme-toggle{position:fixed;top:82px;right:18px;z-index:1100;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:9px 14px;background:rgba(24,24,27,.9);color:#fff;font-size:13px;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.22);backdrop-filter:blur(10px);cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle i{color:#ffd45c}
html[data-theme=day]{color-scheme:light}html[data-theme=day] body{background:#f4f6fa!important;color:#172033!important}html[data-theme=day] .theme-toggle{background:rgba(255,255,255,.94);border-color:#d8dee8;color:#273348;box-shadow:0 8px 24px rgba(34,48,73,.14)}html[data-theme=day] .theme-toggle i{color:#53627a}html[data-theme=day] .navbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e2e7ee;box-shadow:0 5px 18px rgba(30,43,68,.07)}html[data-theme=day] .navbar .nav-link,html[data-theme=day] .navbar .contact-nav{color:#344054!important}html[data-theme=day] .navbar .nav-link:hover{color:#d43183!important}html[data-theme=day] .genre-section{background:linear-gradient(135deg,#ffd1e6,#f7a9cd)!important;color:#3a1930}html[data-theme=day] .genre-section h1,html[data-theme=day] .genre-section p{color:#3a1930!important}html[data-theme=day] .filters-section,html[data-theme=day] .volume-section,html[data-theme=day] .featured-track,html[data-theme=day] .track-list{color:#172033}html[data-theme=day] .filter-btn{border-color:#b9c3d1;color:#344054;background:#fff}html[data-theme=day] .filter-btn:hover{background:#f2f5f9}html[data-theme=day] .filter-btn.active{background:#ff69b4;color:#fff;border-color:#ff69b4}html[data-theme=day] .track{background:#fff;border-color:#dfe5ee;box-shadow:0 7px 22px rgba(30,43,68,.07)}html[data-theme=day] .track-title-text,html[data-theme=day] .track-details,html[data-theme=day] .track .text-muted,html[data-theme=day] .version-name,html[data-theme=day] .action-btn,html[data-theme=day] .version-play-btn{color:#172033!important}html[data-theme=day] .track-title-artist,html[data-theme=day] .track-artist,html[data-theme=day] .track-duration,html[data-theme=day] .track-genres,html[data-theme=day] .track-bpm,html[data-theme=day] .track-vocal,html[data-theme=day] .version-duration{color:#687386!important}html[data-theme=day] .versions-container{background:#f5f7fa;border:1px solid #e2e7ee}html[data-theme=day] .version-item{background:#fff;border:1px solid #e6eaf0}html[data-theme=day] .versions-btn{border-color:#cbd4df}html[data-theme=day] .action-btn:hover{background:#edf1f6}html[data-theme=day] .tracks-counter,html[data-theme=day] .volume-control i{color:#344054}html[data-theme=day] .player-container,html[data-theme=day] .audio-player{background:#fff;color:#172033;border-top:1px solid #dfe5ee}html[data-theme=day] .player-track-title{color:#172033}html[data-theme=day] footer{background:#e9edf3;color:#344054}
@media(max-width:700px){.theme-toggle{top:auto;right:12px;bottom:76px;padding:10px}.theme-toggle span{display:none}}

/* Promo cards stay green but use a lighter, translucent treatment. */
.track-promo{background:rgba(28,112,61,.42)!important;border-color:rgba(107,230,154,.24)!important}.track-promo .track-title-text{color:#fff!important}.track-promo .track-title-artist,.track-promo .track-genres,.track-promo .track-genre,.track-promo .track-tags,.track-promo .track-tag,.track-promo .track-description{color:#c9f4d7!important}.track-promo .track-genre,.track-promo .track-tag{background:rgba(215,255,228,.1)!important}.track-promo .versions-btn,.track-promo .versions-btn span:not(.versions-count){color:#dcf7e5!important}.track-promo .action-btn{color:#e7fbed!important}

/* Day mode refinements for navigation, search, promo tracks and the page footer. */
html[data-theme=day] .nav-link.youtube-nav{background:#fff1f1!important;border:1px solid #efb9b9;color:#b42323!important}html[data-theme=day] .nav-link.spotify-nav{background:#effaf3!important;border:1px solid #a9dcbc;color:#147a3d!important}html[data-theme=day] .nav-link.youtube-nav:hover{background:#ffe3e3!important;color:#9e1717!important}html[data-theme=day] .nav-link.spotify-nav:hover{background:#ddf5e6!important;color:#0f6732!important}html[data-theme=day] .search-box input{background:#fff!important;border:1px solid #667085!important;color:#172033!important;box-shadow:0 2px 8px rgba(30,43,68,.06)}html[data-theme=day] .search-box input:focus{background:#fff!important;border-color:#25364f!important;box-shadow:0 0 0 3px rgba(37,54,79,.1)}html[data-theme=day] .search-box input::placeholder{color:#596579!important;opacity:1}html[data-theme=day] .search-icon,html[data-theme=day] .search-clear{color:#344054!important}html[data-theme=day] .track-promo{background:rgba(38,125,76,.76)!important;border-color:rgba(17,92,51,.36)!important}html[data-theme=day] .track-promo .track-title-text{color:#fff!important}html[data-theme=day] .track-promo .track-title-artist,html[data-theme=day] .track-promo .track-genres,html[data-theme=day] .track-promo .track-genre,html[data-theme=day] .track-promo .track-tags,html[data-theme=day] .track-promo .track-tag,html[data-theme=day] .track-promo .track-description,html[data-theme=day] .track-promo .track-bpm,html[data-theme=day] .track-promo .track-vocal,html[data-theme=day] .track-promo .versions-btn,html[data-theme=day] .track-promo .versions-btn span:not(.versions-count){color:#e2f8e9!important}html[data-theme=day] .footer-subscription{background:rgba(255,255,255,.97)!important;border-top:1px solid #d8dee8;box-shadow:0 -5px 20px rgba(30,43,68,.1)!important}html[data-theme=day] #subscriptionForm input{background:#f8fafc!important;border-color:#aeb8c6!important;color:#172033!important}html[data-theme=day] #subscriptionForm input::placeholder{color:#667085!important}html[data-theme=day] .subscription-popup,html[data-theme=day] .modal-content{background:#fff!important;color:#172033!important}html[data-theme=day] .subscription-popup input,html[data-theme=day] .modal-content input{background:#f8fafc!important;border-color:#aeb8c6!important;color:#172033!important}html[data-theme=day] .show-subscription-btn{box-shadow:0 7px 20px rgba(30,43,68,.16)}

html[data-theme=day] #volume-slider{background:#b8c2cf!important;border:1px solid #667085!important;accent-color:#344054}html[data-theme=day] #volume-slider::-webkit-slider-thumb{background:#344054!important;border:2px solid #fff!important;box-shadow:0 1px 4px rgba(23,32,51,.35)}html[data-theme=day] #volume-slider::-moz-range-track{background:#b8c2cf!important;border:1px solid #667085!important}html[data-theme=day] #volume-slider::-moz-range-thumb{background:#344054!important;border:2px solid #fff!important;box-shadow:0 1px 4px rgba(23,32,51,.35)}html[data-theme=day] #max_per_page_chosen{background-color:#fff!important;color:#172033!important;border:1px solid #667085!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23344054' d='M6 8L2 4h8z'/%3E%3C/svg%3E")!important;box-shadow:0 2px 8px rgba(30,43,68,.06)}html[data-theme=day] #max_per_page_chosen:hover{background-color:#f7f9fc!important;border-color:#344054!important}html[data-theme=day] #max_per_page_chosen:focus{border-color:#25364f!important;box-shadow:0 0 0 3px rgba(37,54,79,.1)!important}html[data-theme=day] #max_per_page_chosen option{background:#fff!important;color:#172033!important}