/* new styles for metadata displays */
#trackListingPanel {position: fixed;top: 0;left: -420px;width: 400px;height: 100%;background: rgba(45, 45, 45, 0.95);color: #ffffff;padding: 10px 15px;box-shadow: 2px 0 12px rgba(0, 0, 0, 0.8);overflow-y: auto;transition: left 0.3s ease;z-index: 2999;}#trackListingPanel.visible {left: 0;}#infoPanel {position: fixed;top: 20px;left: 50%;transform: translateX(-50%);width: 300px;padding: 20px;background-color: rgba(0, 0, 0, 0.9);color: #ffffff;border-radius: 8px;box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.5);z-index: 1003;display: none;text-align: left;}#infoPanel.visible {display: block;}.hidden {display: none;}#toggleInstruction {top: 10px;right: 20px;background-color: #3498db;color: #fff;border: none;padding: 10px 20px;border-radius: 5px;cursor: pointer;}.metadataItem {margin-bottom: 5px;display: flex;justify-content: space-between;}.metadataItem h2 {margin: 0;font-size: 1em;}.metadataItem p {margin: 0;font-size: 0.9em;color: #ffaa00;}#metadataContent {max-height: 90%;overflow-y: auto;}#nowPlayingContainer {position: fixed;bottom: 0;left: 50%;transform: translateX(-50%);width: auto;background-color: rgba(20, 20, 20, 0.95);color: #fff;padding: 10px;display: flex;justify-content: center;align-items: center;box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.5);z-index: 1000;text-align: center;}#nowPlayingText {display: flex;flex-direction: column;align-items: center;}#nowPlayingText .songTitle {font-size: 1.2em;font-weight: bold;}#nowPlayingText .artistName {font-size: 1em;margin-top: 5px;}#buttonContainer {position: fixed;top: 0;left: 50%;transform: translateX(-50%);background-color: rgba(0, 0, 0, 0.9);padding: 10px;display: flex;gap: 15px;z-index: 1002;}#buttonContainer button {background-color: #3498db;color: #fff;padding: 10px 20px;border: none;border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease;}#buttonContainer button:hover {background-color: #2980b9;}