-center mb-6 px-4 sm:px-6">
            <span class="text-xl sm:text-2xl font-semibold tracking-wide text-cyan-400">
              Xarneshin
            </span>
            <button
              id="closeSidebarButton"
              class="text-gray-300 hover:text-cyan-400 text-2xl focus:outline-none sm:hidden"
              onclick="closeSidebar()"
            >
              ×
            </button>
          </div>
          <nav class="flex-1 px-4 sm:px-6 space-y-2 sm:space-y-3">
          