body{font-family:San Francisco,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--primary-color: #3b82f6;--primary-hover: #333842;--bg-color: #ffffff;--bg-secondary: #f8fafc;--border-color: #e5e7eb;--transition: .25s;--shadow: 0 2px 6px rgba(0, 0, 0, .1);--text-color: #111827;--primary-pink: #ff6b9d;--soft-pink: #ffe1e9;--light-pink: #ffc0cb;--dark-pink: #e55082;--text-light: #43464d;--text-dark: #060607;--pink-gradient: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);--soft-pink-gradient: linear-gradient(135deg, #ffe1e9 0%, #f8d7da 100%)}body{font-family:Rubik,sans-serif;background-color:#fff0;background-color:#faf6f7}html[data-theme=dark]{--bg-color: #0f0f11;--bg-secondary: #1a1a1d;--border-color: #2d2d32;--text-color: #f3f4f6;--text-light: #d1d1d1;--text-lighter: #6b7280;--primary-color: #3b82f6;--primary-dark: #2563eb;--shadow: 0 2px 6px rgba(0, 0, 0, .5);--shadow-strong: 0 4px 20px rgba(0, 0, 0, .6);--primary-pink: #ff6b9d;--soft-pink: rgba(255, 107, 157, .1);--light-pink: rgba(255, 107, 157, .2);--dark-pink: #e55082;--pink-gradient: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%);--soft-pink-gradient: linear-gradient( 135deg, rgba(255, 225, 233, .1) 0%, rgba(248, 215, 218, .1) 100% )}html[data-theme=dark] body{background:#0f0f11;color:#f3f4f6}html[data-theme=dark] .header{background:#0f0f11f2}html[data-theme=dark] .mobile-nav{background:#0f0f11}html[data-theme=dark] *{scrollbar-width:thin;scrollbar-color:white}html[data-theme=dark] *::-webkit-scrollbar{width:8px}html[data-theme=dark] *::-webkit-scrollbar-track{background:#1a1a1d}html[data-theme=dark] *::-webkit-scrollbar-thumb{background:var(--primary-pink);border-radius:4px}html[data-theme=dark] *::-webkit-scrollbar-thumb:hover{background:var(--dark-pink)}html[data-theme=dark] .card,html[data-theme=dark] .modal,html[data-theme=dark] .dropdown{box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}html[data-theme=dark] ::selection{background:#ff6b9d4d;color:#f3f4f6}html[data-theme=dark] ::-moz-selection{background:#ff6b9d4d;color:#f3f4f6}html[data-theme=dark] button:focus,html[data-theme=dark] input:focus,html[data-theme=dark] select:focus,html[data-theme=dark] textarea:focus{outline:none!important;outline-offset:2px}html[data-theme=dark] *{transition:background-color .3s ease,border-color .3s ease,color .3s ease}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] h5,html[data-theme=dark] h6,html[data-theme=dark] .title,html[data-theme=dark] .heading{color:var(--text-color)!important}html[data-theme=dark] p,html[data-theme=dark] .description,html[data-theme=dark] .subtitle{color:#fff!important}html[data-theme=dark] small,html[data-theme=dark] .small-text{color:var(--text-lighter)!important}html[data-theme=dark] a{color:var(--primary-color)}html[data-theme=dark] a:hover{color:var(--primary-pink)}html[data-theme=dark] .card,html[data-theme=dark] .container,html[data-theme=dark] .box{color:var(--text-color)}html[data-theme=dark] .btn{color:inherit}html[data-theme=dark] input:not([type=range]),html[data-theme=dark] textarea,html[data-theme=dark] select{color:var(--text-color);border-color:var(--border-color)}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--text-light)}html[data-theme=dark] .text-dark{color:var(--text-color)!important}html[data-theme=dark] .text-light-dark{color:var(--text-light)!important}html[data-theme=dark] .text-muted{color:var(--text-lighter)!important}.logo-animated,.logo-animated *{text-decoration:none!important}html[data-theme=dark] .track-title,html[data-theme=dark] .album-title,html[data-theme=dark] .album-card .album-title{color:var(--text-color)!important}html[data-theme=dark] .album-card .album-artist{color:var(--text-light)!important}html[data-theme=dark] .section-title,html[data-theme=dark] .playlist-info h2,html[data-theme=dark] .library-header h1,html[data-theme=dark] .rec-title,html[data-theme=dark] .album-info h2,html[data-theme=dark] .footer-title{color:var(--text-color)!important}html[data-theme=dark] .player-spotify{background:var(--bg-color)!important;color:var(--text-color)!important;border-top:1px solid var(--border-color)!important;box-shadow:var(--shadow-strong)!important}html[data-theme=dark] .player-control-btn,html[data-theme=dark] .fullscreen-control-btn,html[data-theme=dark] .volume-btn,html[data-theme=dark] .mobile-toggle,html[data-theme=dark] .queue-btn{color:var(--text-light)!important}html[data-theme=dark] .player-control-btn:hover,html[data-theme=dark] .fullscreen-control-btn:hover,html[data-theme=dark] .volume-btn:hover,html[data-theme=dark] .mobile-toggle:hover,html[data-theme=dark] .queue-btn:hover{background:var(--soft-pink)!important;color:var(--primary-pink)!important}html[data-theme=dark] .player-control-btn.play,html[data-theme=dark] .fullscreen-control-btn.play{background:var(--primary-pink)!important;color:#fff!important}html[data-theme=dark] .player-control-btn.play:hover,html[data-theme=dark] .fullscreen-control-btn.play:hover{background:var(--dark-pink)!important}html[data-theme=dark] .progress-bar{background:linear-gradient(to right,#ffffff var(--progress-value, 0%),var(--bg-secondary) var(--progress-value, 0%))}html[data-theme=dark] .fullscreen-progress-bar,html[data-theme=dark] .volume-slider{background:linear-gradient(to right,#ffffff var(--volume-value, 0%),var(--soft-pink) var(--volume-value, 0%))}html[data-theme=dark] .fullscreen-progress-bar{background:linear-gradient(to right,#ffffff var(--progress-value, 0%),var(--soft-pink) var(--progress-value, 0%))}html[data-theme=dark] .fullscreen-volume-slider{background:linear-gradient(to right,#ffffff var(--volume-value, 0%),var(--soft-pink) var(--volume-value, 0%))}html[data-theme=dark] .fullscreen-volume-slider:hover{background:linear-gradient(to right,#ffffff var(--volume-value, 0%),var(--light-pink) var(--volume-value, 0%))}html[data-theme=dark] .progress-bar:hover,html[data-theme=dark] .fullscreen-progress-bar:hover{background:linear-gradient(to right,#ffffff var(--progress-value, 0%),var(--soft-pink) var(--progress-value, 0%))}html[data-theme=dark] .volume-slider:hover{background:linear-gradient(to right,#ffffff var(--volume-value, 0%),var(--light-pink) var(--volume-value, 0%))}html[data-theme=dark] .fullscreen-progress-bar:hover{height:8px}html[data-theme=dark] .fullscreen-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:0;height:0;border-radius:50%;background:var(--primary-pink);cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 8px #ff6b9d80;transition:opacity .1s ease,width .1s ease,height .1s ease;opacity:0}html[data-theme=dark] .fullscreen-progress-bar:hover::-webkit-slider-thumb,html[data-theme=dark] .fullscreen-progress-bar:active::-webkit-slider-thumb{width:16px;height:16px;opacity:1}html[data-theme=dark] .fullscreen-progress-bar::-moz-range-thumb .fullscreen-progress-bar:hover::-moz-range-thumb,html[data-theme=dark] .fullscreen-progress-bar:active::-moz-range-thumb .progress-bar::-webkit-slider-thumb,html[data-theme=dark] .fullscreen-progress-bar::-webkit-slider-thumb,html[data-theme=dark] .volume-slider::-webkit-slider-thumb,html[data-theme=dark] .fullscreen-volume-slider::-webkit-slider-thumb{background:var(--primary-pink)!important;border-color:var(--bg-color)!important}html[data-theme=dark] .progress-bar::-moz-range-thumb,html[data-theme=dark] .fullscreen-progress-bar::-moz-range-thumb,html[data-theme=dark] .volume-slider::-moz-range-thumb,html[data-theme=dark] .fullscreen-volume-slider::-moz-range-thumb{background:var(--primary-pink)!important;border-color:var(--bg-color)!important}html[data-theme=dark] .player-time,html[data-theme=dark] .fullscreen-time,html[data-theme=dark] .track-info .artist,html[data-theme=dark] .fullscreen-artist{color:var(--text-light)!important}html[data-theme=dark] .player-fullscreen{background:linear-gradient(135deg,var(--bg-color) 0%,var(--bg-secondary) 100%)!important;color:var(--text-color)!important}html[data-theme=dark] .queue-modal-content{background:var(--bg-color)!important}html[data-theme=dark] .queue-modal-header{border-bottom:1px solid var(--border-color)!important}html[data-theme=dark] .queue-modal-header h3{color:var(--text-color)!important}html[data-theme=dark] .queue-item{border-bottom:1px solid var(--border-color)!important}html[data-theme=dark] .queue-item:hover{background:var(--bg-secondary)!important}html[data-theme=dark] .queue-item-title{color:var(--text-color)!important}html[data-theme=dark] .queue-item-artist,html[data-theme=dark] .queue-item-duration{color:var(--text-light)!important}html[data-theme=dark] .bottom-nav{background:var(--bg-color)!important;border-top:1px solid var(--border-color)!important}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}