* {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 rgba(0,0,0,0.3);}.player {background:linear-gradient(145deg, #1c2128 0%, #22272e 100%);border:1px solid rgba(240, 246, 252, 0.1);backdrop-filter:blur(20px);border-radius:20px;padding:35px;margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.05);}.current-song {text-align:center;margin-bottom:20px;}.song-title {font-size:1.5rem;font-weight:bold;margin-bottom:5px;}.song-info {opacity:0.8;font-size:0.9rem;}.progress-container {margin:20px 0;}.progress-bar {width:100%;height:8px;background:rgba(240, 246, 252, 0.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 rgba(139, 92, 246, 0.3);}.time-info {display:flex;justify-content:space-between;font-size:0.8rem;opacity:0.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 rgba(240, 246, 252, 0.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 rgba(0,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 rgba(139, 92, 246, 0.3);}.play-pause {width:65px;height:65px;font-size:1.6rem;background:linear-gradient(145deg, #8b5cf6, #06b6d4);box-shadow:0 6px 20px rgba(139, 92, 246, 0.4);line-height:1;}.play-pause:hover {background:linear-gradient(145deg, #7c3aed, #0891b2);transform:translateY(-3px);box-shadow:0 10px 25px rgba(139, 92, 246, 0.5);}.repeat-active {background:linear-gradient(145deg, #8b5cf6, #06b6d4) !important;box-shadow:0 6px 15px rgba(139, 92, 246, 0.4) !important;}.repeat-active:hover {background:linear-gradient(145deg, #7c3aed, #0891b2) !important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(139, 92, 246, 0.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 rgba(0,0,0,0.3) !important;}.play-pause:hover {background:linear-gradient(145deg, #8b5cf6, #06b6d4) !important;box-shadow:0 6px 20px rgba(139, 92, 246, 0.4) !important;}.repeat-active:hover {background:linear-gradient(145deg, #8b5cf6, #06b6d4) !important;box-shadow:0 6px 15px rgba(139, 92, 246, 0.4) !important;}.control-btn:active {background:linear-gradient(145deg, #8b5cf6, #06b6d4) !important;transform:scale(0.95) !important;}}.repeat-one::after {content:"1";position:absolute;top:3px;right:3px;font-size:0.55rem;background:#f0f6fc;color:#0d1117;border-radius:50%;width:11px;height:11px;display:flex;align-items:center;justify-content:center;font-weight:bold;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;/* Slightly smaller for better centering */}.playlist {background:linear-gradient(145deg, #1c2128 0%, #22272e 100%);border:1px solid rgba(240, 246, 252, 0.1);backdrop-filter:blur(20px);border-radius:20px;padding:25px;margin-bottom:40px;box-shadow:0 20px 40px rgba(0,0,0,0.4), 0 0 0 1px rgba(255,255,255,0.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, rgba(139, 92, 246, 0.15), rgba(6, 182, 212, 0.15));transform:translateX(4px);border-left:2px solid #8b5cf6;}.song-item.active {background:linear-gradient(90deg, rgba(139, 92, 246, 0.2), rgba(6, 182, 212, 0.2));border-left:3px solid #8b5cf6;box-shadow:0 4px 12px rgba(139, 92, 246, 0.2);}.song-number {width:30px;text-align:center;opacity:0.7;}.song-details {flex:1;margin-left:10px;}.song-name {font-weight:500;}.song-duration {opacity:0.7;font-size:0.9rem;}.song-play-btn {background:linear-gradient(145deg, #8b5cf6, #06b6d4);border:none;border-radius:50%;width:32px;height:32px;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.9rem;transition:all 0.3s ease;margin-left:10px;flex-shrink:0;box-shadow:0 2px 8px rgba(139, 92, 246, 0.3);}.song-play-btn:hover {background:linear-gradient(145deg, #7c3aed, #0891b2);transform:scale(1.1);box-shadow:0 4px 12px rgba(139, 92, 246, 0.4);}.song-play-btn:active {transform:scale(0.95);}.volume-container {display:flex;align-items:center;gap:10px;margin-top:20px;}.volume-slider {flex:1;height:6px;background:rgba(240, 246, 252, 0.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 rgba(139, 92, 246, 0.3);}audio {display:none;}.loading {text-align:center;padding:20px;opacity:0.7;}.no-results {text-align:center;padding:40px 20px;opacity:0.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 rgba(240, 246, 252, 0.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:rgba(240, 246, 252, 0.05);border:1px solid rgba(240, 246, 252, 0.1);border-radius:25px;color:#f0f6fc;font-size:1rem;outline:none;transition:all 0.3s ease;}.search-input:focus {background:rgba(240, 246, 252, 0.08);border-color:#8b5cf6;box-shadow:0 0 0 2px rgba(139, 92, 246, 0.2);}.search-input::placeholder {color:rgba(240, 246, 252, 0.5);}.search-icon {position:absolute;right:15px;top:50%;transform:translateY(-50%);color:rgba(240, 246, 252, 0.5);font-size:1rem;}.search-results-info {text-align:center;font-size:0.9rem;opacity:0.7;color:#8b5cf6;margin-top:8px;min-height:20px;}