*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#0d1117 0%,#161b22 50%,#21262d 100%);color:#f0f6fc;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:30px}.header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgb(0 0 0 / .3)}.player{background:linear-gradient(145deg,#1c2128 0%,#22272e 100%);border:1px solid rgb(240 246 252 / .1);backdrop-filter:blur(20px);border-radius:20px;padding:35px;margin-bottom:40px;box-shadow:0 20px 40px rgb(0 0 0 / .4),0 0 0 1px rgb(255 255 255 / .05)}.current-song{text-align:center;margin-bottom:20px}.song-title{font-size:1.5rem;font-weight:700;margin-bottom:5px}.song-info{opacity:.8;font-size:.9rem}.progress-container{margin:20px 0}.progress-bar{width:100%;height:8px;background:rgb(240 246 252 / .1);border-radius:4px;cursor:pointer;overflow:hidden}.progress{height:100%;background:linear-gradient(90deg,#8b5cf6 0%,#06b6d4 100%);border-radius:3px;width:0%;transition:width 0.1s;box-shadow:0 0 10px rgb(139 92 246 / .3)}.time-info{display:flex;justify-content:space-between;font-size:.8rem;opacity:.8;margin-top:5px}.controls{display:flex;justify-content:center;align-items:center;gap:20px;margin:20px 0}.control-btn{background:linear-gradient(145deg,#30363d,#21262d);border:1px solid rgb(240 246 252 / .1);border-radius:50%;width:52px;height:52px;color:#f0f6fc;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all 0.3s ease;box-shadow:0 4px 12px rgb(0 0 0 / .3);position:relative;flex-shrink:0;line-height:1;text-align:center}.control-btn:hover{background:linear-gradient(145deg,#8b5cf6,#06b6d4);transform:translateY(-2px);box-shadow:0 8px 20px rgb(139 92 246 / .3)}.play-pause{width:65px;height:65px;font-size:1.6rem;background:linear-gradient(145deg,#8b5cf6,#06b6d4);box-shadow:0 6px 20px rgb(139 92 246 / .4);line-height:1}.play-pause:hover{background:linear-gradient(145deg,#7c3aed,#0891b2);transform:translateY(-3px);box-shadow:0 10px 25px rgb(139 92 246 / .5)}.repeat-active{background:linear-gradient(145deg,#8b5cf6,#06b6d4)!important;box-shadow:0 6px 15px rgb(139 92 246 / .4)!important}.repeat-active:hover{background:linear-gradient(145deg,#7c3aed,#0891b2)!important;transform:translateY(-2px);box-shadow:0 8px 20px rgb(139 92 246 / .4)!important}@media (hover:none) and (pointer:coarse){.control-btn:hover,.play-pause:hover,.repeat-active:hover{background:linear-gradient(145deg,#30363d,#21262d)!important;transform:none!important;box-shadow:0 4px 12px rgb(0 0 0 / .3)!important}.play-pause:hover{background:linear-gradient(145deg,#8b5cf6,#06b6d4)!important;box-shadow:0 6px 20px rgb(139 92 246 / .4)!important}.repeat-active:hover{background:linear-gradient(145deg,#8b5cf6,#06b6d4)!important;box-shadow:0 6px 15px rgb(139 92 246 / .4)!important}.control-btn:active{background:linear-gradient(145deg,#8b5cf6,#06b6d4)!important;transform:scale(.95)!important}}.repeat-one::after{content:"1";position:absolute;top:3px;right:3px;font-size:.55rem;background:#f0f6fc;color:#0d1117;border-radius:50%;width:11px;height:11px;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:2;line-height:1}.control-btn[id="playPauseBtn"]{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:400;letter-spacing:0;padding:0}.control-btn[id="prevBtn"],.control-btn[id="nextBtn"]{font-size:1.1rem}.playlist{background:linear-gradient(145deg,#1c2128 0%,#22272e 100%);border:1px solid rgb(240 246 252 / .1);backdrop-filter:blur(20px);border-radius:20px;padding:25px;margin-bottom:40px;box-shadow:0 20px 40px rgb(0 0 0 / .4),0 0 0 1px rgb(255 255 255 / .05)}.playlist h2{margin-bottom:20px;text-align:center}.song-item{display:flex;align-items:center;padding:10px;border-radius:8px;cursor:pointer;transition:background 0.3s;margin-bottom:5px}.song-item:hover{background:linear-gradient(90deg,rgb(139 92 246 / .15),rgb(6 182 212 / .15));transform:translateX(4px);border-left:2px solid #8b5cf6}.song-item.active{background:linear-gradient(90deg,rgb(139 92 246 / .2),rgb(6 182 212 / .2));border-left:3px solid #8b5cf6;box-shadow:0 4px 12px rgb(139 92 246 / .2)}.song-number{width:30px;text-align:center;opacity:.7}.song-details{flex:1;margin-left:10px}.song-name{font-weight:500}.song-duration{opacity:.7;font-size:.9rem}.song-play-btn{background:linear-gradient(145deg,#8b5cf6,#06b6d4);border:none;border-radius:50%;width:32px;height:32px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all 0.3s ease;margin-left:10px;flex-shrink:0;box-shadow:0 2px 8px rgb(139 92 246 / .3)}.song-play-btn:hover{background:linear-gradient(145deg,#7c3aed,#0891b2);transform:scale(1.1);box-shadow:0 4px 12px rgb(139 92 246 / .4)}.song-play-btn:active{transform:scale(.95)}.volume-container{display:flex;align-items:center;gap:10px;margin-top:20px}.volume-slider{flex:1;height:6px;background:rgb(240 246 252 / .1);border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:linear-gradient(145deg,#8b5cf6,#06b6d4);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgb(139 92 246 / .3)}audio{display:none}.loading{text-align:center;padding:20px;opacity:.7}.no-results{text-align:center;padding:40px 20px;opacity:.6;font-style:italic}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1c2128;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(145deg,#8b5cf6,#06b6d4);border-radius:10px;border:2px solid #1c2128}::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,#7c3aed,#0891b2)}html{scrollbar-width:thin;scrollbar-color:#8b5cf6 #1c2128}.main-songs-section{margin-bottom:40px}.search-header{margin-bottom:25px;border-bottom:1px solid rgb(240 246 252 / .1);padding-bottom:20px}.search-header h2{margin-bottom:15px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.search-input-container{position:relative;width:90%;max-width:600px;margin:0 auto 10px auto}@media (max-width:480px){.search-input-container{width:95%;max-width:none}}@media (min-width:481px) and (max-width:768px){.search-input-container{width:85%;max-width:500px}}@media (min-width:769px) and (max-width:1024px){.search-input-container{width:80%;max-width:600px}}@media (min-width:1025px){.search-input-container{width:75%;max-width:700px}}.search-input{width:100%;padding:12px 45px 12px 20px;background:rgb(240 246 252 / .05);border:1px solid rgb(240 246 252 / .1);border-radius:25px;color:#f0f6fc;font-size:1rem;outline:none;transition:all 0.3s ease}.search-input:focus{background:rgb(240 246 252 / .08);border-color:#8b5cf6;box-shadow:0 0 0 2px rgb(139 92 246 / .2)}.search-input::placeholder{color:rgb(240 246 252 / .5)}.search-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:rgb(240 246 252 / .5);font-size:1rem}.search-results-info{text-align:center;font-size:.9rem;opacity:.7;color:#8b5cf6;margin-top:8px;min-height:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}