body{background-color:#121212;color:#ffffff;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;height:100vh}.header,.search-bar{display:flex;align-items:center;margin-bottom:20px}.search-bar{gap:16px;max-width:-moz-fit-content;max-width:fit-content;width:auto}.search-bar input{flex:1 1;padding:8px;border:none;border-radius:4px;font-size:16px;width:70vw}.selectButtons button{background-color:#F77D24}.selectButtons button,.selectButtons button:hover{color:#ffffff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px;margin-bottom:20px}.selectButtons button:hover{background-color:#d76c20}.description{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.selectButtons button:active{background-color:#a34400;color:#ffffff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:16px;margin-bottom:20px}.search-results{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:80%;margin-bottom:120px;word-break:break-word;word-wrap:break-word;line-break:auto;-webkit-hyphens:auto;hyphens:auto;overflow:scroll;flex-direction:row;overflow:hidden}.audio-player{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to right,rgba(0,0,0,.9),rgba(0,0,0,.8)),var(--album-gradient);padding:10px 20px;width:100vw;height:100px;position:fixed;bottom:0;left:0;z-index:500;transition:background .5s ease}.audio-player.loading{background:linear-gradient(90deg,#333,#555,#333);background-size:200% 100%;animation:loadingAnimation 1.5s infinite;z-index:500}@keyframes loadingAnimation{0%{background-position:0 0}to{background-position:100% 0}}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.loading-spinner div{width:12px;height:12px;margin:0 5px;background-color:#ffffff;border-radius:50%;animation:bounce 1.2s ease-in-out infinite}.loading-spinner div:first-child{animation-delay:-.4s}.loading-spinner div:nth-child(2){animation-delay:-.2s}.loading-spinner div:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.audio-player img{width:80px;height:80px;border-radius:8px;margin-right:15px;z-index:500}.audio-player .info{flex:2 1;display:flex;flex-direction:column;justify-content:center;margin-right:15px;max-width:30vw;max-height:100px;overflow-y:scroll;left:0;text-align:left;min-width:20vw;width:auto;z-index:500;word-wrap:break-word;line-break:auto;-webkit-hyphens:auto;hyphens:auto;scrollbar-width:none;-ms-overflow-style:none}.audio-player::-webkit-scrollbar .info::-webkit-scrollbar,.audio-player::-webkit-scrollbar-webkit-scrollbar-button .info::-webkit-scrollbar-webkit-scrollbar-button{display:none}.audio-player .info h3{font-size:18px;margin:0;color:#ffffff}.audio-player .info h3,.audio-player .info p{white-space:normal;overflow:visible;text-overflow:unset;max-width:100%;z-index:500}.audio-player .info p{font-size:14px;color:#d1d1d1;margin-top:4px}.audio-controls{gap:15px;flex-wrap:nowrap;margin-right:10px}.audio-controls,.audio-controls-top{display:flex;align-items:center;z-index:500}.audio-controls-top{justify-content:center;gap:20px;margin-bottom:10px}.audio-player .audio-controls button{background:none;border:none;color:#ffffff;font-size:24px;cursor:pointer;z-index:500}.audio-player .audio-controls button:hover{color:#1ed760;z-index:500}.audio-player .audio-controls button:disabled{color:#888888;cursor:not-allowed;z-index:500}.audio-player .audio-controls input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(to right,#1ed760 0,#1ed760 var(--value),#535353 var(--value),#535353 100%);border-radius:10px;outline:none;position:relative;cursor:pointer}.audio-player .audio-controls input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#1ed760 0,#1ed760 var(--value),#535353 var(--value),#535353 100%);height:6px;border-radius:10px}.audio-player .audio-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#ffffff;border-radius:50%;cursor:pointer;margin-top:-3px}.audio-player .audio-controls input[type=range]::-moz-range-track{background:linear-gradient(to right,#1ed760 0,#1ed760 var(--value),#535353 var(--value),#535353 100%);height:6px;border-radius:10px}.audio-player .audio-controls input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#ffffff;border-radius:50%;cursor:pointer}.audio-player .audio-controls input[type=range]::-ms-track{background:transparent;border-color:transparent;color:transparent}.audio-player .audio-controls input[type=range]::-ms-thumb{width:12px;height:12px;background:#ffffff;border-radius:50%;cursor:pointer}.audio-player .audio-controls input[type=range]::-ms-fill-lower{background:#1ed760;border-radius:10px}.audio-player .audio-controls input[type=range]::-ms-fill-upper{background:#535353;border-radius:10px}.audio-player .queue-controls{flex:1 1;display:flex;justify-content:flex-end;gap:10px;align-items:center;z-index:500}.control-button{background-color:#1ed760;color:#ffffff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:16px;z-index:500}.control-button:hover{background-color:#1db954}.audio-player .queue-controls button{background:none;border:none;color:#ffffff;font-size:20px;cursor:pointer;z-index:500}.audio-player .queue-controls button:hover{color:#1ed760;z-index:500}.audio-player .time-display{font-size:14px;color:#d1d1d1;z-index:500;bottom:0}.queue-view{position:fixed;bottom:100px;left:0;width:100vw;max-height:300px;background-color:#121212;color:#ffffff;box-shadow:0 -2px 6px rgba(0,0,0,.5);z-index:99;padding:10px;display:none}.queue-view.active{display:block}.queue-view h3{font-size:16px;margin-bottom:10px}.queue-view .queue-item{display:flex;align-items:center;margin-bottom:10px;cursor:pointer}.queue-view .queue-item img{width:50px;height:50px;border-radius:4px;margin-right:10px}.queue-view .queue-item .info{flex:1 1}.queue-view .queue-item .info h4{font-size:14px;margin:0;color:#ffffff}.queue-view .queue-item .info p{font-size:12px;color:#d1d1d1;margin:0}.search-result{display:flex;flex-direction:column;align-items:center;background-color:#282828;border-radius:8px;padding:16px;max-width:300px;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;min-height:20%;max-height:20%;min-width:20%;max-width:20%;word-break:break-word;word-wrap:break-word;line-break:auto;-webkit-hyphens:auto;hyphens:auto}.thumbnail img{margin-bottom:8px}.thumbnail,.thumbnail img{max-width:100px;max-height:100px;border-radius:4px}.info{display:flex;flex-direction:column;flex:1 1}.info h3{font-size:16px;margin:0}.info h3,.info p{word-wrap:break-word;line-break:auto;-webkit-hyphens:auto;hyphens:auto}.info p{font-size:14px;color:#888888}p.no-results{font-size:16px;text-align:center}.lyrics-container{bottom:100px}.lyrics{position:fixed;top:0;right:0;width:100%;max-width:300px;height:calc(100vh - 100px);background:linear-gradient(to right,rgba(0,0,0,.9),rgba(0,0,0,.8)),var(--album-gradient);color:#ffffff;z-index:200;display:none;flex-direction:column;padding:20px;overflow-y:auto;box-shadow:-2px 0 6px rgba(0,0,0,.5);transition:background .5s ease}.lyrics.active{display:flex;bottom:100px}.lyrics h2{font-size:24px;margin-bottom:20px;text-align:center}.lyrics p{font-size:16px;line-height:1.5;white-space:pre-wrap;text-align:left;overflow-wrap:break-word}.lyrics .close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:#ffffff;font-size:24px;cursor:pointer}.toggle-lyrics-type{background-color:#1ed760;color:#ffffff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;margin-top:10px;width:100%;text-align:center}.toggle-lyrics-type:hover{background-color:#1db954}.lyrics-box{max-width:100vw;max-height:40vh;height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;background-color:#121212;color:#ffffff;white-space:pre-wrap;left:0}.lyrics-box.active{display:block}.lyrics p,.lyrics-box p{margin-bottom:20px}.synced-lyrics{max-height:300px;overflow-y:auto;padding:10px}.lyric-line{font-size:16px;line-height:1.5;margin:5px 0;text-align:left;color:#ffffff;transition:color .3s ease,background-color .3s ease}.lyric-line.highlighted{background-color:#1ed760;color:#000000;border-radius:4px;padding:5px}@media (min-width:769px){.lyrics-sidebar{bottom:100px}}@media (max-width:768px){.lyrics-sidebar{display:none}.lyrics-box{display:flex}}.song-info{font-size:18px}.progress-bar{width:50%;max-width:50%;margin:10px auto;height:4px;background:#535353;border-radius:2px}.queue-view{flex:1 1;overflow-y:auto}.queue-item{display:flex;align-items:center;margin-bottom:10px;cursor:pointer}.queue-item img{width:50px;height:50px;border-radius:4px;margin-right:10px}.queue-item .info h4{font-size:14px;margin:0;color:#ffffff}.queue-item .info p{font-size:12px;color:#d1d1d1;margin:0}.time-display{margin-top:10px;bottom:0}.fullscreen-player{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#161616;color:#ffffff;z-index:200;flex-direction:column;align-items:center;justify-content:center;padding:20px}.fullscreen-player.active{display:flex}.fullscreen-player img{width:150px;height:150px;margin-bottom:20px}.fullscreen-player .info{text-align:center;margin-bottom:20px}.fullscreen-player .info h3{font-size:18px;margin:0}.fullscreen-player .info p{font-size:14px;color:#888888}.fullscreen-player .controls{display:flex;align-items:center;gap:20px;margin-bottom:20px}.fullscreen-player .progress-bar{width:80%;margin-bottom:20px}@media (max-width:768px){.search-results{max-width:100%;padding:8px}.search-result{display:flex;flex-direction:column;align-items:center;background-color:#282828;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);cursor:pointer;word-break:break-word;word-wrap:break-word;line-break:auto;-webkit-hyphens:auto;hyphens:auto;padding:8px;min-height:auto;max-height:auto;min-width:80%;max-width:80%}.thumbnail img{max-width:80px;max-height:80px}.info h3{font-size:22px}.info p{font-size:20px}.audio-player img{display:none}.lyrics{max-width:100vw;min-width:none;word-break:break-word;word-wrap:break-word;line-break:auto;-webkit-hyphens:auto;hyphens:auto;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-wrap:break-word}.lyricText{margin:10px}.audio-player{height:80px;padding:10px;flex-direction:column;align-items:center;z-index:500}.audio-player img{width:60px;height:60px;margin-bottom:8px;z-index:500}.audio-player .info{text-align:center;margin:0;z-index:500}.audio-player .info h3{margin-bottom:4px;z-index:500}.audio-player .info p{margin-top:0;z-index:500}.audio-player .audio-controls{gap:10px;justify-content:center;z-index:500}.audio-player .audio-controls input[type=range]{width:100px;z-index:500}.audio-player .time-display{font-size:14px;z-index:500;bottom:0}.audio-controls .control-button:nth-child(6){order:1}.audio-controls .control-button:nth-child(7){order:2}@media (max-width:768px){body{padding:10px}.search-bar{flex-direction:column;gap:10px}.search-bar input{width:100%}.selectButtons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.search-results{flex-direction:column;align-items:center;gap:20px;max-width:100%;padding:10px}.search-result{width:90%;max-width:none;padding:10px}.thumbnail img{max-width:80px;max-height:80px}.info h3{font-size:22px}.info p{font-size:20px}.audio-player img{display:none}.lyrics{max-width:100vw;min-width:none;word-break:break-word;word-wrap:break-word;line-break:auto;-webkit-hyphens:auto;hyphens:auto;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-wrap:break-word}.lyricText{margin:10px}.audio-player{height:80px;padding:10px;flex-direction:column;align-items:center;z-index:500}.audio-player img{width:60px;height:60px;margin-bottom:8px;z-index:500}.audio-player .info{text-align:center;margin:0;z-index:500}.audio-player .info h3{margin-bottom:4px;z-index:500}.audio-player .info p{margin-top:0;z-index:500}.audio-player .audio-controls{gap:10px;justify-content:center;z-index:500}.audio-player .audio-controls input[type=range]{width:100px;z-index:500}.audio-player .time-display{font-size:14px;z-index:500;bottom:0}.audio-controls .control-button:nth-child(6){order:1}.audio-controls .control-button:nth-child(7){order:2}.lyrics{display:none!important}}@media (max-width:480px){.search-bar input{font-size:14px}.selectButtons button{font-size:14px;padding:6px 12px}.search-result{padding:8px}.audio-player .audio-controls button{font-size:20px;z-index:500}.audio-player .audio-controls input[type=range]{width:70%;z-index:500}.lyrics h2{font-size:16px}.lyrics p{font-size:12px}}}.audio-player .info h3,.audio-player .info p{text-align:left}