:root{--primary: #1DB954;--bg-dark: #121212;--bg-card: #181818;--bg-hover: #282828;--bg-player: #000000;--text-main: #FFFFFF;--text-sub: #B3B3B3}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Circular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background-color:#555;border-radius:6px;border:3px solid var(--bg-dark)}::-webkit-scrollbar-thumb:hover{background-color:#888}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;height:4px;width:100%;border-radius:2px;outline:none;background-color:#535353;background-image:linear-gradient(var(--primary),var(--primary));background-size:0% 100%;background-repeat:no-repeat}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;background:#fff;margin-top:-4px;box-shadow:0 2px 4px #00000080;transition:transform .1s,background-color .1s;opacity:0}.progress-bar:hover::-webkit-slider-thumb,.volume-bar:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{opacity:1}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}input[type=range]::-moz-range-thumb{height:12px;width:12px;border:none;border-radius:50%;background:#fff;opacity:0;transition:opacity .1s}.progress-bar:hover::-moz-range-thumb,.volume-bar:hover::-moz-range-thumb{opacity:1}input[type=range]::-moz-range-track{width:100%;height:4px;background:transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.hover-white{transition:color .2s,stroke .2s}.hover-white:hover{stroke:#fff!important;color:#fff!important}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}